@media (max-width:1024px){
  nav.a11y-menu-panel[data-a11y-offcanvas="true"]{
    position:fixed !important; top:0; left:0; right:auto; bottom:0;
    width:100vw; height:100vh; transform:translateX(-100%);
    transition:transform .25s ease-out; overflow-y:auto;
    z-index:9999; background:inherit;
  }
  nav.a11y-menu-panel[data-a11y-offcanvas="true"][data-side="right"]{
    left:auto; right:0; transform:translateX(100%);
  }
  nav.a11y-menu-panel[data-a11y-offcanvas="true"][aria-hidden="false"]{
    transform:translateX(0);
  }

  .a11y-backdrop[data-a11y-backdrop-for]{
    position:fixed; inset:0; background:rgba(0,0,0,.45);
    opacity:0; pointer-events:none; transition:opacity .2s ease-out; z-index:9998;
  }
  .a11y-backdrop[data-active="true"]{ opacity:1; pointer-events:auto; }

  .a11y-menu-list{ display:block; max-height:none; }
  .a11y-hit{ min-height:44px; display:flex; align-items:center; }
}
:focus-visible{ outline:2px dashed currentColor; outline-offset:3px; }

/* ——— BOOTSTRAP COLLAPSE ÇAKIŞMASINI KALDIR ——— */
@media (max-width: 1024px) {
    /* nav-main-collapse kapsayıcısını mobilde görünür bırak */
    .nav-main-collapse.collapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        visibility: visible !important;
    }

    /* offcanvas panel zaten kendi görünürlüğünü yönetiyor */
    #mainMenu.a11y-menu-panel {
        position: fixed !important;
        top: 0;
        left: 0;
        right: auto;
        bottom: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9999; /* header üstüne çıksın */
        background: inherit; /* temayı bozmaz */
        transform: translateX(-100%);
        transition: transform .25s ease-out;
        overflow-y: auto; /* içerik taşarsa scrollbar */
    }

        #mainMenu.a11y-menu-panel[aria-hidden="false"] {
            transform: translateX(0);
        }

    /* sağdan açmak istersen */
    #mainMenu[data-side="right"] {
        left: auto;
        right: 0;
        transform: translateX(100%);
    }

        #mainMenu[data-side="right"][aria-hidden="false"] {
            transform: translateX(0);
        }

    /* yarı saydam arka plan */
    .a11y-backdrop[data-a11y-backdrop-for="mainMenu"] {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,.45);
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s ease-out;
        z-index: 9998;
    }

        .a11y-backdrop[data-a11y-backdrop-for="mainMenu"][data-active="true"] {
            opacity: 1;
            pointer-events: auto;
        }
}

/* klavye odağı görünür (tema rengiyle) */
:focus-visible {
    outline: 2px dashed currentColor;
    outline-offset: 3px;
}

/* --- Masaüstü için düzeltme --- */
@media (min-width: 1025px) {
    nav.a11y-menu-panel[data-a11y-offcanvas="true"] {
        position: static !important;
        transform: none !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        z-index: auto !important;
        background: none !important;
    }

    .a11y-backdrop[data-a11y-backdrop-for="mainMenu"] {
        display: none !important;
    }
}
/* --- MENÜ KAPAT satırı: temanın override etmesini engelle --- */
@media (max-width:1024px) {

    /* Daha yüksek özgüllük: #mainMenu içinde .menu-close-btn */
    #mainMenu .menu-close-btn {
       /* display: flex !important;*/
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        text-align: right !important;
        /* Görünüşü tarayıcı/tema resetlerinden yalıt */
        -webkit-appearance: none !important;
        appearance: none !important;
        font-size: 1.5rem !important;
        font-weight: 600 !important;
        /* Mirası kesin – doğrudan ver */
        background-color: #8B0000 !important;
        color: #FFFFFF !important;
        padding: 15px 20px !important;
        border: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.15) !important;
        transition: background-color .25s ease, opacity .25s ease !important;
    }

        /* İçindeki ikon/metin de rengi miras alsın */
        #mainMenu .menu-close-btn *,
        #mainMenu .menu-close-btn i {
            color: inherit !important;
        }

        #mainMenu .menu-close-btn:hover,
        #mainMenu .menu-close-btn:focus {
            background-color: #A40000 !important;
            opacity: .85 !important;
            outline: 2px dashed #fff !important;
            outline-offset: 2px !important;
        }

        #mainMenu .menu-close-btn:active {
            opacity: .75 !important;
        }
}