/* Zdrowotka Nowa 1.9.72 — stabilnosc interakcji i ruchu. */

/* WooCommerce dokleja ten link po AJAX. Karta ma pozostac tej samej wysokosci. */
body.zdn-theme ul.products li.product a.added_to_cart.wc-forward,
body.zdn-theme .products .product a.added_to_cart.wc-forward {
    display: none !important;
}

/* Licznik z wartoscia zero nie powinien tworzyc czerwonej kropki. */
body.zdn-theme #bottomBarCartBadge[hidden],
body.zdn-theme .zd-cart-badge:empty {
    display: none !important;
}

/* 1.9.84: zielony pasek nie jest juz zwijany (zmiana wysokosci naglowka w przeplywie strony
   dawala CLS ~0,05 przy kazdym zwinieciu i 35-pikselowe skoki w Safari). Naglowek przykleja sie
   35 px nad krawedzia ekranu, wiec pasek po prostu odjezdza razem ze strona, a wyszukiwarka zostaje. */
@media (max-width: 767px) {
    body.zdn-theme #masthead.site-header { top: -35px; }
    body.zdn-theme #masthead .zd-top-bar,
    body.zdn-theme.zd-header-compact #masthead .zd-top-bar {
        display: flex !important;
        height: 35px !important;
        min-height: 35px !important;
        max-height: none !important;
        padding-block: 0 !important;
        margin-block: 0 !important;
        box-sizing: border-box !important;
        opacity: 1 !important;
        overflow: hidden !important;
        pointer-events: auto !important;
        transition: none !important;
    }
}

/* Podpowiedzi naprawde znikaja w kompaktowym naglowku. */
@media (max-width: 767px) {
    body.zdn-theme.zd-header-compact #masthead .zd-search-trending {
        display: block !important;
        min-height: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        padding-block: 0 !important;
        margin-block: 0 !important;
        border-width: 0 !important;
        opacity: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }
}

/* Efekty najechania tylko dla myszy. Dotkniecie nie zostawia powiekszenia. */
@media (hover: none), (pointer: coarse) {
    body.zdn-theme :is(
        ul.products li.product,
        .zd-related-card,
        .zdh-product,
        .zd-gallery-main img,
        .zd-qv-btn,
        .zd-wishlist-btn,
        .zd-sticky-atc,
        .zd-bottom-bar-item
    ):hover {
        transform: none !important;
    }

    body.zdn-theme #zdCartSidebar {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

/* Reakcja na nacisniecie jest krotka i przewidywalna. */
@media (prefers-reduced-motion: no-preference) {
    body.zdn-theme :is(
        .add_to_cart_button,
        .single_add_to_cart_button,
        .zd-cart-qty-btn,
        .zd-cart-item-remove,
        .zd-cs-item-atc,
        .zd-wishlist-btn,
        .zd-wl-btn,
        .zd-qv-btn,
        .zd-sticky-atc
    ) {
        transition-duration: var(--motion-fast) !important;
        transition-timing-function: var(--ease-state) !important;
    }
    body.zdn-theme :is(
        .add_to_cart_button,
        .single_add_to_cart_button,
        .zd-cart-qty-btn,
        .zd-cart-item-remove,
        .zd-cs-item-atc,
        .zd-wishlist-btn,
        .zd-wl-btn,
        .zd-qv-btn,
        .zd-sticky-atc
    ):active {
        transform: scale(.98);
    }
}

/* Ruch opcjonalny znika w calym interfejsie, takze gdy stara regula miala !important. */
@media (prefers-reduced-motion: reduce) {
    html:focus-within { scroll-behavior: auto !important; }
    body.zdn-theme #page *,
    body.zdn-theme #page *::before,
    body.zdn-theme #page *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        transition-delay: 0ms !important;
    }
}

/* 1.9.86: menu na komputerze bez przesuniecia przy wolnym wczytywaniu (CLS ~0,018).
   Lista jest wysrodkowana, a jej pierwsza pozycja niesie duzy blok mega menu — przy
   strumieniowanym HTML przegladarka malowala 1, potem 4 pozycje na srodku i dopiero
   na koncu pelne menu, wiec pozycje przeskakiwaly w lewo. Dopoki naglowek #masthead
   nie jest domkniety (nie ma po nim jeszcze zadnego elementu — zaraz za nim stoi
   div.zd-mobile-menu z tego samego szablonu), pozycje sa niewidoczne, ale zajmuja
   miejsce: pasek ma od razu swoja wysokosc, a menu pojawia sie od razu w docelowym
   ukladzie. Po wczytaniu nic sie nie zmienia. Przegladarka bez :has() pomija regule
   (zachowanie jak dotad). */
body.zdn-theme #masthead:not(:has(~ *)) .zd-nav-menu {
    visibility: hidden;
}