/* ============================================================
   custom.css — naturawit.pl (szablon IdoSell)
   Wersja: 2026-10-14 (uporządkowanie w moduły + wspólne kafelki)
   Plik źródłowy: Dysk -> Claude projekt GEO SEO NW.pl
   ------------------------------------------------------------
   ZASADY (obowiązują wszystkie czaty projektu):
   - zmiany najpierw w pliku źródłowym na Dysku, potem panel;
   - klasy nowych treści z prefiksem nw- (myślnik);
     klasy nw_ (podkreślnik) = LEGACY, nie rozwijać;
   - zero selektorów bez zasięgu, zero <style> w treściach;
   - bez właściwości "gap" (walidator IdoSell) — odstępy marginesami;
   - ostrzeżenia walidatora (!important, width+padding, h3 qualified,
     h3 already defined) są celowe lub niegroźne — nie "naprawiać".
   ------------------------------------------------------------
   SPIS MODUŁÓW:
   01  Ukrywanie elementów szablonu
   02  LEGACY — stare opisy produktów (klasy nw_)
   03  Treści opisowe NW v2 (.nw-desc)
   04  Tabele (.nw-tbl, .nw-tabela)
   05  FAQ (.nw-faq)
   06  Kafelki linków (.nw-kafelki + aliasy legacy)
   07  Blok autora (.nw-autor)
   08  Blog (.nw-blog)
   09  Strona główna (.nw-home-*)
   ============================================================ */


/* ============================================================
   01  UKRYWANIE ELEMENTÓW SZABLONU
   !important konieczny — bez niego wygrywają style IdoSell.
   ============================================================ */
.projector_buy__number_amounts, #projector_amount, #account_rebates, #payment_later, #order2_info_sub4, #product_questions_list, #points_login, #client_cards, #contact_map, .contact_stocks {
display: none !important;
}

.product__name {
 height: 48px;
}

.d-md-block {
 display: none !important;
}


/* ============================================================
   02  LEGACY — stare opisy produktów (klasy nw_ z podkreślnikiem)
   Używane przez istniejące karty towarów. Nie rozwijać — nowe
   treści korzystają z modułów 03–07. Wygasną wraz z migracją
   starych opisów na .nw-desc / .nw-tbl.
   ============================================================ */
.nw_naglowek {
 font-size: 1.1em;
 font-weight: bold;
}
.nw_table{
 border: 1px solid #555555;
}
.nw_thead{
 background-color: #f5f5f5;
 font-weight: bold;
}
.nw_thead_td_1 {
 text-align: left;
 width: 70%;
 padding: 5px;
 border-right: 1px solid #555555;
}
.nw_thead_td_2 {
 text-align: center;
 width: 15%;
 padding: 5px;
 border-right: 1px solid #555555;
}
.nw_thead_td_3 {
 text-align: center;
 width: 15%;
 padding: 5px;
}
.nw_tbody {
 border: 1px solid #555555;
}
.nw_tbody_td_1 {
 text-align: left;
 padding: 5px;
 border-right: 1px solid #555555;
}
.nw_tbody_td_2 {
 text-align: center;
 padding: 5px;
 border-right: 1px solid #555555;
}
.nw_tbody_td_3 {
 text-align: center;
 padding: 5px;
}
.nw_stoper {
 padding: 5px;
}


/* ============================================================
   03  TREŚCI OPISOWE NW v2 (.nw-desc)
   Blok bazowy każdej nowej treści opisowej. Modyfikatory
   kontekstu: nw-desc--brand / --category / --series / --product.
   Markup: <div class="nw-desc nw-desc--brand"> ... </div>
   ============================================================ */
.nw-desc { line-height: 1.55; }
.nw-desc h2 { margin: 1.8rem 0 .6rem; }
.nw-desc h3 { margin: 1.2rem 0 .4rem; }
.nw-desc p { margin: .3rem 0 .6rem; }
.nw-desc ul { margin: .3rem 0 .8rem; }


/* ============================================================
   04  TABELE
   .nw-tbl    — tabela danych NW v2 (semantyczna: thead/th,
                kolumny 2 i 3 wyśrodkowane przez nth-child);
   .nw-tabela — tabela porównawcza w opisach serii (od 04.10.2026)
                + notka .nw-tabela-nota.
   ============================================================ */
