/* ============ TTB MOBIL DRAWER v6 — Header sabit + main content push 2026-07-13 ============ */
@media (max-width: 991px) {
    html, body { overflow-x: hidden !important; }

    /* Body'nin header disindaki tum direct child'larini itiyoruz */
    body > *:not(header):not(#toggle):not(.drawer-backdrop):not(script):not(style) {
        transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1) !important;
        will-change: transform;
    }
    body:has(#toggle:checked) > *:not(header):not(#toggle):not(.drawer-backdrop):not(script):not(style) {
        transform: translateX(288px) !important;
    }

    /* DRAWER — header altindan basla, sol'dan kayar, siyah opak */
    body header.mobile-menu .header-right .nav {
        position: fixed !important;
        top: calc(env(safe-area-inset-top, 0px) + 66px) !important;
        left: -288px !important;
        width: 288px !important;
        max-width: 85vw !important;
        height: calc(100dvh - env(safe-area-inset-top, 0px) - 66px) !important;
        max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 66px) !important;
        background: #0f0f10 !important;
        background-color: #0f0f10 !important;
        color: #f5f5f5 !important;
        transition: left 0.32s cubic-bezier(0.32, 0.72, 0, 1) !important;
        transform: none !important;
        z-index: 9999 !important;
        box-shadow: 4px 4px 24px rgba(0,0,0,0.4) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 0 !important;
        padding-top: 0 !important;
        margin: 0 !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    body:has(#toggle:checked) header.mobile-menu .header-right .nav {
        left: 0 !important;
    }

    /* BACKDROP — header altinda gorunmez tiklanabilir katman */
    .drawer-backdrop {
        position: fixed !important;
        top: calc(env(safe-area-inset-top, 0px) + 66px) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: transparent !important;
        opacity: 0 !important;
        pointer-events: none !important;
        z-index: 9998 !important;
        display: block !important;
        margin: 0 !important;
        border: 0 !important;
        padding: 0 !important;
    }
    body:has(#toggle:checked) .drawer-backdrop {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* Drawer child bg reset */
    body header.mobile-menu .header-right .nav .nav-wrapper,
    body header.mobile-menu .header-right .nav > nav,
    body header.mobile-menu .header-right .nav nav,
    body header.mobile-menu .header-right .nav .nav-top,
    body header.mobile-menu .header-right .nav .nav-bottom,
    body header.mobile-menu .header-right .nav ul,
    body header.mobile-menu .header-right .nav ul.mobil-w,
    body header.mobile-menu .header-right .nav ul.mobil-w-auth,
    body header.mobile-menu .header-right .nav li {
        background: transparent !important;
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        list-style: none !important;
    }
    body header.mobile-menu .header-right .nav .nav-wrapper {
        padding: 18px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        min-height: 100% !important;
    }
    body header.mobile-menu .header-right .nav ul,
    body header.mobile-menu .header-right .nav ul.mobil-w {
        padding: 4px 0 !important;
        margin: 0 !important;
    }

    /* LINK STILI */
    body header.mobile-menu .header-right .nav nav a,
    body header.mobile-menu .header-right .nav ul.mobil-w a,
    body header.mobile-menu .header-right .nav ul.mobil-w li a,
    body header.mobile-menu .header-right .nav ul.mobil-w-auth li a {
        background: transparent !important;
        background-color: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #f5f5f5 !important;
        padding: 14px 22px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        position: relative;
        box-shadow: none !important;
        text-decoration: none !important;
        transition: background 0.15s, color 0.15s !important;
    }
    body header.mobile-menu .header-right .nav nav a:hover,
    body header.mobile-menu .header-right .nav nav a:focus,
    body header.mobile-menu .header-right .nav nav a.active,
    body header.mobile-menu .header-right .nav ul.mobil-w a:hover,
    body header.mobile-menu .header-right .nav ul.mobil-w a.active {
        background: rgba(193,18,31,0.14) !important;
        background-color: rgba(193,18,31,0.14) !important;
        color: #ffffff !important;
    }
    body header.mobile-menu .header-right .nav nav a.active::before,
    body header.mobile-menu .header-right .nav ul.mobil-w a.active::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important; top: 0 !important; bottom: 0 !important;
        width: 3px !important;
        background: #c1121f !important;
    }
    body header.mobile-menu .header-right .nav nav a::after {
        display: none !important;
    }
    body header.mobile-menu .header-right .nav nav a i,
    body header.mobile-menu .header-right .nav nav a svg,
    body header.mobile-menu .header-right .nav ul.mobil-w a i {
        color: #a8a8a8 !important;
        transition: color 0.15s !important;
    }
    body header.mobile-menu .header-right .nav nav a:hover i,
    body header.mobile-menu .header-right .nav nav a.active i,
    body header.mobile-menu .header-right .nav nav a:hover svg,
    body header.mobile-menu .header-right .nav nav a.active svg,
    body header.mobile-menu .header-right .nav ul.mobil-w a.active i {
        color: #ffffff !important;
    }

    body header.mobile-menu .menu-featured a {
        background: rgba(193,18,31,0.22) !important;
        background-color: rgba(193,18,31,0.22) !important;
        color: #ffffff !important;
        border: 0 !important;
        border-left: 3px solid #c1121f !important;
    }
    body header.mobile-menu .menu-featured a.active {
        background: linear-gradient(90deg, rgba(193,18,31,0.35), rgba(139,0,0,0.15)) !important;
        color: #ffffff !important;
    }

    body header.mobile-menu .header-right .nav .social {
        padding: 20px 22px !important;
        border-top: 1px solid rgba(255,255,255,0.08) !important;
        margin-top: auto !important;
        gap: 10px !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    body header.mobile-menu .header-right .nav .social li {
        list-style: none !important;
    }
    body header.mobile-menu .header-right .nav .social a {
        width: 40px !important;
        height: 40px !important;
        background: rgba(255,255,255,0.06) !important;
        background-color: rgba(255,255,255,0.06) !important;
        border: 1px solid rgba(255,255,255,0.14) !important;
        border-radius: 50% !important;
        color: #f5f5f5 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    body header.mobile-menu .header-right .nav .social a:hover {
        background: rgba(193,18,31,0.30) !important;
        border-color: #c1121f !important;
        color: #ffffff !important;
    }

    body header.mobile-menu .header-right .nav .hamburger-lang {
        margin: 14px 22px !important;
        background: rgba(255,255,255,0.04) !important;
        background-color: rgba(255,255,255,0.04) !important;
        border-color: rgba(255,255,255,0.10) !important;
    }
    body header.mobile-menu .header-right .nav .hamburger-lang .hamburger-flag {
        color: #a8a8a8 !important;
        background: transparent !important;
        background-color: transparent !important;
        border-color: transparent !important;
    }
    body header.mobile-menu .header-right .nav .hamburger-lang .hamburger-flag:hover {
        background: rgba(255,255,255,0.06) !important;
        color: #f5f5f5 !important;
    }
    body header.mobile-menu .header-right .nav .hamburger-lang .hamburger-flag.is-active {
        background: rgba(193,18,31,0.22) !important;
        color: #ffffff !important;
        border-color: transparent !important;
    }
    body header.mobile-menu .header-right .nav .hamburger-lang .hamburger-flag::before {
        display: none !important;
    }

    body header.mobile-menu .header-right .nav .hamburger-user-name {
        color: #f5f5f5 !important;
        padding: 14px 22px !important;
        font-weight: 700 !important;
        background: transparent !important;
        background-color: transparent !important;
    }
    body header.mobile-menu .header-right .nav .nav-bottom {
        margin-top: auto !important;
        background: transparent !important;
        background-color: transparent !important;
    }
}