/* ======================================================
   CHOCO BONTÉ – APOLLO OVERRIDES v3
   Desktop:
   - horní informační lišta bílá
   - hlavní hlavička růžová

   Mobil:
   - horní lišta růžová
   - hlavní hlavička růžová
   - ikony a texty bílé
====================================================== */

/* ======================================================
   HLAVNÍ HLAVIČKA – DESKTOP I MOBIL
====================================================== */

#header,
#header .header-top,
#header .header-middle,
#header .header-bottom,
.navigation-wrapper{
    background:#c70342 !important;
}

/* ======================================================
   DESKTOP – HORNÍ LIŠTA BÍLÁ
====================================================== */

@media (min-width:768px){

    .top-navigation-bar{
        background:#ffffff !important;
        border-bottom:1px solid rgba(86,38,49,.10) !important;
    }

    .top-navigation-bar .container,
    .top-navigation-bar .site-name,
    .top-navigation-bar .top-navigation-contacts,
    .top-navigation-bar .top-navigation-menu,
    .top-navigation-bar .top-navigation-tools{
        background:transparent !important;
    }

    .top-navigation-bar,
    .top-navigation-bar a,
    .top-navigation-bar span,
    .top-navigation-bar strong,
    .top-navigation-bar i{
        color:#62575a !important;
    }

    .top-navigation-bar svg,
    .top-navigation-bar svg *{
        fill:#62575a !important;
        stroke:#62575a !important;
        color:#62575a !important;
    }

    .top-navigation-bar a::before,
    .top-navigation-bar a::after,
    .top-navigation-bar button::before,
    .top-navigation-bar button::after{
        color:#62575a !important;
        border-color:#62575a !important;
    }

    .top-navigation-bar a:hover{
        color:#c70342 !important;
        opacity:1;
    }

    /* kontakty bez černého boxu */
    .top-navigation-bar .top-navigation-contacts{
        background:transparent !important;
        color:#62575a !important;
        border:0 !important;
        box-shadow:none !important;
    }

    .top-navigation-bar .top-navigation-contacts a,
    .top-navigation-bar .top-navigation-contacts span,
    .top-navigation-bar .top-navigation-contacts i{
        color:#62575a !important;
    }

    .top-navigation-bar .top-navigation-contacts svg,
    .top-navigation-bar .top-navigation-contacts svg *{
        fill:#62575a !important;
        stroke:#62575a !important;
    }
}

/* ======================================================
   MOBIL – HORNÍ LIŠTA RŮŽOVÁ
====================================================== */

@media (max-width:767px){

    .top-navigation-bar,
    .top-navigation-bar .container,
    .top-navigation-bar .site-name,
    .top-navigation-bar .top-navigation-contacts,
    .top-navigation-bar .top-navigation-menu,
    .top-navigation-bar .top-navigation-tools{
        background:#c70342 !important;
        border-color:#c70342 !important;
    }

    .top-navigation-bar,
    .top-navigation-bar a,
    .top-navigation-bar span,
    .top-navigation-bar strong,
    .top-navigation-bar i{
        color:#ffffff !important;
    }

    .top-navigation-bar svg,
    .top-navigation-bar svg *{
        fill:#ffffff !important;
        stroke:#ffffff !important;
        color:#ffffff !important;
    }

    .top-navigation-bar a::before,
    .top-navigation-bar a::after,
    .top-navigation-bar button::before,
    .top-navigation-bar button::after{
        color:#ffffff !important;
        border-color:#ffffff !important;
    }

    .top-navigation-bar .top-navigation-contacts{
        background:transparent !important;
        color:#ffffff !important;
        border:0 !important;
        box-shadow:none !important;
    }
}
/* ======================================================
   KONTAKT V HORNÍ LIŠTĚ – BÍLÝ PODKLAD
   Pouze desktop. Bez zásahu do rozložení Apolla.
====================================================== */

