/* YITH WooCommerce Compare — styling tokenami wyglancowane */

/* Przycisk "Compare" na karcie produktu i stronie single */
.compare-button a,
a.compare.button,
.yith-woocompare-widget a.compare,
.woocommerce a.compare {
    background: var(--wyg-primary);
    color: #fff;
    border-radius: var(--wyg-radius-ui);
    border: 0;
    font-family: var(--wyg-font-body);
    font-size: .8rem;
    font-weight: 600;
    padding: 6px 14px;
    text-decoration: none;
    display: inline-block;
    letter-spacing: .02em;
    transition: background .15s ease;
}

.compare-button a:hover,
a.compare.button:hover,
.yith-woocompare-widget a.compare:hover {
    background: var(--wyg-cta);
    color: #fff;
}

/* Tabela porównania */
table.compare-list .product-title a {
    font-family: var(--wyg-font-head);
    color: var(--wyg-ink);
    text-decoration: none;
    font-weight: 700;
}

table.compare-list th {
    font-family: var(--wyg-font-head);
    background: var(--wyg-surface);
    color: var(--wyg-ink);
    border-bottom: 2px solid var(--wyg-border);
}

table.compare-list td {
    border-color: var(--wyg-border);
    font-family: var(--wyg-font-body);
}

/* Przycisk "Usuń z porównania" (×) */
.compare-list .remove a,
.yith-woocompare-widget .clear-all {
    color: var(--wyg-cta);
    font-family: var(--wyg-font-body);
}

/* Responsywność tabeli */
@media (max-width: 768px) {
    .woocommerce-comparison-table {
        font-size: .85rem;
    }
}

/* === Single product: wyróżniony przycisk „Dodaj do porównania" ===
   Add-to-cart ukryty w SEO-mode → compare to jedyna akcja na karcie produktu.
   Przycisk dodaje child-hook (woocommerce_single_product_summary, poza ukrytą .cart). */
.single-product .summary a.compare.wyg-single-compare{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;max-width:340px;
  margin:20px 0 4px;padding:14px 22px;
  background:#fff;color:var(--wyg-primary);
  border:2px solid var(--wyg-primary);border-radius:var(--wyg-radius-ui);
  font-family:var(--wyg-font-body);font-size:.95rem;font-weight:600;letter-spacing:.03em;
  text-decoration:none;text-align:center;cursor:pointer;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.single-product .summary a.compare.wyg-single-compare::before{content:"\21C4";font-size:1.05rem;font-weight:700;}
.single-product .summary a.compare.wyg-single-compare:hover{
  background:var(--wyg-primary);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18);}
.single-product .summary a.compare.wyg-single-compare.added,
.single-product .summary a.compare.wyg-single-compare.exists{
  border-color:var(--wyg-cta);color:var(--wyg-cta);}
.single-product .summary a.compare.wyg-single-compare.added:hover{background:var(--wyg-cta);color:#fff;}

/* ── Popup porównywarki: polish 2026-06-21 ── */
/* obraz produktu w tabeli porównania — rozsądny rozmiar (był ogromny) */
#yith-woocompare td.yith_woocompare_table_image img,
#yith-woocompare .yith_woocompare_table_image img{max-width:200px;height:auto;margin:0 auto;display:block;}
/* ukryj ikony sortowania DataTables (pliki 404 + sortowanie zbędne w porównaniu) */
#yith-woocompare table.dataTable thead th,
#yith-woocompare table.dataTable thead td{background-image:none !important;cursor:default !important;}
#yith-woocompare table.dataTable thead .sorting,
#yith-woocompare table.dataTable thead .sorting_asc,
#yith-woocompare table.dataTable thead .sorting_desc{background:none !important;}

/* ── KLUCZOWE: nieprzezroczyste tło overlaya popupu (było rgba .95 → strona prześwitywała = „rozjechane") ── */
.yith-woocompare-popup-container{background:#ffffff !important;}
/* dopracowanie: wyśrodkowana, oddychająca tabela porównania */
.yith-woocompare-table-wrapper{max-width:1200px;margin:0 auto !important;padding:0 24px;}
#yith-woocompare h2{font-family:var(--wyg-font-head,"Hanken Grotesk",sans-serif);font-weight:800;}

/* ── UX: porównywarka jako wyśrodkowany modal-karta (reszta strony widoczna) 2026-06-21 ── */
.yith-woocompare-popup-container{
    background:rgba(14,14,14,.6) !important;        /* przyciemnione tło — strona widoczna */
    -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
    display:flex;align-items:flex-start;justify-content:center;
    padding:104px 20px 40px;                         /* górny odstęp = widoczny header */
    z-index:800 !important;                          /* poniżej sticky headera (klikalna nawigacja) */
}
.yith-woocompare-popup-container .yith-woocompare-table-wrapper{
    background:#fff !important;
    width:100%;max-width:1080px;max-height:82vh;
    overflow-y:auto;overflow-x:auto;
    border-radius:16px;
    box-shadow:0 30px 90px rgba(0,0,0,.5);
    padding:28px 32px 32px;
    margin:0 auto !important;
}
/* header zawsze NAD modalem i klikalny (lepsza nawigacja podczas porównania) */
.site-header,.site-header-row,#masthead,.kadence-sticky-header,.site-header-inner-wrap{z-index:1300 !important;}
/* przycisk zamknięcia: wyraźny, w rogu karty */
.yith-woocompare-popup-container .close,
.yith-woocompare-popup-container a.close{
    position:fixed;top:64px;right:28px;z-index:1310;
    width:44px;height:44px;display:flex;align-items:center;justify-content:center;
    background:#fff;border-radius:50%;box-shadow:0 6px 20px rgba(0,0,0,.25);
    font-size:1.5rem;color:#0E0E0E;
}
@media (max-width:640px){
    .yith-woocompare-popup-container{padding:84px 10px 20px;}
    .yith-woocompare-popup-container .yith-woocompare-table-wrapper{padding:18px 14px;border-radius:12px;}
    .yith-woocompare-popup-container .yith-woocompare-popup-close,.yith-woocompare-popup-container a.close{top:14px;right:12px;}
}

/* ── Mobile: kompaktowe kolumny porównania (etykieta + produkt widoczne naraz; reszta swipe) ── */
@media (max-width:640px){
    #yith-woocompare table.compare-list tbody th:not(.filler){min-width:104px !important;width:104px !important;}
    #yith-woocompare table.compare-list td:not(.filler){min-width:150px !important;width:150px !important;text-align:center;}
    #yith-woocompare td.yith_woocompare_table_image img,
    #yith-woocompare .yith_woocompare_table_image img{max-width:120px !important;}
    #yith-woocompare .dataTables_scrollBody{-webkit-overflow-scrolling:touch;}
    /* podpowiedź scrollowania */
    .yith-woocompare-table-wrapper::before{
        content:"← przesuń, aby zobaczyć produkty →";
        display:block;text-align:center;font-size:.72rem;color:#9aa0a6;
        padding:4px 0 10px;
    }
}