/* ============================================================
   ScriptX Core — dil seçici
   Renkler temadan gelir; koyu başlık üstünde de açık alt alanda
   da okunsun diye currentColor'a yaslanır.
   ============================================================ */

.scriptx-dil{position:relative;display:inline-flex;align-items:center;font-size:.86rem;line-height:1}
.scriptx-dil .d-fl{display:inline-flex;flex:none}
.scriptx-dil .d-fl svg{width:20px;height:15px;border-radius:2px;display:block}

/* Satır biçimi — alt alan */
.scriptx-dil.satir .d-liste{display:flex;gap:.35rem;flex-wrap:wrap}
.scriptx-dil.satir .d-liste a{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:999px;text-decoration:none;color:inherit;opacity:.72;border:1px solid transparent;font-weight:600}
.scriptx-dil.satir .d-liste a:hover{opacity:1}
.scriptx-dil.satir .d-liste a.on{opacity:1;border-color:currentColor}

/* Açılır biçim — başlık */
.scriptx-dil.acilir .d-btn{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(255,255,255,.22);color:inherit;border-radius:999px;padding:.45rem .7rem;cursor:pointer;font:inherit;font-weight:700;font-size:.8rem}
.scriptx-dil.acilir .d-btn:hover{border-color:currentColor}
.scriptx-dil.acilir .d-btn svg:last-child{transition:transform .18s}
.scriptx-dil.acilir.on .d-btn svg:last-child{transform:rotate(180deg)}
.scriptx-dil.acilir .d-liste{position:absolute;top:calc(100% + 8px);right:0;z-index:60;background:#fff;border:1px solid var(--wp--preset--color--line,#E6E1D4);border-radius:12px;padding:.35rem;min-width:150px;box-shadow:0 18px 40px rgba(20,33,61,.18);display:none}
.scriptx-dil.acilir.on .d-liste{display:block}
.scriptx-dil.acilir .d-liste a{display:flex;align-items:center;gap:.55rem;padding:.5rem .7rem;border-radius:8px;text-decoration:none;color:var(--wp--preset--color--contrast,#1B2333);font-weight:600}
.scriptx-dil.acilir .d-liste a:hover{background:var(--wp--preset--color--base-2,#F4F1E9)}
.scriptx-dil.acilir .d-liste a.on{color:var(--wp--preset--color--accent-alt,#A9883A)}

@media(max-width:900px){
  .scriptx-dil.acilir .d-btn{padding:.4rem .55rem}
  .scriptx-dil.acilir .d-btn span{display:none}
}

/* Yukarı açılan biçim — alt alanda kullanılır */
.scriptx-dil.acilir.yukari .d-liste{top:auto;bottom:calc(100% + 8px)}
.scriptx-dil.acilir.yukari .d-btn svg:last-child{transform:rotate(180deg)}
.scriptx-dil.acilir.yukari.on .d-btn svg:last-child{transform:rotate(0)}

/* Dar ekranda liste sola hizalanır; sağa hizalıyken ekran dışına taşıyordu */
@media(max-width:900px){
  .scriptx-dil.acilir .d-liste{left:0;right:auto}
}