/* =========================================
   HLAVIČKA, LOGO A MENU (PDZ1_header.css)
========================================= */

/* === HEADER TOKENY (clamp = jeden radek pro mobil i 4K) === */
:root {
    --pdz-header-h:         clamp(64px, 7vw, 80px);    /* vyska listy: mobil nizsi -> desktop 80 */
    --pdz-header-pad-x:     clamp(16px, 3.5vw, 50px);  /* bocni odsazeni obsahu listy */
    --pdz-header-logo-w:    clamp(120px, 11vw, 150px); /* sirka loga (vysku drzi max-height) */
    --pdz-header-float-gap: clamp(10px, 1.5vw, 20px);  /* odskok plovouci listy od vrsku */
    --pdz-panel-w:          min(320px, 88vw);          /* sirka vysuvneho panelu (i na 320px) */
}


/* =========================================
   1. ZÁKLADNÍ POZADÍ A PRŮHLEDNOST HLAVIČKY
========================================= */
html.header-background-dark #header {
    background: linear-gradient(to right, #3098C2, #1D6289) !important;
    border: none !important;
    box-shadow: none !important;
}

html.header-background-dark .navigation-wrapper,
html.header-background-dark #navigation,
html.header-background-dark .navigation-in,
html.header-background-dark .menu {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

html.header-background-dark .p-fixed .navigation-wrapper {
    background-color: transparent !important;
    background: transparent !important;
}

#header #navigation ul.menu-level-1 > li > a,
#header .navigation-buttons a,
#header .navigation-buttons button {
    background-color: transparent !important;
}

/* Odsazení a šířka hlavičky */
#header .container {
    max-width: 1300px !important;
    width: 100% !important;
    padding-left: var(--pdz-header-pad-x) !important;
    padding-right: var(--pdz-header-pad-x) !important;
    margin-left: auto !important; 
    margin-right: auto !important;
    float: none !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

/* =========================================
   2. LOGO
========================================= */
#header .site-name a,
html.header-background-dark body #header .site-name a {
    display: flex !important;
    align-items: center !important;
    height: 60px !important;
    width: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#header .site-name img,
html.header-background-dark body #header .site-name img {
    width: var(--pdz-header-logo-w) !important;
    max-height: 40px !important;
    height: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* =========================================
   3. HLAVNÍ OBAL HLAVIČKY
========================================= */
#header .navigation-wrapper,
html.header-background-dark body #header .navigation-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: var(--pdz-header-h) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
/* =========================================
   FIXNÍ HLAVIČKA (OPRAVA STICKY EFEKTU A SPECIFIČNOSTI)
========================================= */

/* 1. Zrušení Shoptet blokace, která brání scrollování (sticky) */
.overall-wrapper {
    overflow: visible !important;
    overflow-x: clip !important;
    padding-top: 0 !important; /* pryc se 40px mezerou nad headerem (prebiji Shoptet sablonu) */ 
}

/* 2. Samotná fixní hlavička - Výchozí stav (nahoře) */
html.header-background-dark #header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important; 
    width: 100% !important;
    max-width: 100% !important;
    z-index: 99999 !important;
    background: linear-gradient(to right, #3098C2, #1D6289) !important; 
    border-radius: 0 !important;
    /* Plynulý přechod pro všechny vlastnosti */
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; 
    border: 1px solid transparent !important; /* Příprava pro rámeček */
}

/* 3. Vzhled po odscrollování (Plovoucí "Glassmorphism" efekt) */
html.header-background-dark #header.is-scrolled {
    top: var(--pdz-header-float-gap) !important; 
    max-width: min(1200px, calc(100% - 30px)) !important; /* strop 1200, jinak 15px mezera */
    border-radius: 999px !important; /* pill pojistka: >= polovina vysky -> vzdy kapsle */ 
    
    /* Poloprůhledný firemní gradient (85 % neprůhlednost) */
    background: linear-gradient(to right, rgba(48, 152, 194, 0.85), rgba(29, 98, 137, 0.85)) !important; 
    
    /* Efekt rozmazaného skla pod hlavičkou */
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    
    /* Jemný stín pro 3D efekt */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
    
    /* Jemný světlý rámeček, který umocní efekt skla */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* --- Ošetření pro mobily a tablety --- */
@media (max-width: 991px) {
    html.header-background-dark #header.is-scrolled {
        top: 10px !important; /* na mobilu odskoci jen kousek */
        border-radius: 999px !important; /* pill pojistka i na mobilu; sirku resi min() vyse */ 
    }
}



