/**
 * PRODMAX — kolory per kategoria produktu.
 * Ladowane przez mu-plugin prodmax-category-colors.php tylko na single products.
 * NIE nadpisuje globalnego CSS motywu — dziala przez klase body.prodmax-cat-<slug>.
 */

/* ===== REKUPERATORY — akcent zielony (marka PRODMAX #79C427) =====
 * Specyficznosc dopasowana do reguly motywu:
 * .single-product .faq__wrapper article table th { background:#e31e24 }
 * Nasze selektory dodaja .dane-techniczne + klase body → wygrywaja specyficznoscia.
 */

/* Naglowek tabeli "Dane techniczne" — zielony zamiast czerwonego.
 * Zebra (tr:nth-last-of-type(2n) → #f8f8f8) i obramowania (#d5d5d5) DZIEDZICZONE z motywu,
 * dzieki czemu zielone tabele maja identyczny wzor jak czerwone. Nadpisujemy tylko kolor naglowka. */
body.prodmax-zielony .single-product .faq__wrapper article table.dane-techniczne th {
    background-color: #79C427;
    color: #ffffff;
}

/* Lewa kolumna (nazwy parametrow) — jasnozielone tlo, bez bolda, z liniami miedzy wierszami.
 * Nadpisuje zebre motywu dla pierwszej kolumny (w kazdym wierszu). */
body.prodmax-zielony .single-product .faq__wrapper article table.dane-techniczne tbody td:first-child,
body.prodmax-zielony .single-product .faq__wrapper article table.dane-techniczne tbody tr:nth-last-of-type(2n) td:first-child {
    background-color: #eef7e3;
}

/* Linie miedzy wierszami — per kolumna, spojne z wypelnieniem:
 *  - lewa (zielone tlo)  → delikatna zielona kreska #d7e8c4
 *  - prawa (biel/szary)  → neutralna szara kreska #e6e6e6 (mniejsze nasycenie) */
body.prodmax-zielony .single-product .faq__wrapper article table.dane-techniczne tbody td:first-child {
    border-bottom: 1px solid #d7e8c4;
}
body.prodmax-zielony .single-product .faq__wrapper article table.dane-techniczne tbody td:last-child {
    border-bottom: 1px solid #e6e6e6;
}

/* ===== Lista wypunktowana z zieloną ikoną strzałki (jak w katalogu) ===== */
body.prodmax-zielony .single-product .faq__wrapper article ul.dane-lista {
    list-style: none;
    margin: 0;
    padding: 0;
}
body.prodmax-zielony .single-product .faq__wrapper article ul.dane-lista li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20height%3D%22405.33333pt%22%20viewBox%3D%220%200%20405.33333%20405.33333%22%20width%3D%22405.33333pt%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2379C427%22%20d%3D%22m0%20202.667969c0%20111.929687%2090.738281%20202.664062%20202.667969%20202.664062%20111.929687%200%20202.664062-90.734375%20202.664062-202.664062%200-111.929688-90.734375-202.667969-202.664062-202.667969-111.929688%200-202.667969%2090.738281-202.667969%20202.667969zm179.09375-84.269531%2085.332031%2074.667968c2.777344%202.417969%204.375%205.917969%204.375%209.601563%200%203.679687-1.597656%207.183593-4.375%209.597656l-85.332031%2074.667969c-5.300781%204.652344-13.375%204.128906-18.027344-1.171875-4.652344-5.304688-4.128906-13.375%201.171875-18.027344l74.347657-65.066406-74.347657-65.066407c-5.300781-4.65625-5.824219-12.726562-1.171875-18.027343%204.652344-5.304688%2012.726563-5.828125%2018.027344-1.175781zm0%200%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: 20px 20px;
    line-height: 1.5;
}

/* ===== Szerokości kolumn tabeli Dane techniczne (lewa 35% / prawa 65%) ===== */
/* Tabela 1-kolumnowa: lewa 35% / prawa 65% */
body.prodmax-zielony .single-product .faq__wrapper article table.dane-techniczne:not(.dane-multikol) th:first-child,
body.prodmax-zielony .single-product .faq__wrapper article table.dane-techniczne:not(.dane-multikol) td:first-child {
    width: 35%;
}
body.prodmax-zielony .single-product .faq__wrapper article table.dane-techniczne:not(.dane-multikol) th:last-child,
body.prodmax-zielony .single-product .faq__wrapper article table.dane-techniczne:not(.dane-multikol) td:last-child {
    width: 65%;
}

/* ===== Tabela WIELOKOLUMNOWA (warianty BASIC/CLASSIC/PREMIUM) ===== */
/* table-layout: fixed → kolumny rowne niezaleznie od tresci (colspan nie rozjezdza szerokosci) */
body.prodmax-zielony .single-product .faq__wrapper article table.dane-multikol {
    table-layout: fixed;
    width: 100%;
}
/* Pierwsza kolumna (nazwy) stala, kolumny wariantow rowne */
body.prodmax-zielony .single-product .faq__wrapper article table.dane-multikol td:first-child,
body.prodmax-zielony .single-product .faq__wrapper article table.dane-multikol th:first-child {
    width: 30%;
}
/* Kolumny wariantow: jawnie rowne (pozostale 67% / liczba wariantow).
   Ustawiamy przez naglowek - w table-layout:fixed pierwszy wiersz wyznacza szerokosci. */
body.prodmax-zielony .single-product .faq__wrapper article table.dane-multikol thead th:not(:first-child) {
    width: auto;
}
body.prodmax-zielony .single-product .faq__wrapper article table.dane-multikol th:not(:first-child),
body.prodmax-zielony .single-product .faq__wrapper article table.dane-multikol td:not(:first-child) {
    text-align: center;
}
/* Wartosc wspolna (colspan) - wysrodkowana przez wszystkie warianty */
body.prodmax-zielony .single-product .faq__wrapper article table.dane-multikol td.wspolne {
    text-align: center;
}

/* Linie POZIOME na wszystkich kolumnach (w multikol jest >2 td - first/last nie wystarcza) */
body.prodmax-zielony .single-product .faq__wrapper article table.dane-multikol tbody td {
    border-bottom: 1px solid #e6e6e6;
}
/* Lewa kolumna (zielone tlo) - zielona kreska dla spojnosci */
body.prodmax-zielony .single-product .faq__wrapper article table.dane-multikol tbody td:first-child {
    border-bottom: 1px solid #d7e8c4;
}
/* Linie PIONOWE miedzy kolumnami wariantow (separatory 2|3|4) */
body.prodmax-zielony .single-product .faq__wrapper article table.dane-multikol th:not(:first-child),
body.prodmax-zielony .single-product .faq__wrapper article table.dane-multikol td:not(:first-child):not(.wspolne) {
    border-left: 1px solid #e6e6e6;
}
/* Naglowek: pionowe separatory takze w wierszu naglowka (na zielonym - biale) */
body.prodmax-zielony .single-product .faq__wrapper article table.dane-multikol thead th:not(:first-child) {
    border-left: 1px solid rgba(255,255,255,0.35);
}

/* ===== Przyklejone ikony social media (site-social) — ukryj na wąskich ekranach =====
 * Przy <=1439px (znikaja ponizej 1440) nachodza na przyciski "+" akordeonu. Scope: tylko strony rekuperatorow. */
@media (max-width: 1439px) {
    body.prodmax-zielony .site-social {
        display: none !important;
    }
}