/* Ozel acilir menu gorunumu — assets/js/select.js ile birlikte calisir.
 *
 * style.css'ten AYRI bir dosyada, cunku profiles.php (profil secme/duzenleme ekrani)
 * bagimsiz bir sayfa: style.css'i hic yuklemiyor, kendi minimal stilleri var. Blok
 * style.css icinde kalsaydi oradaki dil secici yerel beyaz menu olarak acilirdi.
 * Iki sayfaya da BU dosya baglanir; tek kaynak, kopya yok.
 *
 * Degisken yedekleri bilerek var: profiles.php'nin :root'u --ease ve --sans tanimlamiyor
 * ve yedeksiz bir var() bildirimin tamamini gecersiz kilar.
 */
/* ---- ozel acilir menu (assets/js/select.js) --------------------------------
   Yerel <select> DOM'da kalir, yalnizca kirpilarak gizlenir; ustune bir dugme ve
   .nav-account-menu kalibinin ucuncu kardesi olan bir liste cizilir. JS calismazsa
   asagidaki hicbir sinif olusmaz ve sayfa yerel select ile calismaya devam eder --
   bu yuzden dosyanin sonundaki "select{color-scheme:dark}" ve
   "select option{background-color:#1a0b2e}" kurallari YERINDE BIRAKILDI. */

/* Gizleme display:none ile yapilmiyor: odaklanamayan bir kontrolde form dogrulama
   balonu takilir ve etiket iliskisi bozulur. !important sart, cunku ".settings-field
   select" gibi eleman secicileri (0,1,1) bu yardimci siniftan (0,1,0) daha guclu. */
.as-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;
  margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;
  clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;
  pointer-events:none!important;appearance:none}

/* Sarmalayici select'in siniflarini devralir (.wt-select, .eps-season ...), boylece kutuyu
   MEVCUT kurallar cizer ve bilesen kendi olcusunu dayatmaz. Bu yuzden burada yalnizca
   yapisal ozellikler var; kutu/padding/font asagida :where() ile SIFIR ozgullukte
   veriliyor ki .wt-select gibi gercek kurallar her zaman kazansin. */
.as-wrap{position:relative;display:inline-flex;align-items:center;box-sizing:border-box;
  vertical-align:middle;text-align:left;cursor:pointer}
/* min-height YOK: .wt-select'in height:31px'ini ezerdi (min-height her zaman kazanir);
   kutu yuksekligi padding + satir yuksekliginden dogal olarak cikiyor. */