/* ============================================================
   FINAL PREMIUM GLASSMORPHISM ROLETKA PRO "AKADEMIE" (FIXED HOVER & SHADOW)
   ============================================================ */

/* 1. KROK: Vypnutí ořezávání obsahu v celé hierarchii hlavičky */
#header, 
#header .container,
#header .navigation-wrapper, 
#header #navigation, 
#header .navigation-in,
#header .navigation-in.menu,
#header ul.menu-level-1,
#header ul.menu-level-1 > li {
    overflow: visible !important;
}

/* 2. KROK: Příprava pozice pro absolutní usazení roletky */
#header ul.menu-level-1 > li.pdz-has-dropdown {
    position: relative !important;
}

/* 3. KROK: Výchozí skrytý stav roletky s plynulým dojezdem */
#header ul.menu-level-1 > li .menu-level-2.pdz-dropdown-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    top: calc(100% + 12px) !important; /* Zachování čisté plovoucí mezery */
    left: 50% !important;
    transform: translateX(-50%) translateY(10px) !important;
    
    /* PŘESNÝ GLASSMORPHISM: Identické nastavení s Vaší odscrollovanou hlavičkou */
    background: linear-gradient(to bottom, rgba(48, 152, 194, 0.85), rgba(29, 98, 137, 0.85)) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    
    /* JEMNÝ SVĚTLÝ RÁMEČEK (shoda s hlavičkou) */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    
    /* ZMÍRNĚNÝ JEMNÝ STÍN (elegantní 3D hloubka bez tvrdých okrajů) */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
    
    border-radius: 20px !important;
    padding: 10px !important;
    min-width: 260px !important;
    z-index: 999999 !important;
    text-align: left !important;
    list-style: none !important;
    margin: 0 !important;
    
    transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), 
                transform 0.25s cubic-bezier(0.25, 1, 0.5, 1), 
                visibility 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 4. KROK: KLÍČOVÁ OPRAVA MIZENÍ ROLETKY (Neviditelný interaktivní most) */
#header ul.menu-level-1 > li.pdz-has-dropdown .menu-level-2.pdz-dropdown-menu::before {
    content: "" !important;
    position: absolute !important;
    top: -16px !important; /* Vytáhne neviditelnou vrstvu nahoru přes celou 12px mezeru */
    left: 0 !important;
    right: 0 !important;
    height: 16px !important;
    background: transparent !important; /* Zůstává 100% průhledný, ale drží hover stav */
    display: block !important;
}

/* 5. KROK: Aktivace plynulého zobrazení na HOVER (Pouze pro desktop) */
@media (min-width: 1251px) {
    #header ul.menu-level-1 > li.pdz-has-dropdown:hover .menu-level-2.pdz-dropdown-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: translateX(-50%) translateY(0) !important;
    }
}

/* Úprava struktury řádků roletky */
#header ul.menu-level-2.pdz-dropdown-menu > li {
    display: block !important;
    width: 100% !important;
    padding: 2px 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Odkazy v podmenu - Sjednocení s Montserrat a stylem Vašich tlačítek */
#header ul.menu-level-2.pdz-dropdown-menu > li > a {
    display: block !important;
    padding: 12px 20px !important;
    color: #ffffff !important;
    font-family: var(--template-headings-font) !important;
    font-weight: 500 !important;
    font-size: 1.25rem !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
    border-radius: 50px !important;
    background: transparent !important;
    border: none !important;
    transition: background-color 0.25s ease, padding-left 0.25s ease, color 0.25s ease !important;
}

/* Interaktivní hover stav pro položky roletky (Plovoucí pilulka) */
#header ul.menu-level-2.pdz-dropdown-menu > li > a:hover {
    background-color: rgba(255, 255, 255, 0.15) !important; /* Jemné skleněné vyplnění pilulky */
    padding-left: 26px !important; /* Hladký mikro-posuv textu doprava při najetí */
    color: #ffffff !important;
    opacity: 1 !important;
    transform: none !important;
}

/* ============================================================
   ZACHOVÁNÍ HOVER EFEKTU PRO HLAVNÍ POLOŽKU (AKADEMIE)
   ============================================================ */
@media (min-width: 1251px) {
    /* Když najedete na LI (včetně prostoru roletky), aplikuj hover na hlavní odkaz uvnitř */
    #header #navigation ul.menu-level-1 > li.pdz-has-dropdown:hover > a,
    #header #navigation ul.menu-level-1 > li.pdz-has-dropdown:hover > a > b {
        transform: scale(1.1) !important;
        opacity: 0.9 !important;
        /* Pokud byste chtěl položku při rozbalení ještě více zvýraznit, 
           můžete přidat např. color: #3098C2 !important; */
    }
}

