/* AGRESIVNÍ FIX PRO MOBILNÍ MENU */

/* Zákaz posunu celé stránky do stran */
html, body {
    overflow-x: hidden !important;
    position: relative !important;
    width: 100% !important;
}

/* 1. SCHOVÁNÍ MENU - Pokrýváme všechny možné Shoptet třídy */
.navigation.fitted, 
#navigation.fitted, 
.navigation-window,
#navigation {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 85vw !important;
    max-width: 320px !important;
    height: 100vh !important;
    background: #ffffff !important;
    z-index: 999999 !important;
    display: block !important;
    /* Vynucené schování mimo obrazovku */
    transform: translate3d(-110%, 0, 0) !important; 
    transition: transform 0.3s ease-in-out !important;
    visibility: visible !important;
}

/* 2. AKTIVACE PŘI OTEVŘENÍ */
body.navigation-window-visible .navigation.fitted,
body.navigation-window-visible #navigation.fitted,
body.navigation-window-visible .navigation-window,
body.navigation-window-visible #navigation {
    transform: translate3d(0, 0, 0) !important;
}

/* 3. ŠIPKA - VYCENTROVANÁ NA STŘED HORNÍHO PRUHU */
.navigation-close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #1a1a1a !important; 
    font-size: 35px !important; 
    position: absolute !important;
    left: 50% !important;
    top: 30px !important; /* Pozice středu */
    transform: translate(-50%, -50%) !important; 
    height: 60px !important;
    width: 100% !important;
    z-index: 2000000 !important;
    cursor: pointer !important;
    background: #ffffff !important; /* Aby pod šipkou neprosvítal text */
}

.navigation-close:before {
    content: '\2190' !important; /* Šipka vlevo */
    line-height: 1 !important;
}

/* Odstranění původních ikon Shoptetu */
.navigation-close:after, .navigation-close i { display: none !important; }

/* 4. POLOŽKY MENU */
.navigation.fitted .menu-level-1, 
#navigation .menu-level-1 {
    margin-top: 60px !important; /* Odsazení pod šipku */
    padding: 0 !important;
}

.menu-level-1 li a {
    display: block !important;
    padding: 15px 20px !important;
    color: #1a1a1a !important;
    border-bottom: 1px solid #f0f0f0 !important;
    text-align: center !important;
}

/* 5. FIX PRO HEADER */
.header-top { background: #0D1B2A !important; }