:where(.as-wrap){padding:10px 12px;border:1px solid rgba(255,255,255,.12);
  border-radius:10px;background:rgba(255,255,255,.05);color:var(--text,#fff);
  font-family:var(--sans,inherit);font-size:14px;line-height:1.2}
.as-wrap.is-disabled{opacity:.45;cursor:default}
/* Alan ailesinin odak dili: kenarlik + yumusak halka (.auth-card input, .nav-search). */
.as-wrap:focus-within{border-color:var(--accent,#a855f7);box-shadow:0 0 0 3px rgba(168,85,247,.18);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#a855f7) 18%,transparent)}

/* Dolgu seridi olu bolge degil: tiklama dinleyicisi .as-btn'de degil .as-wrap'te duruyor
   (select.js onWrapClick), yani sarmalayicinin her yeri -- ve <label> icindeki select'lerde
   etiketin kendisi -- menuyu acar. Eskiden butun .settings-field karti tiklanabilirdi,
   o davranis korunmali. */
.as-btn{flex:1 1 auto;display:flex;align-items:center;gap:8px;width:100%;min-width:0;
  margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;line-height:inherit;
  text-align:left;cursor:inherit}
.as-btn:focus{outline:none}          /* halka sarmalayicida, cift cerceve olmasin */
.as-btn:disabled{cursor:default}
.as-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-label.as-ph{color:var(--muted-2,#a198b0);font-weight:500}
.as-chev{width:13px;height:13px;flex:0 0 auto;opacity:.75;transition:transform .15s}
.as-btn[aria-expanded="true"] .as-chev{transform:rotate(180deg)}

/* Liste body'ye TASINMAZ (tam ekranda #wtStage disindaki her sey gorunmez olur), ama
   .wt-stage{overflow:hidden} ve .watch-side{overflow:hidden} onu kirpiyordu: oynatici
   cubugu sahnenin en altinda, sezon secici ise kenar cubugunun en ustunde duruyor, yani
   liste hangi yone acilirsa acilsin kutunun disinda kaliyordu. Cozum, deponun .xp-menu
   icin zaten kullandigi yontem (style.css:746-754): position:fixed. Koordinatlari
   select.js yaziyor; fixed'i yakalayan bir icerme blogu varsa (details.php'nin
   transform'lu <dialog>'u) select.js otomatik olarak asagidaki absolute davranisina
   doner ve yuksekligi kirpan ataya gore hesaplar. */
.as-menu{position:absolute;left:0;top:calc(100% + 10px);z-index:90;
  min-width:100%;width:max-content;max-width:min(320px,calc(100vw - 24px));
  padding:7px;background:#1a0b2e;border:1px solid rgba(255,255,255,.14);border-radius:14px;
  box-shadow:0 18px 48px rgba(0,0,0,.48);
  max-height:min(56vh,340px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
  font-family:var(--sans,inherit);font-size:13.5px;line-height:1.3;color:var(--text,#fff);
  text-align:left;cursor:default;transform-origin:top left;animation:asMenuIn .2s var(--ease,cubic-bezier(.22,.61,.36,1)) both}
.as-menu[hidden]{display:none}
.as-menu.as-up{top:auto;bottom:calc(100% + 10px);transform-origin:bottom left;animation-name:asMenuUpIn}
.as-menu.as-right{left:auto;right:0;transform-origin:top right}
.as-menu.as-up.as-right{transform-origin:bottom right}
/* fixed modda min-width:100% gorunum alanina gore cozulur ve menuyu ekran genisligine
   sisirirdi; select.js yerine piksel degeri yaziyor. margin:0 ki .as-up/.as-right
   kurallarindan artakalan bir sey konumu kaydirmasin. */
.as-menu.as-fixed{position:fixed;margin:0;min-width:0}
.as-menu::-webkit-scrollbar{width:8px}
.as-menu::-webkit-scrollbar-thumb{background:var(--line-2,rgba(255,255,255,.14));border-radius:8px}

/* .wt-bar{position:absolute;z-index:4} kendi YIGIN BAGLAMINI kuruyor, dolayisiyla acik
   listenin z-index:90'i sahne duzeyinde 4 olarak boyaniyor ve kardesleri .wt-subs(6),
   .wt-skip(7), .wt-note(7) listenin ustune dusuyordu -- "Introyu atla" dugmesi listenin
   icinde kalip yanlislikla tiklaniyordu. Liste acikken cubugu select.js yukari aliyor. */
.wt-bar.as-host,.xp-bar.as-host{z-index:9}

/* .hp ile ayni his: panel belirirken hafifce kayar. */
@keyframes asMenuIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes asMenuUpIn{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}

.as-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;
  font-size:13.5px;font-weight:700;white-space:nowrap;color:var(--text,#fff);cursor:pointer}
.as-opt.is-active{background:rgba(168,85,247,.16);
  background:color-mix(in srgb,var(--accent,#a855f7) 16%,transparent)}
/* Secili satirin dili .xp-mi.on'dan aliniyor: mor zemin + saga yaslanmis onay. */
.as-opt[aria-selected="true"]{background:rgba(168,85,247,.32);
  background:color-mix(in srgb,var(--accent,#a855f7) 32%,transparent);color:#fff}
.as-opt[aria-selected="true"].is-active{background:rgba(168,85,247,.4);
  background:color-mix(in srgb,var(--accent,#a855f7) 40%,transparent)}
.as-opt[aria-selected="true"]::after{content:"✓";margin-left:auto;padding-left:10px;
  color:var(--accent-2,#c586ff);font-weight:800}
.as-opt[aria-disabled="true"]{opacity:.4;cursor:default}
.as-gtitle{padding:6px 8px 3px;font-size:.72rem;font-weight:800;text-transform:uppercase;
  letter-spacing:.5px;color:var(--muted-2,#a198b0)}
.as-empty{padding:10px 12px;font-size:13px;color:var(--muted-2,#a198b0)}

/* --- baglam kopyalari: asagidaki kurallar eskiden "select" elemanini hedefliyordu,
       select gizlendigi icin ayni olculeri sarmalayiciya tasimak gerekiyor. --- */
.settings-field>.as-wrap{width:100%}
.content-report .as-wrap{display:flex;width:100%}
.content-report-form .as-wrap{display:flex;width:100%;margin-top:6px;padding:11px 12px;
  border:1px solid var(--line-2,rgba(255,255,255,.14));border-radius:10px;background:var(--bg-2,#160a28)}
.c-inline-form>.as-wrap{grid-column:1/-1;display:flex;width:100%;padding:8px 9px;
  border:1px solid var(--line-2,rgba(255,255,255,.14));border-radius:8px;background:rgba(255,255,255,.04)}
.wt-eptop>.as-wrap{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);
  border-radius:9px;background:var(--bg);font-size:13px}

/* Not: 820px altindaki "select{font-size:16px}" kurali bilerek .as-btn'e kopyalanmadi.
   O kural iOS'un alan odaklandiginda yaptigi yakinlastirmayi engellemek icin var; odak
   artik bir <button> uzerinde ve dugme boyle bir yakinlastirma tetiklemiyor. 16px'e
   zorlamak oynatici cubugundaki 12px'lik .wt-select kutularini tasitirdi. */
@media(max-width:680px){
  .as-menu{max-width:calc(100vw - 24px)}
}
/* Dokunmatikte hedefler >=40px. */
@media(pointer:coarse){
  .as-opt{min-height:42px;padding-top:11px;padding-bottom:11px}
}
@media(prefers-reduced-motion:reduce){
  .as-menu{animation:none}
  .as-chev{transition:none}
}