/* =========================================
   4. IKONY A TLAČÍTKA V HLAVIČCE
========================================= */
#header .navigation-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.poptavka-custom-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
    vertical-align: middle;
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0 !important;
}

#header .navigation-buttons > a,
#header .navigation-buttons > button,
#header .navigation-buttons > div,
#header .poptavka-custom-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    min-width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

#header .navigation-buttons > a::after,
#header .navigation-buttons > button::after {
    display: none !important; 
}

#header .navigation-buttons .top-nav-button-login,
#header .navigation-buttons .cart-count,
#header .poptavka-custom-icon,
#header .navigation-buttons .toggle-window[data-target="search"] {
    display: inline-flex !important; 
    align-items: center !important;
    justify-content: center !important;
    position: relative;
    width: 40px !important;
    height: 40px !important;
    cursor: pointer;
    background: transparent !important;
    transition: transform 0.3s ease !important;
}

#header .navigation-buttons .top-nav-button-login:hover,
#header .navigation-buttons .cart-count:hover,
#header .poptavka-custom-icon:hover,
#header .navigation-buttons .toggle-window[data-target="search"]:hover {
    transform: scale(1.15); 
}

/* Maskování ikon (CSS masky pro svg obrázky) */
#header .navigation-buttons .top-nav-button-login::before,
#header .navigation-buttons .cart-count::before,
#header .poptavka-custom-icon::before,
#header .navigation-buttons .toggle-window[data-target="search"]::before,
html.header-background-dark body #header .navigation-buttons > a::before,
html.header-background-dark body #header .navigation-buttons > button::before,
html.header-background-dark body #header .poptavka-custom-icon::before {
    content: "" !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 auto !important;
    line-height: 24px !important;
    font-size: 24px !important;
    background-color: #ffffff;
    transition: all 0.3s ease;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

#header .navigation-buttons .top-nav-button-login::before {
    -webkit-mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Login_icon2.svg');
    mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Login_icon2.svg');
}
#header .navigation-buttons .cart-count::before {
    -webkit-mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Cart_icon2.svg');
    mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Cart_icon2.svg');
}
#header .poptavka-custom-icon::before {
    -webkit-mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Quote_icon2.svg');
    mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Quote_icon2.svg');
}
#header .navigation-buttons .toggle-window[data-target="search"]::before {
    -webkit-mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Search_icon2.svg');
    mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Search_icon2.svg');
}

/* Ikona hamburger menu */
html.header-background-dark body #header .navigation-buttons .toggle-window[data-target="navigation"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E") !important;
    background-color: #ffffff !important;
}

/* Pořadí ikon v pravém bloku */
#header .navigation-buttons > .toggle-window[data-target="search"] { order: 1 !important; }
#header .navigation-buttons > .top-nav-button-login { order: 2 !important; }
#header .navigation-buttons > .poptavka-custom-wrapper { order: 3 !important; }
#header .navigation-buttons > .cart-count { order: 4 !important; }

html.header-background-dark body #header .navigation-buttons > .toggle-window[data-target="navigation"] {
    order: 5 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
}

/* =========================================
   5. NOTIFIKAČNÍ ODZNAKY A WIDGETY V HLAVIČCE
========================================= */
.poptavka-badge,
#header .navigation-buttons .cart-count i {
    position: absolute !important;
    top: 0px !important;     
    right: 0px !important;   
    font-size: 11px !important;
    font-weight: bold !important;
    font-style: normal !important; /* Tag <i> je ve výchozím stavu kurzívou, musíme to přepsat */
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    text-align: center !important;
    border-radius: 50% !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

.poptavka-badge {
    background-color: #22C55E !important;
    color: #ffffff !important;
}

#header .navigation-buttons .cart-count i {
    background-color: #ffffff !important; 
    color: #1A1A1A !important; 
}
.poptavka-custom-dropdown {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    width: 320px;
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #e0e0e0;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    padding: 20px;
    z-index: 99999;
    cursor: default;
    text-align: left;
}

.poptavka-item-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 0;
}
.poptavka-item-row:last-child {
    border-bottom: none;
}

/* =========================================
   6. RESPONSIVITA HLAVIČKY A MENU (MEDIA QUERIES)
========================================= */

