/* ===================================== */
/* 6. STYLY PRO HORNÍ MENU (NAVIGACE) - FINÁLNÍ VERZE */
/* ===================================== */

/* --- A. Základní Vzhled a Sticky Pozice (Celá Hlavička) --- */

header#header { 
    position: sticky; 
    top: 0;
    z-index: 9999; 
    background-color: #ffffff; 
    border-bottom: 1px solid #eee;
    /* Aplikujeme stín */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
    transition: all 0.3s ease-in-out; 
    /* !!! ODEBÍRÁME display: flex; flex-direction: column; !!! */
}

/* Omezíme šířku, aby hlavička měla stejné okraje jako zbytek obsahu */
header#header .container.navigation-wrapper {
    max-width: 1500px; 
    margin: 0 auto;
    padding: 10px 20px;
    /* !!! ODEBÍRÁME display: flex; pro tento kontejner na desktopu !!! */
}


/* --- B. Styling Odkazů (Vzhled písma a Hover Efekt) --- */

/* Selektor: Odkazy A uvnitř LI */
ul.menu-level-1 li > a {
    position: relative;
    color: #333;
    text-decoration: none;
    padding: 5px 0;
    
    /* Vylepšení písma */
    font-size: 1.1em; /* ZVĚTŠENÍ PÍSMA */
    font-weight: 300; /* ZTENČENÍ PÍSMA (Lighter weight z Roboto) */
    text-transform: uppercase;
    
    transition: color 0.3s ease-out;
}

/* Animovaná linka pod odkazem */
ul.menu-level-1 li > a::after {
    content: '';
    position: absolute;
    bottom: -3px; 
    left: 50%;
    width: 0%;
    height: 2px;
    background-color: #ffa600; 
    transition: width 0.3s ease-out, left 0.3s ease-out;
}

/* Linka se roztáhne na celou šířku při najetí myši a na aktivní položce */
ul.menu-level-1 li > a:hover::after, 
li.menu-item-current > a::after, /* Specifická třída pro aktivní položku */
li.menu-item-719.ext > a::after { /* Zajištění funkčnosti i pro položky s submenu */
    width: 100%;
    left: 0;
}


/* --- C. Oprava Mobilního Zobrazení a Podmenu --- */

@media (max-width: 900px) {
    
    /* 1. Zarovnání prvků v mobilním menu (lupa, košík, hamburger) */
    /* Zajištění, že logo a akční prvky mají prostor (tato sekce je v div.container.navigation-wrapper) */
    /* Váš systém používá flexbox pro tento kontejner i na mobilu */
    header#header .container.navigation-wrapper {
        align-items: center; /* Základní zarovnání */
        padding: 10px; /* Menší padding na mobilu */
    }
    
    /* 2. Zajištění zobrazení podmenu KE STAŽENÍ (problém "stále viditelné submenu kestažení") */
    /* Pokud je podmenu viditelné, je to pravděpodobně proto, že .submenu-level-2 není skryté */
    ul.menu-level-2 {
        display: none !important; /* Vynutíme skrytí podmenu na desktopu/mobilu, dokud není aktivováno JS */
    }
    /* Zobrazení, pouze pokud je nadřazená LI aktivní */
    li.menu-item-719.ext.open > ul.menu-level-2 {
        display: block !important;
    }
    
    /* 3. Oprava, aby se menu v hamburgeru zobrazilo (problém "žádné ostatní položky menu") */
    /* Váš systém aplikuje třídu .fitted.visible na NAV při otevření */
    nav#navigation.fitted.visible ul.menu-level-1 {
        display: flex !important; /* Vynutíme zobrazení celého seznamu */
        flex-direction: column; 
        position: absolute;
        top: 100%; 
        left: 0;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
        border-top: 1px solid #eee;
        z-index: 9998;
    }
    
    /* Skrytí animované linky v mobilním menu pro čistší vzhled */
    ul.menu-level-1 li > a::after {
        content: none;
    }
}