/* 8 Kas 2026: ana sayfanın üst menüsü, iç sayfalar için (İndirmeler...). ana.css'i yüklemeyen sayfalarda kullanılır.
   Değişkenler :root'a değil .ustmenu'ye tanımlı; sayfanın kendi --bg/--fg değişkenleriyle çakışmaz. */
.ustmenu{
  --fg:#eef1ff;--mut:#a9b1d6;--line:rgba(255,255,255,.10);--kart:rgba(255,255,255,.045);--kart2:rgba(255,255,255,.08);
  --yz2:#c084fc;--va:#22d3ee;--amb:#fbbf24;--cam:rgba(255,255,255,.05);--cam-hover:rgba(255,255,255,.1);--cizgi2:rgba(255,255,255,.22);
  --menu-bg:rgba(7,11,31,.92);--uzerine:#0b0f24;
}
@media (prefers-color-scheme:light){:root:not([data-tema=koyu]) .ustmenu{
  --fg:#141a3a;--mut:#4b5578;--line:rgba(20,26,58,.13);--kart:#fff;--kart2:#eef1ff;
  --yz2:#9333ea;--va:#0e7490;--amb:#b45309;--cam:rgba(255,255,255,.75);--cam-hover:rgba(20,26,58,.06);--cizgi2:rgba(20,26,58,.22);
  --menu-bg:rgba(245,247,255,.92);--uzerine:#fff;
}}
:root[data-tema=acik] .ustmenu{
  --fg:#141a3a;--mut:#4b5578;--line:rgba(20,26,58,.13);--kart:#fff;--kart2:#eef1ff;
  --yz2:#9333ea;--va:#0e7490;--amb:#b45309;--cam:rgba(255,255,255,.75);--cam-hover:rgba(20,26,58,.06);--cizgi2:rgba(20,26,58,.22);
  --menu-bg:rgba(245,247,255,.92);--uzerine:#fff;
}
[hidden]{display:none!important}
.girisli [data-giris]{display:none!important}
.k-uye{display:none}.girisli .k-uye{display:inline}.girisli .k-misafir{display:none}
.ustmenu .gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ustmenu{position:sticky;top:0;z-index:20;background:var(--menu-bg);color:var(--fg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.ustmenu-ic{max-width:72rem;margin:0 auto;padding:.55rem 16px;display:flex;align-items:center;gap:1rem}
.ustmenu .marka{display:flex;align-items:center;gap:.55rem;color:var(--fg);text-decoration:none;font-weight:800;font-size:.95rem;white-space:nowrap}
.ustmenu .dugme{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:auto;margin:0;padding:.5rem .95rem;border-radius:10px;font-size:.9rem;text-decoration:none;font-weight:700;white-space:nowrap;flex-shrink:0;filter:none;transition:transform .2s,box-shadow .2s,background .2s}
.ustmenu .dugme.ana{color:var(--uzerine);background:linear-gradient(135deg,var(--va),var(--yz2));box-shadow:0 10px 30px -8px rgba(139,108,255,.65)}
.ustmenu .dugme.ikincil{color:var(--fg);border:1px solid var(--cizgi2);background:var(--cam)}
.ustmenu .dugme:hover{transform:translateY(-2px)}
.ustmenu .dugme:focus-visible{outline:3px solid var(--amb);outline-offset:3px}
.menu-liste{flex:1;display:flex;align-items:center;gap:1rem}
.menu-liste ul{list-style:none;margin:0 auto;padding:0;display:flex;gap:.2rem}
.menu-liste ul a{display:block;padding:.45rem .7rem;border-radius:9px;color:var(--mut);text-decoration:none;font-weight:600;font-size:.92rem;white-space:nowrap;transition:color .2s,background .2s}
.menu-liste ul a:hover{color:var(--fg);background:var(--kart2)}
.menu-liste ul a.etkin{color:var(--fg);background:var(--kart2);box-shadow:inset 0 -2px 0 var(--va)}
.menu-liste ul a:focus-visible,.ustmenu .marka:focus-visible,.menu-dugme:focus-visible{outline:2px solid var(--amb);outline-offset:2px}
.menu-eylem{display:flex;gap:.5rem}
.menu-dugme{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--kart);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.menu-dugme i{display:block;width:18px;height:2px;border-radius:2px;background:var(--fg);transition:transform .25s,opacity .25s}
.menu-dugme[aria-expanded="true"] i:nth-child(2){transform:translateY(7px) rotate(45deg)}
.menu-dugme[aria-expanded="true"] i:nth-child(3){opacity:0}
.menu-dugme[aria-expanded="true"] i:nth-child(4){transform:translateY(-7px) rotate(-45deg)}
.mobil-katil{display:none!important}
.tema-dugme{order:1;flex:0 0 auto;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--kart);color:var(--fg);cursor:pointer;font-size:1.05rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.tema-dugme:hover{background:var(--cam-hover)}
.tema-dugme:focus-visible{outline:2px solid var(--amb);outline-offset:2px}
.tema-dugme .ay,:root[data-tema=acik] .tema-dugme .gunes{display:none}
:root[data-tema=acik] .tema-dugme .ay{display:inline}
@media (prefers-color-scheme:light){
  :root:not([data-tema=koyu]) .tema-dugme .gunes{display:none}
  :root:not([data-tema=koyu]) .tema-dugme .ay{display:inline}
}
@media (max-width:62rem){
  .ustmenu-ic{flex-wrap:wrap}
  .menu-liste{flex-basis:100%;flex-wrap:wrap;gap:.6rem}
  .menu-liste ul{margin:0;overflow-x:auto;width:100%;scrollbar-width:none}
  .menu-liste ul::-webkit-scrollbar{display:none}
  .js .menu-dugme{display:flex;margin-left:0}
  .js .menu-liste{display:none;padding:.3rem 0 .6rem}
  .js .menu-liste.acik{display:flex}
  .js .menu-liste ul{flex-direction:column;overflow:visible}
  .js .menu-liste ul a{padding:.7rem .8rem;font-size:1rem}
  .menu-eylem{width:100%}
  .menu-eylem .dugme{flex:1}
  .js .mobil-katil{display:inline-flex!important;margin-left:auto}
  .tema-dugme{order:0}
}
@media (max-width:30rem){
  .ustmenu-ic{gap:.35rem;padding-left:12px;padding-right:12px}
  .tema-dugme,.js .menu-dugme{width:36px;height:36px}
  .ustmenu .marka{gap:.35rem;font-size:.8rem}
  .ustmenu .marka img{width:26px;height:26px}
  .js .mobil-katil{padding-left:.7rem;padding-right:.7rem}
}

/* 8 Kas: 62–75rem arası menü sığsın (tablet/küçük dizüstü): marka yazısı ve "Giriş yap" gizlenir, düğmeler kırılmaz */
.menu-eylem .dugme{white-space:nowrap}
@media (min-width:62.01rem) and (max-width:75rem){
  .ustmenu-ic{gap:.6rem}
  .marka span,.menu-eylem [data-giris]{display:none}
  .menu-liste ul a{padding:.45rem .55rem}
}