/* --- DESKTOP (od 1251px) --- */
@media (min-width: 1251px) {
    /* Úplné zneviditelnění hamburgeru na desktopu */
    html.header-background-dark body #header .navigation-buttons > .toggle-window[data-target="navigation"],
    html.header-background-dark body #header .navigation-buttons > a.toggle-window[data-target="navigation"] {
        display: none !important;
    }

    /* Zajištění viditelnosti obalu ikon na desktopu */
    #header .navigation-buttons {
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Pojistka proti zobrazení našeho panelu na velkém monitoru */
    #pdz-vlastni-panel, #pdz-panel-overlay {
        display: none !important;
    }
    
    /* Stylování textu hlavní navigace */
    #header #navigation ul.menu-level-1 > li > a,
    #header #navigation ul.menu-level-1 > li > a > b,
    #header .menu-helper > span {
        font-family: var(--template-headings-font) !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        font-size: clamp(1.15rem, 1.1vw + 0.4rem, 1.3rem) !important;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease !important;
        transform-origin: center !important;
        color: #ffffff !important; 
        padding-left: 10px !important; 
        padding-right: 10px !important;
        white-space: nowrap !important;
    }

    #header #navigation ul.menu-level-1 > li > a:hover,
    #header .menu-helper:hover > span {
        transform: scale(1.1) !important;
        opacity: 0.9 !important;
    }

    /* HRUBÁ SÍLA: Zákaz Shoptet zkracování menu */
    #header #navigation ul.menu-level-1 > li,
    #header #navigation ul.menu-level-1 > li.splitted {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
    }
    
    #header .menu-helper,
    html.header-background-dark body #header .menu-helper {
        display: none !important;
    }
}

/* --- MENŠÍ DESKTOPY A TABLETY (do 1250px) --- */
@media (max-width: 1250px) {
    /* Úplný zákaz zobrazení nativního menu Shoptetu */
    #header #navigation, 
    .menu-helper, 
    .navigation-close, 
    #header .navigation-wrapper .navigation-in,
    html.header-background-dark body #header .menu-helper {
        display: none !important;
        visibility: hidden !important;
    }

    #header .container {
        padding-left: var(--pdz-header-pad-x) !important;
        padding-right: var(--pdz-header-pad-x) !important;
    }

    /* --- STYLY PRO VLASTNÍ BOČNÍ PANEL --- */
    #pdz-vlastni-panel {
        position: fixed;
        top: 0;
        right: calc(-1 * var(--pdz-panel-w) - 10px);
        left: auto !important;
        width: var(--pdz-panel-w);
        height: 100vh;
        background-color: #ffffff;
        z-index: 999999;
        transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        box-shadow: -5px 0 25px rgba(0,0,0,0.2);
    }

    #pdz-vlastni-panel.active {
        right: 0;
        left: auto !important;
    }

    #pdz-panel-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0,0,0,0.5);
        z-index: 999998;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    #pdz-panel-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .pdz-panel-header {
        padding: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px solid #3098C2;
        background: #f8f8f8;
    }

    .pdz-panel-title {
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        color: #1A1A1A;
    }

    .pdz-panel-close {
        font-size: 30px;
        line-height: 1;
        cursor: pointer;
        color: #000000;
    }

    .pdz-panel-content {
        overflow-y: auto;
        padding: 10px 0;
    }

    .pdz-panel-item a {
        display: block;
        padding: 15px 25px;
        color: #000000 !important;
        text-decoration: none !important;
        font-weight: 600;
        font-size: 16px;
        border-bottom: 1px solid #f0f0f0;
        transition: background 0.2s;
    }

    .pdz-panel-item a:hover {
        background-color: #f0f7fa;
        color: #3098C2 !important;
    }

    .pdz-panel-divider {
        height: 10px;
        background: #f4f4f4;
        margin: 10px 0;
    }

    .pdz-panel-login a {
        color: #3098C2 !important;
        font-weight: 700;
    }
	
	/* === IKONY V PANELU MENU === */
    .pdz-panel-item a {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }

    .pdz-panel-icon {
        display: inline-block;
        width: 22px;
        height: 22px;
        flex-shrink: 0;
        background-color: #3098C2;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        transition: background-color 0.2s;
    }

    .pdz-panel-item a:hover .pdz-panel-icon {
        background-color: #1d6b8c;
    }

    .pdz-panel-label {
        flex: 1 1 auto;
    }

    /* Login ikona */
    .pdz-panel-icon-login {
        -webkit-mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Login_icon2.svg');
        mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Login_icon2.svg');
    }

    /* Poptávka ikona */
    .pdz-panel-icon-poptavka {
        -webkit-mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Quote_icon2.svg');
        mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Quote_icon2.svg');
    }

    /* Košík ikona */
    .pdz-panel-icon-cart {
        -webkit-mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Cart_icon2.svg');
        mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Cart_icon2.svg');
    }

    /* Hledat ikona (přesunuto z horní lišty do panelu) */
    .pdz-panel-icon-search {
        -webkit-mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Search_icon2.svg');
        mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Search_icon2.svg');
    }

    /* Badge (počet položek v poptávce) */
    .pdz-panel-badge {
        display: inline-block;
        background: #d9534f;
        color: #ffffff;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        padding: 4px 8px;
        border-radius: 10px;
        min-width: 22px;
        text-align: center;
    }

    /* Akční položky (poptávka + košík) - jemně tyrkysové pozadí */
    .pdz-panel-action a {
        background-color: #fafafa;
    }

    .pdz-panel-action a:hover {
        background-color: #e8f4f9;
    }

    /* Zákaz scrollování webu, když je menu otevřené */
    body.pdz-menu-opened {
        overflow: hidden !important;
    }
	
    /* Vynucené zobrazení burger menu od 1250px dolů a zrušení Shoptet absolutní pozice */
    html.header-background-dark body #header .navigation-buttons > a.toggle-window[data-target="navigation"],
    #header .navigation-buttons > .toggle-window[data-target="navigation"] {
        display: inline-flex !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        margin: 0 !important;
        transform: none !important;
    }
}