@media (min-width:768px){

    .top-navigation-bar .top-navigation-contacts,
    .top-navigation-bar .top-navigation-contacts::before,
    .top-navigation-bar .top-navigation-contacts::after{
        background:#ffffff !important;
        background-color:#ffffff !important;
        border:0 !important;
        box-shadow:none !important;
    }

    .top-navigation-bar .top-navigation-contacts,
    .top-navigation-bar .top-navigation-contacts a,
    .top-navigation-bar .top-navigation-contacts span,
    .top-navigation-bar .top-navigation-contacts strong,
    .top-navigation-bar .top-navigation-contacts i{
        color:#62575a !important;
    }

    .top-navigation-bar .top-navigation-contacts svg,
    .top-navigation-bar .top-navigation-contacts svg *{
        color:#62575a !important;
        fill:#62575a !important;
        stroke:#62575a !important;
    }
}
/* ======================================================
   PŘIHLÁŠENÍ + KOŠÍK – LIQUID GLASS v7
   Pouze desktop. Mobil zůstává čisté Apollo.
====================================================== */

@media (min-width:768px){

    /* Přihlášení */
    #header .client-center-box > a,
    #header a[href*="/klient/"],
    #header a[href*="/login/"]{
        display:flex;
        align-items:center;
        gap:8px;
        min-height:46px;
        padding:9px 16px !important;
        background:rgba(255,255,255,.12) !important;
        border:1px solid rgba(255,255,255,.30) !important;
        border-radius:999px !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.18),
            0 5px 16px rgba(86,38,49,.10) !important;
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter:blur(10px);
        color:#ffffff !important;
        font-size:14px !important;
        font-weight:600 !important;
        line-height:1.2 !important;
        transition:
            background .2s ease,
            border-color .2s ease,
            transform .2s ease,
            box-shadow .2s ease;
    }

    /* Košík */
    #header .cart-widget > a,
    #header .header-cart > a,
    #header a[data-testid="headerCart"],
    #header a[href*="/kosik/"],
    #header a[href*="/cart/"]{
        display:flex;
        align-items:center;
        gap:8px;
        min-height:46px;
        padding:9px 16px !important;
        background:rgba(255,255,255,.12) !important;
        border:1px solid rgba(255,255,255,.30) !important;
        border-radius:999px !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.18),
            0 5px 16px rgba(86,38,49,.10) !important;
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter:blur(10px);
        color:#ffffff !important;
        font-size:14px !important;
        font-weight:600 !important;
        line-height:1.2 !important;
        transition:
            background .2s ease,
            border-color .2s ease,
            transform .2s ease,
            box-shadow .2s ease;
    }

    /* Bílé texty a ikony */
    #header .client-center-box,
    #header .client-center-box *,
    #header .cart-widget,
    #header .cart-widget *,
    #header .header-cart,
    #header .header-cart *,
    #header a[data-testid="headerCart"],
    #header a[data-testid="headerCart"] *,
    #header a[href*="/klient/"],
    #header a[href*="/klient/"] *,
    #header a[href*="/login/"],
    #header a[href*="/login/"] *,
    #header a[href*="/kosik/"],
    #header a[href*="/kosik/"] *,
    #header a[href*="/cart/"],
    #header a[href*="/cart/"] *{
        color:#ffffff !important;
    }

    #header .client-center-box svg,
    #header .client-center-box svg *,
    #header .cart-widget svg,
    #header .cart-widget svg *,
    #header .header-cart svg,
    #header .header-cart svg *,
    #header a[data-testid="headerCart"] svg,
    #header a[data-testid="headerCart"] svg *{
        fill:#ffffff !important;
        stroke:#ffffff !important;
    }

    /* Cena košíku */
    #header .cart-price,
    #header .cart-price *,
    #header [data-testid="headerCartPrice"]{
        color:#ffffff !important;
        font-size:14px !important;
        font-weight:700 !important;
        line-height:1.2 !important;
    }

    /* Počet kusů – zřetelný badge */
    #header [data-testid="headerCartCount"],
    #header .cart-count,
    #header .header-cart i[data-testid="headerCartCount"]{
        position:relative;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-width:22px !important;
        height:22px !important;
        padding:0 6px !important;
        margin-left:2px !important;
        background:#ffffff !important;
        border:2px solid rgba(199,3,66,.18) !important;
        border-radius:999px !important;
        color:#c70342 !important;
        font-size:12px !important;
        font-weight:800 !important;
        line-height:1 !important;
        opacity:1 !important;
        visibility:visible !important;
        box-shadow:0 3px 8px rgba(86,38,49,.16) !important;
        z-index:2;
    }

    /* Hover */
    #header .client-center-box > a:hover,
    #header a[href*="/klient/"]:hover,
    #header a[href*="/login/"]:hover,
    #header .cart-widget > a:hover,
    #header .header-cart > a:hover,
    #header a[data-testid="headerCart"]:hover,
    #header a[href*="/kosik/"]:hover,
    #header a[href*="/cart/"]:hover{
        background:rgba(255,255,255,.18) !important;
        border-color:rgba(255,255,255,.50) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.22),
            0 8px 20px rgba(86,38,49,.16) !important;
        transform:translateY(-1px);
    }
}
/* ======================================================
   OPRAVA BADGE KOŠÍKU v8
   Ruší velký bílý puntík a vrací počet položek k ikoně.
====================================================== */

