/* =========================================================
   TEKTAŞ ORGANİZASYON İZMİR - MOBİL MENÜ NETLİK DÜZELTMESİ
   Drawer menünün backdrop katmanının altında kalmasını engeller.
   Bu dosya diğer frontend CSS dosyalarından sonra çağrılmalıdır.
   ========================================================= */

@media (max-width: 992px) {
    /* Menü açıkken header yeni bir üst katmana alınır. Drawer header
       içinde bulunduğu için backdrop artık panelin üzerine çıkamaz. */
    body.menu-open .site-header {
        z-index: 1300;
    }

    /* Yalnızca sayfa içeriğini karartan sade bir dış katman.
       Mobil tarayıcılarda drawer alanını da bulanıklaştırabildiği için
       backdrop-filter bilinçli olarak kaldırılmıştır. */
    .mobile-nav-backdrop,
    .mobile-nav-backdrop.show {
        z-index: 1240;
        background: rgba(13, 8, 10, 0.48);
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    /* Drawer daima net, opak ve okunabilir kalır. */
    .site-header .nav-menu {
        z-index: 1320;
        width: min(86vw, 360px);
        max-width: calc(100vw - 34px);
        background: #ffffff;
        opacity: 1;
        filter: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        box-shadow: -18px 0 46px rgba(23, 23, 23, 0.18);
    }

    .site-header .menu-toggle,
    .site-header .mobile-nav-close {
        z-index: 1330;
    }

    /* Menü açıkken alt hızlı butonlar drawer ile yarışmaz. */
    body.menu-open .mobile-quick-actions,
    body.menu-open .whatsapp-float {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}

@media (max-width: 480px) {
    .site-header .nav-menu {
        width: min(88vw, 338px);
        max-width: calc(100vw - 24px);
        padding-inline: 15px;
    }
}