/* ============================================================
   Dil Seçici (Language Switcher) — cilalı, responsive, RTL uyumlu
   Sadece CSS; mevcut markup'a dokunmadan native <details> okunu
   gizler, hover/animasyon ekler. Tüm layout'larda yüklenir.
   ============================================================ */

/* Native disclosure üçgenini gizle (çift ok sorununu çözer) */
.language-switcher-dropdown > summary {
    list-style: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.language-switcher-dropdown > summary::-webkit-details-marker {
    display: none;
}
.language-switcher-dropdown > summary::marker {
    content: "";
    font-size: 0;
}

/* Tetikleyiciye yumuşak hover + tıklama hissi */
.language-switcher-dropdown > summary {
    transition: opacity .2s ease;
    border-radius: 8px;
}
.language-switcher-dropdown > summary:hover {
    opacity: .78;
}

/* Caret (son span) açılışta 180° dönsün */
.language-switcher-dropdown > summary > span:last-child {
    transition: transform .25s ease;
    display: inline-block;
}
.language-switcher-dropdown[open] > summary > span:last-child {
    transform: rotate(180deg);
}

/* Panel: satır hover vurgusu + yumuşak köşe */
.language-switcher-dropdown[open] > div {
    animation: langFadeIn .18s ease;
}
.language-switcher-dropdown > div > a {
    transition: background .15s ease;
}
.language-switcher-dropdown > div > a:hover {
    background: #f0f4ff;
}

@keyframes langFadeIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* RTL (ar/fa): paneli sol kenara hizala, satırları aynala */
html[dir="rtl"] .language-switcher-dropdown > div {
    right: auto !important;
    left: 0 !important;
}
html[dir="rtl"] .language-switcher-dropdown > div > a {
    text-align: right;
    direction: rtl;
}

/* Mobil: panel ekranı taşmasın */
@media (max-width: 480px) {
    .language-switcher-dropdown > div {
        min-width: 9.5rem;
    }
}