/* Radyo Frekans CMS v15.8 - Ön yüz sabit ana menü düzeltmesi
   Amaç: aşağı kaydırınca ana menünün kaybolmasını engellemek ve mobil menüyü offcanvas yapmak. */
:root{--rf-site-header-h:76px;}
html{scroll-padding-top:calc(var(--rf-site-header-h) + 14px);}
body{padding-top:var(--rf-site-header-h)!important;}
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:9990!important;
  min-height:var(--rf-site-header-h)!important;
  transform:none!important;
  will-change:auto!important;
}
.request-ticker{z-index:9980!important;}
body.admin-bar .site-header{top:0!important;}

@media (min-width:1101px){
  .site-header .main-nav{display:flex!important;}
}

@media (max-width:1100px){
  :root{--rf-site-header-h:68px;}
  body{padding-top:var(--rf-site-header-h)!important;}
  .site-header{height:var(--rf-site-header-h)!important;min-height:var(--rf-site-header-h)!important;}
  .mobile-menu{display:inline-grid!important;place-items:center;width:44px;height:44px;border-radius:999px;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.14)!important;position:relative;z-index:10002;}
  .main-nav{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(82vw,340px)!important;
    height:100vh!important;
    margin:0!important;
    padding:92px 18px 22px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    background:rgba(7,11,34,.98)!important;
    box-shadow:24px 0 70px rgba(5,11,35,.35)!important;
    transform:translateX(-110%)!important;
    transition:transform .25s ease!important;
    overflow:auto!important;
    z-index:10000!important;
  }
  .main-nav a{
    width:100%!important;
    padding:14px 14px!important;
    border-radius:16px!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.25!important;
  }
  .main-nav a:after{display:none!important;}
  .main-nav a.active,.main-nav a:hover{background:linear-gradient(135deg,#ff1493,#7c3cff)!important;color:#fff!important;}
  body.rf-mobile-nav-open .main-nav{transform:translateX(0)!important;}
  body.rf-mobile-nav-open{overflow:hidden!important;}
  body.rf-mobile-nav-open:before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(5,11,35,.52);
    backdrop-filter:blur(5px);
    z-index:9999;
  }
  body.theme-light .main-nav{background:rgba(255,255,255,.98)!important;}
  body.theme-light .main-nav a{color:#111827!important;}
  body.theme-light .main-nav a.active,body.theme-light .main-nav a:hover{color:#fff!important;}
}

@media (max-width:640px){
  :root{--rf-site-header-h:64px;}
  .site-header{padding:8px 12px!important;gap:8px!important;}
  .site-header .logo img{max-height:42px!important;}
  .site-header .logo strong{font-size:13px!important;}
  .header-actions{margin-left:auto!important;}
  .header-actions .theme-toggle-btn,.header-actions [data-search-open]{display:none!important;}
}

/* v15.9.4 - Mobil menü bulanık görünüm düzeltmesi
   Sorun: backdrop body katmanı header stacking context üstünde kaldığı için menü de blur altında görünüyordu.
   Çözüm: menü açıkken header/nav katmanı backdrop üstüne alınır; backdrop sadece sayfa içeriğini karartır. */
@media (max-width:1100px){
  body.rf-mobile-nav-open .site-header{
    z-index:10080!important;
  }
  body.rf-mobile-nav-open:before{
    z-index:10020!important;
    background:rgba(5,11,35,.58)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
  }
  body.rf-mobile-nav-open .main-nav{
    z-index:10090!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:1!important;
    transform:translateX(0)!important;
  }
  body.rf-mobile-nav-open .main-nav,
  body.rf-mobile-nav-open .main-nav *{
    text-shadow:none!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
  body.rf-mobile-nav-open .mobile-menu{
    z-index:10100!important;
  }
  body.theme-light.rf-mobile-nav-open .main-nav{
    background:#ffffff!important;
    box-shadow:24px 0 70px rgba(15,23,42,.28)!important;
  }
  body.theme-dark.rf-mobile-nav-open .main-nav,
  body.rf-mobile-nav-open .main-nav{
    background:#070b22!important;
  }
}