/* ===============================================================================
   MOBİL MENÜ BOŞ SAYFA SORUNU - KRİTİK DÜZELTMELER
   ===============================================================================
   Telefonda menü açıldığında içeriğin görünmemesi sorununu çözer
   =============================================================================== */

@media screen and (max-width: 1024px) {
    
    /* NAV HOLDER - Menü container görünürlüğü */
    .nav-holder {
        visibility: visible !important;
        display: block !important;
    }
    
    /* NAV INNER - Ana menü wrapper - INLINE HEIGHT OVERRIDE */
    .nav-holder .nav-inner,
    .nav-holder .nav-inner[style],
    .nav-holder #menu,
    .nav-holder #menu[style],
    .nav-holder .slinky-menu,
    .nav-holder .slinky-menu[style] {
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        visibility: visible !important;
        display: flex !important;
        opacity: 1 !important;
    }
    
    /* UL - Sadece ANA menü listesi */
    .nav-holder .nav-inner > ul,
    .nav-holder .nav-inner > ul[style],
    .nav-holder #menu > ul,
    .nav-holder #menu > ul[style] {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        visibility: visible !important;
        display: flex !important;
        opacity: 1 !important;
        padding-top: 20px !important;
    }
    
    /* LI - Sadece ana menü öğeleri */
    .nav-holder .nav-inner > ul > li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        position: relative !important;
    }
    
    /* A - Menü linkleri */
    .nav-holder .nav-inner > ul > li > a {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: auto !important;
        color: #fff !important;
        text-decoration: none !important;
    }
    
    /* SPAN - Link içindeki metinler */
    .nav-holder .nav-inner > ul > li > a span {
        display: inline !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Alt menüler - accordion JS yönetir, transform sifirla */
    .nav-holder .nav-inner > ul > li > ul {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        width: 100% !important;
        height: auto !important;
    }
    
    /* Slinky plugin header/back button - Gizle */
    .nav-holder .header,
    .nav-holder .back,
    .nav-holder .nav-inner .header,
    .nav-holder .nav-inner .back {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* Menü açıkken ana liste görünür */
    .nav-holder:not(.but-hol) .nav-inner,
    .nav-holder:not(.but-hol) .nav-inner > ul,
    .nav-holder:not(.but-hol) .nav-inner > ul > li,
    .nav-holder:not(.but-hol) .nav-inner > ul > li > a {
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .nav-holder:not(.but-hol) .nav-inner > ul {
        display: flex !important;
    }
    
    /* Slinky'nin transform/translate mekanizmasına dokunma */
    .nav-holder .nav-inner {
        overflow: visible !important;
    }
}

/* MENÜ KAPATILDIĞINDA ANİMASYON SIFIRLAMA */
@media screen and (max-width: 1024px) {
    .nav-holder.but-hol .nav-inner li {
        animation: none !important;
    }
}

/* Z-INDEX HİYERARŞİSİ */
@media screen and (max-width: 1024px) {
    .nav-holder {
        z-index: 9998 !important;
    }
    
    .nav-overlay {
        z-index: 9997 !important;
    }
    
    header.main-header {
        z-index: 9999 !important;
    }
    
    .nav-button-wrap {
        z-index: 10000 !important;
    }
}

/* DEBUG - Geliştirme aşamasında kullanılabilir */
@media screen and (max-width: 1024px) {
    /* Uncomment to debug visibility issues:
    .nav-holder:not(.but-hol) {
        background: rgba(255, 0, 0, 0.3) !important;
    }
    
    .nav-holder:not(.but-hol) .nav-inner {
        background: rgba(0, 255, 0, 0.3) !important;
    }
    
    .nav-holder:not(.but-hol) .nav-inner > ul {
        background: rgba(0, 0, 255, 0.3) !important;
    }
    */
}