/* ======================================================
   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;
    }
}