@media (min-width:768px){

    #header a[data-testid="headerCart"]{
        position:relative !important;
        padding-right:18px !important;
    }

    #header [data-testid="headerCartCount"]{
        position:absolute !important;
        top:2px !important;
        left:30px !important;
        right:auto !important;
        bottom:auto !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        min-width:18px !important;
        width:auto !important;
        height:18px !important;
        padding:0 5px !important;
        margin:0 !important;

        background:#ffffff !important;
        border:2px solid #c70342 !important;
        border-radius:999px !important;

        color:#c70342 !important;
        font-size:10px !important;
        font-weight:800 !important;
        line-height:14px !important;

        opacity:1 !important;
        visibility:visible !important;
        box-shadow:0 2px 6px rgba(86,38,49,.18) !important;
        z-index:5 !important;
    }

    /* Zrušení případného prázdného pseudo-prvku vpravo */
    #header a[data-testid="headerCart"]::before,
    #header a[data-testid="headerCart"]::after{
        background:transparent !important;
        box-shadow:none !important;
    }
}
/* ======================================================
   OPRAVA ČÍSLA V BADGE KOŠÍKU v9
====================================================== */

@media (min-width:768px){

    #header i[data-testid="headerCartCount"],
    #header [data-testid="headerCartCount"]{
        position:absolute !important;
        top:1px !important;
        left:29px !important;
        right:auto !important;
        bottom:auto !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        min-width:20px !important;
        width:auto !important;
        height:20px !important;
        padding:0 5px !important;
        margin:0 !important;

        background:#ffffff !important;
        border:2px solid #c70342 !important;
        border-radius:999px !important;

        color:#c70342 !important;
        -webkit-text-fill-color:#c70342 !important;
        font-family:Arial,sans-serif !important;
        font-size:11px !important;
        font-style:normal !important;
        font-weight:800 !important;
        line-height:16px !important;
        text-indent:0 !important;
        letter-spacing:0 !important;

        opacity:1 !important;
        visibility:visible !important;
        overflow:visible !important;
        clip:auto !important;
        box-shadow:0 2px 6px rgba(86,38,49,.18) !important;
        z-index:10 !important;
    }

    /* číslo nesmí zdědit bílou barvu z košíku */
    #header a[data-testid="headerCart"] i[data-testid="headerCartCount"]{
        color:#c70342 !important;
        -webkit-text-fill-color:#c70342 !important;
    }
}
/* ======================================================
   IKONY KOŠÍKU A PŘIHLÁŠENÍ – OFF-WHITE / PISTÁCIOVÁ
   Cílí i na fontové ikony a pseudo-prvky Apolla.
====================================================== */

