/* ============================================================
   Dil seçici (TR / EN).

   Üst barda, bildirimlerin solunda duran iki durumlu bir anahtar.
   Eskiden sağ altta sabit duran "Türkçeye Çevir" balonunun yerine
   geçer: dil artık istemci tarafında DOM'u tarayarak değil, sunucu
   tarafında lang/ sözlüklerinden çözüldüğü için bu yalnızca bir
   bağlantı çiftidir.

   Giriş/kayıt sayfalarında üst bar yoktur; orada .lang-switch-floating
   sarmalayıcısıyla sağ üst köşede gösterilir.
   ============================================================ */

.lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 0.125rem;
    padding: 0.175rem;
    border: 1px solid var(--color-border, #e1e0d9);
    border-radius: 999px;
    background: var(--color-surface-alt, #f6f5f1);
}

.lang-switch-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    color: var(--color-text-muted, #898781);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.lang-switch-option:hover {
    color: var(--color-text, #1f2937);
    background: var(--color-surface, #ffffff);
}

.lang-switch-option-active {
    background: var(--color-primary, #2a78d6);
    color: #ffffff;
}

.lang-switch-option-active:hover {
    background: var(--color-primary, #2a78d6);
    color: #ffffff;
}

/* Üst barı olmayan sayfalar (login.php, register.php). */
.lang-switch-floating {
    position: fixed;
    top: 1.25rem;
    right: 1.25rem;
    z-index: 20;
}

@media (max-width: 640px) {
    .lang-switch-option {
        min-width: 1.9rem;
        padding: 0.2rem 0.4rem;
        font-size: 0.7rem;
    }

    .lang-switch-floating {
        top: 0.85rem;
        right: 0.85rem;
    }
}