/**
 * Dodatkowe style dla przycisków YITH
 * Dodaj te style do twojego pliku sk-wishlist-compare.css
 */

/* Ukryj domyślne elementy YITH Compare */
.yith-woocompare-widget ul.products-list a.remove,
.yith-woocompare-widget a.clear-all {
    display: inline-block;
}

/* Style dla przycisku porównania */
.sk-compare-button a.compare {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    text-indent: 0 !important;
    height: auto !important;
    width: auto !important;
    overflow: visible !important;
    float: none !important;
    text-decoration: none !important;
    padding: 0 !important;
    font-weight: normal !important;
    margin: 0 !important;
    position: relative !important;
    line-height: normal !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    color: #333 !important;
    display: flex !important;
    align-items: center !important;
}

/* Obsługa stanu ładowania */
.sk-compare-button a.compare.loading {
    opacity: 0.7;
    pointer-events: none;
}

/* Ukryj ikony YITH */
.sk-compare-button a.compare::before,
.sk-compare-button a.compare::after {
    display: none !important;
}

/* Ukryj wszystkie dodatkowe style, które mogą być dodane przez YITH */
.sk-compare-button a.compare img,
.sk-compare-button a.compare span:not(.sk-info-icon) {
    display: none !important;
}

/* Hover dla przycisku porównania */
.sk-compare-button a.compare:hover {
    color: #CE8946 !important;
}

.sk-compare-button a.compare:hover svg path {
    fill: #CE8946 !important;
}

/* Styl dla przycisku "dodane do porównania" */
.sk-compare-button a.compare.added {
    color: #CE8946 !important;
}

.sk-compare-button a.compare.added svg path {
    fill: #CE8946 !important;
}
/**
 * Style dla tooltipów - dodaj te style do pliku sk-wishlist-compare.css
 */

/* Style dla ikon informacyjnych */
.sk-info-icon {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 5px !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 5 !important;
}

/* Upewnij się, że ikona informacyjna jest widoczna i ma odpowiedni styl */
.sk-info-icon svg {
    display: inline-block !important;
    width: 13px !important;
    height: 13px !important;
}

.sk-info-icon svg path {
    fill: #A0A0A0 !important;
    transition: none !important;
}

/* Style dla tooltipów */
.sk-tooltip {
    position: absolute !important;
    top: -40px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-color: #333 !important;
    color: #fff !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    width: 220px !important;
    text-align: center !important;
    z-index: 100 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
    pointer-events: none !important;
}

.sk-tooltip::after {
    content: '' !important;
    position: absolute !important;
    bottom: -6px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-top: 6px solid #333 !important;
}

.sk-tooltip.sk-tooltip-visible {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Upewnij się, że akcje są właściwie pozycjonowane */
.sk-action-button {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 20px !important;
    position: relative !important;
}

/* Zapewnij, że przyciski mają odpowiedni układ */
.sk-action-button a {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

/* Ustaw właściwe pozycjonowanie i czcionkę */
.sk-wishlist-button a, .sk-compare-button a {
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Dostosuj domyślny styl ikony do tooltipów */
.sk-action-button svg {
    margin-right: 8px !important;
}
/* Style dla przycisku listy życzeń */
.sk-wishlist-link.in-wishlist {
    color: #CE8946 !important;
}

.sk-wishlist-link.in-wishlist svg path {
    fill: #CE8946 !important;
}
/* Ukryj tekst na urządzeniach mobilnych */
@media (max-width: 768px) {
    .sk-wishlist-link .wishlist-text,
    .sk-wishlist-link .sk-info-icon {
        display: none !important;
    }
    
    .sk-wishlist-link svg {
        margin-right: 0 !important;
    }
    .sk-action-button{
        margin-right:0 !important;
    }
}