@media (min-width:768px){

    /* Výchozí barva ikon */
    #header .client-center-box::before,
    #header .client-center-box > a::before,
    #header a[href*="/klient/"]::before,
    #header a[href*="/login/"]::before,
    #header .cart-widget::before,
    #header .cart-widget > a::before,
    #header .header-cart::before,
    #header .header-cart > a::before,
    #header a[data-testid="headerCart"]::before,
    #header a[href*="/kosik/"]::before,
    #header a[href*="/cart/"]::before,
    #header .client-center-box i,
    #header .cart-widget i:not([data-testid="headerCartCount"]),
    #header .header-cart i:not([data-testid="headerCartCount"]),
    #header a[data-testid="headerCart"] i:not([data-testid="headerCartCount"]){
        color:#f5f3ee !important;
        -webkit-text-fill-color:#f5f3ee !important;
        border-color:#f5f3ee !important;
        opacity:1 !important;
    }

    /* Hover barva ikon */
    #header .client-center-box:hover::before,
    #header .client-center-box > a:hover::before,
    #header a[href*="/klient/"]:hover::before,
    #header a[href*="/login/"]:hover::before,
    #header .cart-widget:hover::before,
    #header .cart-widget > a:hover::before,
    #header .header-cart:hover::before,
    #header .header-cart > a:hover::before,
    #header a[data-testid="headerCart"]:hover::before,
    #header a[href*="/kosik/"]:hover::before,
    #header a[href*="/cart/"]:hover::before,
    #header .client-center-box:hover i,
    #header .cart-widget:hover i:not([data-testid="headerCartCount"]),
    #header .header-cart:hover i:not([data-testid="headerCartCount"]),
    #header a[data-testid="headerCart"]:hover i:not([data-testid="headerCartCount"]){
        color:#bfd3a8 !important;
        -webkit-text-fill-color:#bfd3a8 !important;
        border-color:#bfd3a8 !important;
    }

    /* Jemnější glass na hover */
    #header .client-center-box > a:hover,
    #header a[href*="/klient/"]:hover,
    #header a[href*="/login/"]:hover,
    #header .cart-widget > a:hover,
    #header .header-cart > a:hover,
    #header a[data-testid="headerCart"]:hover,
    #header a[href*="/kosik/"]:hover,
    #header a[href*="/cart/"]:hover{
        background:rgba(255,255,255,.15) !important;
        border-color:rgba(191,211,168,.60) !important;
    }

    /* Badge s počtem zůstává růžový */
    #header [data-testid="headerCartCount"]{
        color:#c70342 !important;
        -webkit-text-fill-color:#c70342 !important;
    }
}
/* ======================================================
   SKRYTÍ VELKOOBCHODU – APOLLO MENU
====================================================== */

/* Hlavní menu */
li.menu-item-1257{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

/* Patička */
#footer a[href*="/velkoobchod"],
#footer a[href*="velkoobchod"]{
    display:none !important;
}


/* ======================================================
   HLAVNÍ MENU – PREMIUM PILLS v13
   Desktop:
   - text menu čistě bílý
   - Doporučujeme = off-white pill
   - Dárky = pistáciová pill
   Mobil bez zásahu
====================================================== */

@media (min-width:768px){

    #header .navigation-in > ul > li > a,
    #header .navigation-in > ul > li > a span,
    #header .navigation-in > ul > li > a b,
    .navigation-wrapper .navigation-in > ul > li > a,
    .navigation-wrapper .navigation-in > ul > li > a span,
    .navigation-wrapper .navigation-in > ul > li > a b{
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
    }

    #header .navigation-in > ul > li > a::before,
    #header .navigation-in > ul > li > a::after,
    .navigation-wrapper .navigation-in > ul > li > a::before,
    .navigation-wrapper .navigation-in > ul > li > a::after{
        color:#ffffff !important;
        border-color:#ffffff !important;
    }

    /* DOPORUČUJEME – off-white */
    #header .navigation-in > ul > li > a[href*="/doporucujeme"],
    .navigation-wrapper .navigation-in > ul > li > a[href*="/doporucujeme"]{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:42px !important;
        padding:9px 16px !important;
        margin:0 4px !important;
        background:#fff7f7 !important;
        border:1px solid rgba(255,255,255,.82) !important;
        border-radius:999px !important;
        color:#c70342 !important;
        -webkit-text-fill-color:#c70342 !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.95),
            0 5px 14px rgba(86,38,49,.12) !important;
        transition:
            transform .22s ease,
            background .22s ease,
            box-shadow .22s ease,
            border-color .22s ease !important;
    }

    #header .navigation-in > ul > li > a[href*="/doporucujeme"] span,
    #header .navigation-in > ul > li > a[href*="/doporucujeme"] b,
    .navigation-wrapper .navigation-in > ul > li > a[href*="/doporucujeme"] span,
    .navigation-wrapper .navigation-in > ul > li > a[href*="/doporucujeme"] b{
        color:#c70342 !important;
        -webkit-text-fill-color:#c70342 !important;
    }

    #header .navigation-in > ul > li > a[href*="/doporucujeme"]::before,
    #header .navigation-in > ul > li > a[href*="/doporucujeme"]::after,
    .navigation-wrapper .navigation-in > ul > li > a[href*="/doporucujeme"]::before,
    .navigation-wrapper .navigation-in > ul > li > a[href*="/doporucujeme"]::after{
        color:#c70342 !important;
        border-color:#c70342 !important;
    }

    #header .navigation-in > ul > li > a[href*="/doporucujeme"]:hover,
    .navigation-wrapper .navigation-in > ul > li > a[href*="/doporucujeme"]:hover{
        background:#ffffff !important;
        border-color:#ffffff !important;
        transform:translateY(-2px);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,1),
            0 8px 20px rgba(86,38,49,.16) !important;
    }

    /* DÁRKY – pistáciová */
    #header .navigation-in > ul > li > a[href$="/darky/"],
    #header .navigation-in > ul > li > a[href$="/darky"],
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky/"],
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky"]{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:42px !important;
        padding:9px 16px !important;
        margin:0 4px !important;
        background:#d5e9b6 !important;
        border:1px solid rgba(255,255,255,.48) !important;
        border-radius:999px !important;
        color:#667833 !important;
        -webkit-text-fill-color:#667833 !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.46),
            0 5px 14px rgba(86,38,49,.12) !important;
        transition:
            transform .22s ease,
            background .22s ease,
            box-shadow .22s ease,
            border-color .22s ease !important;
    }

    #header .navigation-in > ul > li > a[href$="/darky/"] span,
    #header .navigation-in > ul > li > a[href$="/darky/"] b,
    #header .navigation-in > ul > li > a[href$="/darky"] span,
    #header .navigation-in > ul > li > a[href$="/darky"] b,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky/"] span,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky/"] b,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky"] span,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky"] b{
        color:#667833 !important;
        -webkit-text-fill-color:#667833 !important;
    }

    #header .navigation-in > ul > li > a[href$="/darky/"]::before,
    #header .navigation-in > ul > li > a[href$="/darky/"]::after,
    #header .navigation-in > ul > li > a[href$="/darky"]::before,
    #header .navigation-in > ul > li > a[href$="/darky"]::after,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky/"]::before,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky/"]::after,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky"]::before,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky"]::after{
        color:#667833 !important;
        border-color:#667833 !important;
    }

    #header .navigation-in > ul > li > a[href$="/darky/"]:hover,
    #header .navigation-in > ul > li > a[href$="/darky"]:hover,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky/"]:hover,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky"]:hover{
        background:#c8e3a1 !important;
        border-color:rgba(255,255,255,.72) !important;
        transform:translateY(-2px);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.58),
            0 8px 20px rgba(86,38,49,.16) !important;
    }
}


