/* Mobil menü — index.html ve guvenlik.html ortak kullanır (iki yerde kopya durmasın).
   Renkler sayfaların kendi CSS değişkenlerinden gelir; ikisinde de aynı adlar tanımlı. */

/* Dokunma hedefleri en az 44×44 (WCAG 2.5.5): hamburger ve kapatma düğmesi parmakla
   rahat basılacak kadar büyük olmalı — ikisi de 34-36px kalıyordu. */
.burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:transparent;border:0;cursor:pointer;padding:10px;margin-left:4px;min-width:44px;min-height:44px}
.burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s ease,opacity .2s ease}
body.menu-open .burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.menu-open .burger span:nth-child(2){opacity:0}
body.menu-open .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* Karartma + bulanıklaştırma: arkadaki içerik okunmaz olur, odak menüde kalır. */
.menuscrim{position:fixed;inset:0;z-index:50;background:rgba(15,23,42,.5);backdrop-filter:blur(6px) saturate(.9);-webkit-backdrop-filter:blur(6px) saturate(.9);opacity:0;transition:opacity .2s ease}
body.menu-open .menuscrim{opacity:1}

.mobilmenu{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(320px,86vw);background:var(--card);border-left:1px solid var(--line);box-shadow:-18px 0 44px -24px rgba(16,24,40,.5);padding:18px 20px 24px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s cubic-bezier(.16,.84,.44,1)}
body.menu-open .mobilmenu{transform:translateX(0)}
.mm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.mm-close{background:transparent;border:0;font-size:26px;line-height:1;color:var(--mute);cursor:pointer;min-width:44px;min-height:44px;display:grid;place-items:center}
.mm-close:hover{color:var(--ink)}
.mm-links{display:flex;flex-direction:column}
.mm-links a{font-family:'Nunito',sans-serif;font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;padding:13px 0;border-bottom:1px solid var(--line)}
.mm-links a:hover{color:var(--accentd)}
.mm-cta{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:22px}

@media (prefers-reduced-motion:reduce){ .menuscrim,.mobilmenu,.burger span{transition:none} }

/* Nav bağlantıları bu genişliğin altında gizleniyor — hamburger tam orada devreye girer. */
@media (max-width:1040px){
  /* .nav ön eki: sayfaların inline `.navlinks{display:flex}` kuralı nav.css'ten SONRA
     yüklenip eşit özgüllükte onu eziyordu; bu yüzden mobilde bağlantılar gizlenmiyordu. */
  .nav .navlinks{display:none}
  .burger{display:flex}
  .navcta .lnk-login{display:none}
}
@media (max-width:520px){ .navcta .btn{display:none} }
@media (min-width:1041px){ .menuscrim,.mobilmenu{display:none!important} }