/* ============================================================
   KOBAZOGLU — MERKEZİ DÜZELTME DOSYASI
   Sadece bu dosyayı güncelleyip sunucuya atmanız yeterli.
   ============================================================ */

/* ---------- MOBİL MENÜ ---------- */
.navcb{position:absolute;opacity:0;pointer-events:none}

@media(max-width:1120px){

  /* KRİTİK: header'daki blur, "fixed" paneli içine hapsediyordu — mobilde kapat */
  header{
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    filter:none!important;transform:none!important;
    background:#FDFDFB!important;
  }

  .nav nav{position:static!important;transform:none!important;display:block!important;filter:none!important}
  .nav nav>ul{display:none!important}

  /* menü açık: TAM EKRAN BEYAZ zemin, üstünde menü */
  #navcb:checked ~ nav>ul,
  body.menu-open .nav nav>ul{
    display:flex!important;flex-direction:column!important;gap:0!important;
    position:fixed!important;inset:0!important;
    background:#fff!important;z-index:2000!important;margin:0!important;
    padding:96px 26px calc(110px + env(safe-area-inset-bottom))!important;
    overflow:auto!important;font-size:1.15rem!important;border:0!important;
  }
  #navcb:checked ~ nav>ul>li,
  body.menu-open .nav nav>ul>li{width:100%}
  #navcb:checked ~ nav ul a,
  body.menu-open .nav nav ul a{display:block!important;padding:15px 6px!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;background:none!important}
  #navcb:checked ~ nav .sub-parent,
  body.menu-open .sub-parent{display:flex!important;width:100%!important;padding:15px 6px!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}
  #navcb:checked ~ nav .has-sub .sub,
  body.menu-open .has-sub .sub{position:static!important;display:block!important;min-width:0!important;border:0!important;box-shadow:none!important;background:none!important;padding:0 0 0 18px!important}

  /* kapatma tuşu panelin ÜSTÜNDE kalsın */
  .nav-toggle{display:flex!important;cursor:pointer;position:relative;z-index:2001!important;background:#fff!important}

  /* hamburger -> X */
  #navcb:checked ~ .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #navcb:checked ~ .nav-toggle span:nth-child(2){opacity:0}
  #navcb:checked ~ .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* menü açıkken arkada sayfa kaymasın (destekleyen tarayıcılarda) */
  html:has(#navcb:checked){overflow:hidden}
}

/* ---------- MOBİL SABİT ÇUBUK: beyaz zemin, butondan TAŞAN karakterler ---------- */
@media(max-width:860px){
  .mobile-bar{background:var(--line)!important;box-shadow:0 -4px 16px rgba(20,23,28,.10)!important;overflow:visible!important}
  .mb-btn,.mb-call,.mb-wa{background:#fff!important;color:var(--ink)!important;overflow:visible!important}
  .mb-btn:active{background:#F4F3EE!important}
  .mb-btn{padding:6px 10px!important;gap:12px!important;font-weight:700!important;font-size:1.05rem!important;align-items:flex-end!important}
  .mb-btn span{padding-bottom:8px}
  .mb-btn img{
    width:62px!important;height:62px!important;object-fit:contain!important;
    margin-top:-22px!important;                 /* karakter çubuğun üstünden taşar */
    background:transparent!important;mix-blend-mode:multiply;
    filter:drop-shadow(0 3px 6px rgba(20,23,28,.18));
  }
  body{padding-bottom:66px!important}
}