/* ==========================================================================
   Zdrowotka Nowa 1.9.144 — „żywy sklep” (inc/nowa-zywe.php, assets/js/nowa-zywe.js)
   Kafelki dostawy, wyróżnienie z zamówień, okienko wyszukiwarki, ostatnio oglądane na karcie,
   reakcje po kliknięciu i czytelniejszy opis. Projekty i panele klientek: 27.10.2026.
   ========================================================================== */

/* ─── 1. Wyróżnienie z zamówień nad ceną ─── */
html body.zdn-theme .zdn-popular{display:inline-grid;grid-template-columns:20px auto;align-items:center;column-gap:7px;max-width:100%;margin:2px 0 10px;padding:5px 12px 5px 6px;border-radius:999px;background:#F2EEE3;border:1px solid #E3DFD3;font:700 14px/1.25 Inter,system-ui,sans-serif;color:#202920}
html body.zdn-theme .zdn-popular-ic{width:20px;height:20px;border-radius:50%;background:#1B5E20;display:grid;place-items:center;flex:none}
html body.zdn-theme .zdn-popular-txt{min-width:0}
html body.zdn-theme .zdn-popular b{font-weight:700}
html body.zdn-theme .zdn-popular-n{font-weight:600;font-size:13px;color:#4A5048;white-space:nowrap}

/* ─── 2. Kafelki „Wysyłka / U Ciebie” ─── */
html body.zdn-theme .zdn-ship.has-tiles{margin:6px 0 10px}
html body.zdn-theme .zdn-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html body.zdn-theme .zdn-tile{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;margin:0;padding:11px 13px 12px;background:#FAF8F3;border:1px solid #E3DFD3;border-radius:12px;font:inherit;color:#202920;text-align:left;box-shadow:none}
html body.zdn-theme .zdn-tile-k{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#7A8076}
html body.zdn-theme .zdn-tile-v{margin-top:4px;font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#1A211A;white-space:nowrap}
html body.zdn-theme .zdn-tile-s{font-size:14px;font-weight:700;color:#1B5E20;white-space:nowrap}
html body.zdn-theme .zdn-tile-s em{display:block;font-style:normal;font-size:13px;font-weight:600;color:#626960;font-variant-numeric:tabular-nums}
html body.zdn-theme .zdn-tile--btn{cursor:pointer;min-height:0;height:auto;line-height:inherit;text-transform:none;letter-spacing:0}
html body.zdn-theme .zdn-tile--btn:hover,html body.zdn-theme .zdn-tile--btn[aria-expanded="true"]{background:#fff!important;border-color:#202920!important;color:#202920!important}
html body.zdn-theme .zdn-tile--btn:focus-visible{outline:3px solid #1B5E20;outline-offset:2px}
html body.zdn-theme .zdn-tile-link{display:inline-flex;align-items:center;gap:4px;text-decoration:underline;text-underline-offset:3px}
html body.zdn-theme .zdn-tile-link svg{transition:transform .2s ease}
html body.zdn-theme .zdn-tile--btn[aria-expanded="true"] .zdn-tile-link svg{transform:rotate(180deg)}
html body.zdn-theme .zdn-ship-gap{display:flex;align-items:center;gap:10px;margin:8px 0 0;font-size:14px;color:#4A5048}
html body.zdn-theme .zdn-ship-gap .zdn-ship-line{flex:1 1 auto;min-width:0}
html body.zdn-theme .zdn-ship-gap .zdn-ship-line b{color:#202920;font-weight:800}
html body.zdn-theme .zdn-ship-gap .zdn-ship-line b.is-ok{color:#1B5E20}
html body.zdn-theme .zdn-ship-bar{flex:0 0 96px;height:5px;border-radius:9px;background:#E3DFD3;overflow:hidden}
html body.zdn-theme .zdn-ship-bar[hidden]{display:none}
html body.zdn-theme .zdn-ship-bar span{display:block;height:100%;border-radius:9px;background:#1B5E20;transition:width .3s ease}
/* opcje dostawy: rozwijane z kafelka, bez własnego nagłówka */
html body.zdn-theme .zdn-ship.has-tiles .zdn-ship-opts{margin:0;border:0;background:none}
html body.zdn-theme .zdn-ship.has-tiles .zdn-ship-opts > summary{display:none}
html body.zdn-theme .zdn-ship.has-tiles .zdn-ship-opts[open]{margin-top:8px;border:1px solid #E3DFD3;border-radius:12px;background:#fff;overflow:hidden}
html body.zdn-theme .zdn-ship.has-tiles .zdn-ship-opts[open] .zdn-ship-list{margin:0;background:#fff!important;border:0}
html body.zdn-theme .zdn-ship.has-tiles .zdn-ship-opts[open] .zdn-ship-foot{margin:0;padding:10px 12px;background:#FAF8F3}
@media(max-width:359px){html body.zdn-theme .zdn-tile-v{font-size:18px}html body.zdn-theme .zdn-tile{padding:10px 10px 11px}}
@media(prefers-reduced-motion:reduce){html body.zdn-theme .zdn-tile-link svg,html body.zdn-theme .zdn-ship-bar span{transition:none}}

/* ─── 3. Okienko wyszukiwarki ─── */
html body.zdn-theme .zdn-sp{padding:6px 14px 10px;font:400 15px/1.35 Inter,system-ui,sans-serif;color:#202920;text-align:left}
html body.zdn-theme .zdn-sp-h{display:flex;justify-content:space-between;align-items:center;margin:12px 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7A8076}
html body.zdn-theme .zdn-sp-clear{all:unset;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:#626960;text-decoration:underline}
html body.zdn-theme .zdn-sp-hint{margin:10px 0 0;font-size:13.5px;color:#626960}
html body.zdn-theme .zdn-sp-hint b{color:#202920}
html body.zdn-theme .zdn-sp-none{margin:12px 0 8px;font-size:15px}
html body.zdn-theme .zdn-sp-recent a{display:flex;align-items:center;gap:10px;padding:8px 2px;color:#202920;text-decoration:none}
html body.zdn-theme .zdn-sp-recent svg{flex:none;color:#7A8076}
html body.zdn-theme .zdn-sp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}
html body.zdn-theme .zdn-sp-chips a{padding:7px 13px;border:1px solid #CFC8B8;border-radius:999px;background:#fff;color:#202920;font-size:14.5px;font-weight:600;text-decoration:none}
html body.zdn-theme .zdn-sp-chips a:hover{border-color:#202920}
html body.zdn-theme .zdn-sp-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
html body.zdn-theme .zdn-sp-thumbs a{display:flex;flex-direction:column;gap:4px;min-width:0;color:#202920;text-decoration:none;font-size:12px;line-height:1.25}
html body.zdn-theme .zdn-sp-thumbs img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid #ECE8DE;border-radius:10px}
html body.zdn-theme .zdn-sp-thumbs span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body.zdn-theme .zdn-sp-thumbs b{font-weight:700}
html body.zdn-theme .zdn-sp-cat{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid #F0ECE2;color:#202920;text-decoration:none;font-weight:500}
html body.zdn-theme .zdn-sp-cat small{flex:none;color:#626960;font-size:13px}
html body.zdn-theme .zdn-sp-prod{display:grid!important;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 12px;align-items:center;padding:8px 0!important;border-bottom:1px solid #F0ECE2;color:#202920;text-decoration:none;background:none!important}
html body.zdn-theme .zdn-sp-prod img{grid-row:1/3;width:56px;height:56px;object-fit:contain;background:#fff;border:1px solid #ECE8DE;border-radius:8px}
html body.zdn-theme .zdn-sp-t{font-size:14.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body.zdn-theme .zdn-sp-t b,html body.zdn-theme .zdn-sp-cat b{font-weight:800}
html body.zdn-theme .zdn-sp-m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14px}
html body.zdn-theme .zdn-sp-pr{font-weight:700}
html body.zdn-theme .zdn-sp-pr del{font-weight:400;color:#7A8076}
html body.zdn-theme .zdn-sp-st{color:#B8860B;font-size:12px;letter-spacing:1px}
html body.zdn-theme .zdn-sp-st i{font-style:normal;color:#D8D2C4}
html body.zdn-theme .zdn-sp-st small{color:#626960;letter-spacing:0}
html body.zdn-theme .zdn-sp-oos{font-size:12.5px;color:#8A2E14}
html body.zdn-theme .zdn-sp-all{display:block;padding:12px 0 2px;text-align:center;font-weight:700;color:#1B5E20;text-decoration:underline;text-underline-offset:3px}

/* ─── 4. Ostatnio oglądane na karcie produktu ─── */
html body.zdn-theme .zdn-recent-pdp .zdn-rel{background:#fff!important}
html body.zdn-theme .zdn-recent-clear{all:unset;cursor:pointer;margin-right:8px;font-size:14px;font-weight:600;color:#626960;text-decoration:underline;text-underline-offset:3px}

/* ─── 5. Reakcje po kliknięciu ─── */
/* komunikat listy życzeń (wtyczka zdrowotka-wishlist) — grafitowy, z „Zobacz listę” */
html body.zdn-theme #zd-wl-toast,html body #zd-wl-toast{background:#202920!important;background-image:none!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;font:600 15px/1.3 Inter,system-ui,sans-serif!important;padding:13px 16px!important;display:flex;align-items:center;gap:12px}
html body #zd-wl-toast *{color:#fff!important;background:none!important}
html body #zd-wl-toast svg,html body #zd-wl-toast svg *{fill:#fff!important;stroke:#fff!important}
html body #zd-wl-toast .zdn-wl-go{margin-left:auto;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* serduszko: krótkie „pyknięcie” przy kliknięciu */
html body.zdn-theme .zd-wl-btn.zdn-pop svg{animation:zdn-heart-pop .42s cubic-bezier(.2,.8,.2,1)}
@keyframes zdn-heart-pop{0%{transform:scale(1)}35%{transform:scale(1.32)}65%{transform:scale(.92)}100%{transform:scale(1)}}
/* „✓ W koszyku” na kartach — wyraźniej, ale w kolorach marki */
html body.zdn-theme li.product a.add_to_cart_button.zdn-is-added{background:#154A19!important;border-color:#154A19!important}
html body.zdn-theme .zdn-button-check{display:inline-block;margin-right:6px;animation:zdn-check-in .3s cubic-bezier(.2,.8,.2,1)}
@keyframes zdn-check-in{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){html body.zdn-theme .zd-wl-btn.zdn-pop svg,html body.zdn-theme .zdn-button-check{animation:none}}

/* ─── 6. Czytelność karty produktu (panel klientek: opis 14 px szary był „drobnym druczkiem”) ─── */
html body.zdn-theme .zd-product-title{font-weight:700!important;letter-spacing:-.015em}
html body.zdn-theme .zdn-price-row .zd-product-price,html body.zdn-theme .zdn-price-row .zd-product-price .amount,html body.zdn-theme .zdn-price-row .zd-product-price bdi{font-weight:700!important;letter-spacing:-.02em}
html body.zdn-theme .zd-section-content p,html body.zdn-theme .zd-section-content li{font-size:16px!important;line-height:1.65!important;color:#2B312A!important}
html body.zdn-theme .zdn-product-brands,html body.zdn-theme .zdn-sticky-sub,html body.zdn-theme .zdn-sticky small{color:#4A5048!important}

/* ─── 7. 1.9.146 — poprawki po testach QA na żywo (27.10) ─── */
/* napis w kafelku „Wysyłka” nie jest klikalny → grafit (zasada v3) */
html body.zdn-theme .zdn-tile:not(.zdn-tile--btn) .zdn-tile-s{color:#202920}
/* wąskie telefony: data i „Paczkomat 12,99 zł” mieszczą się w kafelku */
@media(max-width:374px){
 html body.zdn-theme .zdn-tile{padding:10px 10px 11px}
 html body.zdn-theme .zdn-tile-v{font-size:18px}
 html body.zdn-theme .zdn-tile-s{font-size:13px;white-space:normal}
 html body.zdn-theme .zdn-tile-s em{font-size:12.5px;white-space:nowrap}
}
/* linijka do darmowego Paczkomatu: kwota nie łamie się, pasek w osobnym wierszu pod tekstem */
html body.zdn-theme .zdn-ship-gap{flex-wrap:wrap;row-gap:6px}
html body.zdn-theme .zdn-ship-gap .zdn-ship-line b{white-space:nowrap}
html body.zdn-theme .zdn-ship-bar{flex:1 0 100%;max-width:100%}
/* rozwinięte opcje dostawy nie chowają się pod paskiem zakupu */
html body.zdn-theme #zdnShipOpts{scroll-margin-bottom:96px;scroll-margin-top:90px}
/* „Link skopiowany” — z tłem, nie nachodzi na ramkę bloku poniżej */
html body.zdn-theme .zdn-share-msg{background:#202920;color:#fff!important;padding:6px 10px;border-radius:8px;z-index:5;box-shadow:0 6px 16px rgba(0,0,0,.18)}
/* „Wyślij” sama ikona do 374 px — pigułka kategorii nie łamie się na 3 wiersze */
@media(max-width:374px){html body.zdn-theme .zdn-share-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}html body.zdn-theme .zdn-share-btn{width:44px;padding:0}}
/* wyszukiwarka: lista nie przewija strony pod spodem; przy otwartym oknie z dolnego paska strona stoi */
html body .zd-live-search-results,html body #mobileSearchResults{overscroll-behavior:contain}
html body:has(#searchModal.active){overflow:hidden}
html body.zdn-theme #searchModal #mobileSearchResults{max-height:calc(100dvh - 150px)!important}
/* menu: kropki przy podkategoriach (dekoracja) grafitowe, zieleń dopiero po najechaniu/dotknięciu (zasada v3) */
html body.zdn-theme .zd-mm-subitem::before{background:#CFC8B8!important}
html body.zdn-theme .zd-mm-subitem:hover::before{background:#1B5E20!important}
html body.zdn-theme .zd-mm-subitem strong{color:#202920!important}
/* iPad pionowo (dokładnie 768 px): woocommerce-styles.css „max-width:768px” rozciągał sortowanie na 100%, a pasek filtrów
   od 768 px układa je obok siebie — „Filtruj produkty” był ściśnięty, sortowanie wychodziło 10 px poza ekran (QA 27.10). */
@media(min-width:768px) and (max-width:768.98px){
 html body.zdn-theme .zdn-toolbar form.woocommerce-ordering{width:auto!important;flex:0 1 auto;min-width:0}
 html body.zdn-theme .zdn-toolbar form.woocommerce-ordering select.orderby{width:auto!important;max-width:100%}
}

/* ─── 8. 1.9.146 — poprawki po QA „wygląd i reakcje” (27.10) ─── */
/* „Zobacz listę” w komunikacie listy życzeń — klikalne (wtyczka daje komunikatowi pointer-events:none; klik trafiał w „Do koszyka” pod spodem) */
html body #zd-wl-toast .zdn-wl-go{pointer-events:auto!important;cursor:pointer;padding:6px 2px}
/* „Do koszyka” po dodaniu: WooCommerce zostawia klasę „added” → przycisk zostawał bladozielony do przeładowania */
html body.zdn-theme ul.products li.zdn-product-card.product .button.added,
html body.zdn-theme ul.products li.zdn-product-card.product a.add_to_cart_button.added{background:#1B5E20!important;border-color:#1B5E20!important;color:#fff!important}
html body.zdn-theme ul.products li.zdn-product-card.product a.add_to_cart_button.zdn-is-added{background:#154A19!important;border-color:#154A19!important;color:#fff!important}
/* plakietki „Bestseller” / „Ostatnia!” pogrubione (reguła w nowa-alignment.css z font:500 była silniejsza) */
html body.zdn-theme ul.products li.zdn-product-card.product .zdn-badges :is(.product-badge.badge-bestseller,.product-badge.badge-low-stock){font-weight:700!important}
/* mega menu „Wszystkie kategorie” (komputer) w kolorach v3 */
html body.zdn-theme .zd-mm2-cat:hover,html body.zdn-theme .zd-mm2-cat.is-active{background:#F2EEE3!important;border-left-color:#202920!important;color:#202920!important}
html body.zdn-theme .zd-mm2-lead{color:#626960!important}
html body.zdn-theme .zd-mm2-sub::before{background:#CFC8B8!important}
html body.zdn-theme .zd-mm2-sub:hover{background:#FAF8F3!important;color:#1B5E20!important}
html body.zdn-theme .zd-mm2-sub:hover::before{background:#1B5E20!important}
html body.zdn-theme .zd-mm2-all{color:#1B5E20!important;text-decoration:underline;text-underline-offset:3px}
html body.zdn-theme .zd-mm2-promo{background:#FAF8F3!important;border-left-color:#E3DFD3!important}
html body.zdn-theme .zd-mm2-promo-tag{color:#202920!important;background:#F2EEE3!important;border:1px solid #E3DFD3}
html body.zdn-theme .zd-mm2-promo-btn{background:#1B5E20!important;color:#fff!important}
html body.zdn-theme .zd-mm2-promo-btn:hover{background:#154A19!important}
html body.zdn-theme .zd-mm2-promo-foot b{color:#202920!important}
html body.zdn-theme .zd-mega-ico{color:#202920!important}
/* koszyk boczny: komunikat „✓ Dodano” spokojny, kłódka grafitowa, podpisy progów ciemniej (kontrast AA) */
html body.zdn-theme .zdn-added:not(.is-warning){background:#FAF8F3!important;border-color:#E3DFD3!important}
html body.zdn-theme .zdn-added:not(.is-warning) .zdn-added-head{color:#202920!important}
html body.zdn-theme .zdn-cart-pay .zdn-ti{color:#626960!important}
html body.zdn-theme #zdCartSidebar .zdn-fs2 .zdn-fs2-axis{color:#4A5048!important}
/* karta produktu: podpisy WYSYŁKA / U CIEBIE — kontrast AA */
html body.zdn-theme .zdn-tile-k{color:#626960}
/* kasa: krok 3 jak 1–2 (piasek), komunikaty z ramką liniową */
html body.woocommerce-checkout.zdn-theme.zdn-checkout form.checkout .zd-step-title--platnosc::before{background:#F2EEE3!important;color:#202920!important;border-color:#E3DFD3!important}
html body.zdn-theme .woocommerce-message{border-color:#E3DFD3!important;border-top-color:#1B5E20!important}
/* /marki/: nagłówki liter bez zielonej ramki */
html body.zdn-theme h2.zd-marki-letter{border-color:#E3DFD3!important}
/* „O nas”, strona Wiktora: resztki #4CAF50 */
html body.zdn-theme .onas-quote{border-color:#E3DFD3!important}
html body.zdn-theme .zd-author-quote-text::before{color:#CFC8B8!important}
html body.zdn-theme .zd-author-qualification-note{border-color:#E3DFD3!important}
/* przycisk czatu na komputerze: pełny napis „Potrzebujesz pomocy?” */
@media(min-width:1024px){html body #zk-contact .zk-contact__trigger-label{max-width:none!important;overflow:visible!important;text-overflow:clip!important}}