/* --- STŘEDNÍ BREAKPOINT (991px - 1250px) --- */
@media (min-width: 991px) and (max-width: 1250px) {
    html.header-background-dark body #header div.container.navigation-wrapper,
    html.header-background-dark body #header div.navigation-wrapper.container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Vynucení loga úplně doleva */
    html.header-background-dark body #header .navigation-wrapper > .site-name {
        margin-left: 0 !important;
        padding-left: 0 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        margin-right: auto !important;
        padding: 0 !important;
        width: auto !important;
        max-width: none !important;
    }

    /* Vynucení ikon úplně doprava */
    html.header-background-dark body #header .navigation-wrapper > .navigation-buttons {
        margin-right: 0 !important;
        padding-right: 0 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        margin-left: auto !important;
        padding: 0 !important;
    }

    html.header-background-dark body #header .site-name > a {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
}

/* --- MOBILNÍ HLAVIČKA A OPRAVA LOGA (do 991px) --- */
@media (max-width: 991px) {
    html.header-background-dark body #header .navigation-wrapper,
    html body #header .navigation-wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
        width: 100% !important;
        overflow: visible !important;
    }

    html.header-background-dark body #header .site-name,
    html body #header .site-name {
        position: relative !important;
        left: auto !important; right: auto !important;
        top: auto !important; bottom: auto !important;
        transform: none !important;
        flex: 1 1 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        z-index: 100 !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }

    html.header-background-dark body #header .navigation-buttons,
    html body #header .navigation-buttons {
        position: relative !important;
        left: auto !important; right: auto !important;
        top: auto !important; transform: none !important;
        flex: 0 0 auto !important;
    }
}

/* =========================================
   POJISTKA: Vynucení rozměrů ::before u login ikony
   (řeší problém width:0 z konfliktu specifičnosti)
========================================= */
html.header-background-dark body #header .navigation-buttons .top-nav-button-login::before,
html body #header .navigation-buttons button.top-nav-button-login::before {
    content: "" !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    background-color: #ffffff !important;
    visibility: visible !important;
    opacity: 1 !important;
    
    -webkit-mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Login_icon2.svg') !important;
    mask-image: url('https://790188.myshoptet.com/user/documents/upload/Ikony/Login_icon2.svg') !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}

/* =========================================
   MOBIL: hledání a přihlášení přesunuto do bočního panelu
   ========================================= */
/* Na ≤1250px (burger režim) skryjeme ikony Hledat a Přihlášení z horní lišty,
   aby se logo + ikony nelámaly na dva řádky. Obě jsou dostupné ve výsuvném
   panelu (přihlášení staví JS, hledání spouští nativní Shoptet vyhledávání). */
@media (max-width: 1250px) {
    #header .navigation-buttons > .toggle-window[data-target="search"],
    #header .navigation-buttons > .top-nav-button-login,
    html.header-background-dark body #header .navigation-buttons > .top-nav-button-login {
        display: none !important;
    }
}