/* --- APLIKOVAT POUZE PRO MOBILY A TABLETY (do 991px) --- */
@media (max-width: 991px) {
    
    /* --- ÚPRAVA HLAVNÍHO MENU --- */
    .navigation-in.menu ul.menu-level-1 > li { 
        border-bottom: 1px solid #f0f0f0; 
    }
    
    .navigation-in.menu ul.menu-level-1 > li > a { 
        padding: 15px 10px; 
        font-size: 20px !important; /* Zvětšeno na 20px */
        display: flex; 
        justify-content: space-between; 
        align-items: center; 
        text-decoration: none !important; /* Zruší případné podtržení textu ze šablony */
    }
    
    .navigation-in.menu ul.menu-level-1 > li > a .submenu-arrow { 
        display: none !important; 
    }

    /* --- VYNUCENÉ ROZBALENÍ PODKATEGORIÍ --- */
    .navigation-in.menu ul.menu-level-2, 
    #navigation ul.menu-level-2 { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 8px !important; 
        padding: 0 10px 15px 10px !important; 
        background: #fdfdfd; 
        height: auto !important; 
        visibility: visible !important; 
        opacity: 1 !important; 
    }

    /* --- JEDNOTLIVÉ POLOŽKY (Řádky podkategorií) --- */
    .navigation-in.menu ul.menu-level-2 > li, 
    #navigation ul.menu-level-2 > li { 
        display: flex !important; 
        flex-direction: row !important; 
        align-items: center !important; 
        background: #fff; 
        border-radius: 8px; 
        box-shadow: 0 1px 4px rgba(0,0,0,0.06); 
        border: 1px solid #f8f8f8; 
        margin: 0 !important; 
        padding: 6px !important; 
        position: relative; 
    }

    /* --- VYNUCENÉ ZOBRAZENÍ OBRÁZKU --- */
    .navigation-in.menu ul.menu-level-2 > li a.menu-image, 
    #navigation ul.menu-level-2 > li a.menu-image { 
        display: block !important; 
        visibility: visible !important; 
        opacity: 1 !important; 
        width: 55px !important; 
        height: 55px !important; 
        min-width: 55px !important; 
        flex-shrink: 0 !important; 
        border-radius: 6px; 
        overflow: hidden; 
        margin: 0 !important; 
        padding: 0 !important; 
    }
    
    .navigation-in.menu ul.menu-level-2 > li a.menu-image img, 
    #navigation ul.menu-level-2 > li a.menu-image img { 
        display: block !important; 
        visibility: visible !important; 
        opacity: 1 !important; 
        width: 100% !important; 
        height: 100% !important; 
        max-width: 100% !important; 
        max-height: 100% !important; 
        object-fit: cover !important; 
    }

    /* --- TEXT VPRAVO VEDLE OBRÁZKU --- */
    .navigation-in.menu ul.menu-level-2 > li > div, 
    #navigation ul.menu-level-2 > li > div { 
        flex-grow: 1 !important; 
        padding-left: 12px !important; 
        display: block !important; 
    }
    
    .navigation-in.menu ul.menu-level-2 > li > div a, 
    #navigation ul.menu-level-2 > li > div a { 
        color: #333 !important; 
        font-weight: 600; 
        text-decoration: none !important; /* Pojistka proti podtržení podkategorií */
        font-size: 18px !important; /* Zvětšeno na 18px */
        display: block !important; 
        padding: 0 !important; 
        line-height: 1.3 !important; 
        white-space: normal !important; 
    }

    /* Finta pro kliknutí na celou plochu */
    .navigation-in.menu ul.menu-level-2 > li > div a::after { 
        content: ""; 
        position: absolute; 
        top: 0; left: 0; right: 0; bottom: 0; 
    }
}