/* ======================================================
   PREMIUM PILLS v14 – OPRAVA ROZBALOVACÍCH ŠIPEK
   Šipka je uvnitř pillu, s jednotným odstupem od textu.
====================================================== */

@media (min-width:768px){

    /* Více místa vpravo pro šipku */
    #header .navigation-in > ul > li > a[href*="/doporucujeme"],
    .navigation-wrapper .navigation-in > ul > li > a[href*="/doporucujeme"],
    #header .navigation-in > ul > li > a[href$="/darky/"],
    #header .navigation-in > ul > li > a[href$="/darky"],
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky/"],
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky"]{
        position:relative !important;
        padding-left:16px !important;
        padding-right:34px !important;
        overflow:visible !important;
    }

    /* Apollo šipka – jednotná pozice */
    #header .navigation-in > ul > li > a[href*="/doporucujeme"]::after,
    .navigation-wrapper .navigation-in > ul > li > a[href*="/doporucujeme"]::after,
    #header .navigation-in > ul > li > a[href$="/darky/"]::after,
    #header .navigation-in > ul > li > a[href$="/darky"]::after,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky/"]::after,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky"]::after{
        position:absolute !important;
        right:14px !important;
        top:50% !important;
        margin:0 !important;
        transform:translateY(-50%) rotate(45deg) !important;

        width:8px !important;
        height:8px !important;
        border:0 !important;
        border-right:2px solid currentColor !important;
        border-bottom:2px solid currentColor !important;

        background:transparent !important;
        content:"" !important;
        display:block !important;
        line-height:1 !important;
    }

    /* Doporučujeme – růžová šipka */
    #header .navigation-in > ul > li > a[href*="/doporucujeme"]::after,
    .navigation-wrapper .navigation-in > ul > li > a[href*="/doporucujeme"]::after{
        color:#c70342 !important;
    }

    /* Dárky – pistáciově tmavá šipka */
    #header .navigation-in > ul > li > a[href$="/darky/"]::after,
    #header .navigation-in > ul > li > a[href$="/darky"]::after,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky/"]::after,
    .navigation-wrapper .navigation-in > ul > li > a[href$="/darky"]::after{
        color:#667833 !important;
    }
}