/* =====================================================================
   YAKANET — Başlık, mobil menü ve alt işlem çubuğu (tüm sayfalarda ortak)
   ===================================================================== */
html{scroll-padding-top:96px}

/* ---- Yapışkan başlık: kaydırınca incelir */
header.ust-baslik{position:sticky;top:0;z-index:50;transition:box-shadow .2s}
header.ust-baslik > div{transition:padding .2s}
header.ust-baslik .ust-logo{transition:height .2s}
header.ust-baslik.kucuk{box-shadow:0 6px 18px rgba(13,27,38,.08)}
header.ust-baslik.kucuk > div{padding-top:8px !important;padding-bottom:8px !important}
header.ust-baslik.kucuk .ust-logo{height:32px !important}

/* ---- Bulunulan sayfa / bölüm vurgusu */
header .ana-menu a{position:relative;color:#0D1B26}
header .ana-menu a.aktif,header .ana-menu a[aria-current="page"]{color:#0E7C86 !important;font-weight:700 !important}
header .ana-menu a.aktif::after,header .ana-menu a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;border-radius:2px;background:#0E7C86}

/* ---- Hamburger (yalnızca mobilde görünür) */
.menu-ac{display:none;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #DCE2E7;border-radius:12px;background:#fff;color:#0D1B26;cursor:pointer;flex:0 0 auto}
.menu-ac:focus-visible,.mm-kapat:focus-visible{outline:3px solid #FF6B2C;outline-offset:2px}

/* ---- Yandan açılan menü */
.mm-perde{position:fixed;inset:0;z-index:100;background:rgba(13,27,38,.45);opacity:0;transition:opacity .25s}
.mobil-menu{position:fixed;top:0;right:0;bottom:0;z-index:101;width:min(360px,88vw);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease;box-shadow:-12px 0 32px rgba(13,27,38,.18);font-family:'Inter',system-ui,sans-serif;color:#0D1B26}
.menu-acik .mm-perde{opacity:1}
.menu-acik .mobil-menu{transform:none}
.mm-perde[hidden],.mobil-menu[hidden]{display:none}
.mm-ust{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 20px;border-bottom:1px solid #EEF2F5}
.mm-ust img{height:26px;width:auto}
.mm-kapat{width:44px;height:44px;border:0;border-radius:12px;background:#F3F5F7;color:#0D1B26;font-size:20px;cursor:pointer}
.mm-liste{list-style:none;margin:0;padding:8px 0;overflow-y:auto;flex:1}
.mm-liste a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 20px;font-size:17px;font-weight:600;color:#0D1B26;text-decoration:none}
.mm-liste a::after{content:"›";font-size:22px;color:#A9B8C3}
.mm-liste a:active{background:#F3F5F7}
.mm-liste a.aktif{color:#0E7C86;background:#E3F1F2}
.mm-alt{display:flex;flex-direction:column;gap:8px;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #EEF2F5;background:#F8FAFB}
.mm-alt a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none}
.mm-basvur{background:#FF6B2C;color:#0D1B26}
.mm-ara{background:#0D1B26;color:#fff}
.mm-wa{background:#fff;color:#0D1B26;border:1.5px solid #DCE2E7}
body.menu-acik{overflow:hidden}

/* ---- Alt işlem çubuğu (yalnızca mobilde) */
.alt-cubuk{display:none}

@media (max-width:760px){
  .ust-serit{display:none !important}
  header.ust-baslik .ana-menu,header.ust-baslik a.ust-cta{display:none !important}
  header.ust-baslik > div{flex-wrap:nowrap !important;padding-top:10px !important;padding-bottom:10px !important}
  header.ust-baslik .ust-logo{height:28px !important}
  header.ust-baslik.kucuk > div{padding-top:6px !important;padding-bottom:6px !important}
  header.ust-baslik.kucuk .ust-logo{height:24px !important}
  .menu-ac{display:inline-flex}
  html{scroll-padding-top:76px}

  .alt-cubuk{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid #DCE2E7;box-shadow:0 -6px 18px rgba(13,27,38,.08);padding:4px 4px env(safe-area-inset-bottom,0px);font-family:'Inter',system-ui,sans-serif}
  .alt-cubuk a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;color:#24343F;text-decoration:none;font-size:12px;font-weight:600;border-radius:12px}
  .alt-cubuk a svg{width:22px;height:22px}
  .alt-cubuk a:active{background:#F3F5F7}
  .alt-cubuk a.ac-basvur{color:#C2410C}
  .alt-cubuk a.ac-wa{color:#128C4A}
  .alt-cubuk a.aktif{color:#0E7C86}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:340px){ .alt-cubuk a{font-size:11px} }
@media (prefers-reduced-motion:reduce){ .mobil-menu,.mm-perde,header.ust-baslik > div,header.ust-baslik .ust-logo{transition:none} }

/* ---- Karanlık mod (renk eşlemesi assets/tema.js içinde) */
html[data-tema="koyu"]{background:#091219;color-scheme:dark}
html.tema-hazir-degil body{opacity:0}
html[data-tema="koyu"] ::placeholder{color:#7F919E !important}
html[data-tema="koyu"] img:not([src*="logo"]){filter:brightness(.92)}
.tema-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #DCE2E7;border-radius:12px;background:#fff;color:#0D1B26;cursor:pointer;flex:0 0 auto}
.tema-btn:focus-visible{outline:3px solid #FF6B2C;outline-offset:2px}
.tema-btn .gunes{display:none}
html[data-tema="koyu"] .tema-btn .ay{display:none}
html[data-tema="koyu"] .tema-btn .gunes{display:block}
header.ust-baslik .ust-sag{display:flex;align-items:center;gap:10px;flex:0 0 auto}
@media (max-width:760px){ .tema-btn{width:44px;height:44px} }
html.tema-gecis-yok *,html.tema-gecis-yok *::before,html.tema-gecis-yok *::after{transition:none !important}
/* Pencereler (dialog) zemini tanımsızsa karanlıkta tarayıcı siyah gösterir: varsayılanı beyaza sabitle */
dialog{background-color:#FFFFFF}