.nw-tbl { border-collapse: collapse; border: 1px solid #555; width: 100%; }
.nw-tbl th, .nw-tbl td { padding: 5px; border: 1px solid #555; text-align: left; }
.nw-tbl thead th { background: #f5f5f5; }
.nw-tbl th:nth-child(2), .nw-tbl td:nth-child(2),
.nw-tbl th:nth-child(3), .nw-tbl td:nth-child(3) { text-align: center; }

.nw-tabela {
 border-collapse: collapse;
 width: 100%;
 margin: 10px 0;
}
.nw-tabela th,
.nw-tabela td {
 border: 1px solid #e0e0e0;
 padding: 7px 9px;
 text-align: left;
 font-size: 13px;
}
.nw-tabela th {
 background: #f2faf7;
}
.nw-tabela-nota {
 color: #8a8a8a;
 font-size: 12px;
}

@media (max-width: 576px) {
 .nw-tabela th,
 .nw-tabela td {
 padding: 5px 6px;
 font-size: 12px;
 }
}


/* ============================================================
   05  FAQ (.nw-faq) — rozwijane pytania (details/summary)
   Jeden moduł dla wszystkich podstron (marka, seria, kategoria,
   blog). Klasa odpowiedzi w NOWYCH treściach: .nw-faq__answer;
   .nw-faq-odp = LEGACY (opisy serii i blog z 10.2026) — zostaje
   dla wstecznej zgodności, wygląd identyczny.
   Markup: <div class="nw-faq"><h2>...</h2>
           <details><summary>Pytanie</summary>
           <div class="nw-faq__answer">Odpowiedź</div></details></div>
   ============================================================ */
.nw-faq { max-width: 960px; margin: 0 auto; padding: 24px 0 32px; }
.nw-faq details {
 border-radius: 6px;
 background: #fafafa;
 border: 1px solid #e0e0e0;
 margin-bottom: 6px;
 padding: 8px 10px;
}
.nw-faq summary {
 cursor: pointer;
 list-style: none;
 font-weight: 600;
}
.nw-faq summary::-webkit-details-marker { display: none; }
.nw-faq summary::after { content: "+"; float: right; font-weight: normal; }
.nw-faq details[open] summary::after { content: "−"; }
.nw-faq__answer,
.nw-faq .nw-faq-odp { margin-top: 6px; }

@media (max-width: 640px) {
 .nw-faq { padding: 16px 0 24px; }
}


/* ============================================================
   06  KAFELKI LINKÓW (.nw-kafelki + aliasy legacy)
   Kanoniczny wygląd dla CAŁEGO sklepu: zielona obramówka #008556,
   zaokrąglenie 8px, hover wypełnia zielenią (styl ze strony
   głównej, decyzja 14.10.2026).
   NOWE treści — markup:
     <div class="nw-kafelki">
     <h3>Nagłówek bloku</h3>
     <ul>
     <li><a href="...">Etykieta <span class="nw-kafelki__licznik">(12)</span></a></li>
     </ul>
     </div>
   Aliasy LEGACY (ten sam wygląd, nie zmieniać HTML na stronach):
   .nw-serie-kafelki (33 opisy kategorii; licznik: .nw-serie-licznik),
   .nw-home-kategorie (strona główna; klasa na samym <ul>).
   Odstępy marginesami — bez "gap" (walidator IdoSell).
   ============================================================ */

/* Blok zawsze widoczny w opisie listingu — nie chowa go
   "Czytaj więcej"; reszta długiego opisu zwija się normalnie. */
.search_description .nw-kafelki,
.search_description .nw-serie-kafelki {
 display: block !important;
 margin: 14px 0 6px;
}

/* Nagłówek bloku */
.nw-kafelki h3,
.nw-serie-kafelki h3 {
 font-size: 15px;
 font-weight: 700;
 color: #333333;
 margin: 0 0 10px;
}

/* Lista -> siatka kafelków (flex + marginesy zamiast gap) */
.nw-kafelki ul,
.nw-serie-kafelki ul,
ul.nw-home-kategorie {
 list-style: none;
 margin: 12px 0;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
}
.nw-kafelki li,
.nw-serie-kafelki li,
.nw-home-kategorie li {
 margin: 0 10px 10px 0;
 padding: 0;
}
.nw-kafelki li:before,
.nw-serie-kafelki li:before,
.nw-home-kategorie li:before {
 content: none; /* gdyby szablon dodawał punktory */
}

/* Kafelek — cały link klikalny */
.nw-kafelki li a,
.nw-serie-kafelki li a,
.nw-home-kategorie a {
 display: block;
 padding: 10px 16px;
 border: 1px solid #008556;
 border-radius: 8px;
 background: #ffffff;
 color: #008556;
 font-size: 14px;
 line-height: 1.25;
 font-weight: 600;
 text-decoration: none;
 transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.nw-kafelki li a:hover,
.nw-kafelki li a:focus,
.nw-serie-kafelki li a:hover,
.nw-serie-kafelki li a:focus,
.nw-home-kategorie a:hover,
.nw-home-kategorie a:focus {
 background: #008556;
 color: #ffffff;
 text-decoration: none;
}

/* Licznik produktów w kafelku */
.nw-kafelki .nw-kafelki__licznik,
.nw-serie-kafelki .nw-serie-licznik {
 color: #8a8a8a;
 font-size: 11px;
 margin-left: 2px;
}
.nw-kafelki li a:hover .nw-kafelki__licznik,
.nw-kafelki li a:focus .nw-kafelki__licznik,
.nw-serie-kafelki li a:hover .nw-serie-licznik,
.nw-serie-kafelki li a:focus .nw-serie-licznik {
 color: #ffffff;
}

/* Telefon: mniejsze kafelki */
@media (max-width: 576px) {
 .nw-kafelki li a,
 .nw-serie-kafelki li a,
 .nw-home-kategorie a {
 padding: 7px 12px;
 font-size: 13px;
 }
}


/* ============================================================
   07  BLOK AUTORA (.nw-autor)
   Stopka autorska pod treściami (serie, marki, kategorie).
   Blog ma własny wariant w module 08.
   ============================================================ */
.nw-autor {
 color: #8a8a8a;
 font-size: 12px;
 margin-top: 14px;
}


/* ============================================================
   08  BLOG (.nw-blog) — szablon artykułu (13.10.2026)
   Korzysta z modułów 05 (.nw-faq, odpowiedzi .nw-faq-odp)
   i 07 (.nw-autor); .nw_naglowek wewnątrz = LEGACY z modułu 02.
   ============================================================ */
.nw-blog { max-width: 760px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 1.7; color: #333; }
.nw-blog p { font-size: 16px; line-height: 1.7; margin: 0 0 20px; }
.nw-blog ul, .nw-blog ol { font-size: 16px; line-height: 1.7; margin: 0 0 20px; padding-left: 24px; }
.nw-blog li { margin-bottom: 8px; }
.nw-blog .nw_naglowek { font-size: 24px; line-height: 1.3; margin: 40px 0 16px; color: #333; }
.nw-blog img { max-width: 100%; height: auto; display: block; margin: 32px auto; }
.nw-blog table { margin: 24px 0; }
.nw-blog .nw-faq { margin-top: 40px; }
.nw-blog summary { font-size: 15px; padding: 4px 0; }
.nw-blog .nw-faq-odp { padding: 6px 0 4px; line-height: 1.6; }
.nw-blog .nw-autor { margin-top: 40px; padding-top: 16px; border-top: 1px solid #d9d9d9; font-size: 13px; color: #777; }


/* ============================================================
   09  STRONA GŁÓWNA (.nw-home-*) — blok opisowy (13.10.2026)
   Kafelki .nw-home-kategorie stylowane w module 06 (wspólny
   wygląd kafelków dla całego sklepu).
   ============================================================ */
.nw-home-seo {
 max-width: 1100px;
 margin: 0 auto;
}

.nw-home-autor {
 font-size: 0.85em;
 color: #666666;
 margin-top: 25px;
}

/* === koniec pliku === */