/*
 * Coklu dil arayuz bilesenleri.
 *
 * Ek dosyadir: mevcut app.css kurallari degistirilmez. Tum kurallar
 * .lang-switcher / .locale-suggestion kok siniflari altinda scope'ludur,
 * boylece baska hicbir bilesenle carpismaz.
 */

.lang-switcher {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8125rem;
    line-height: 1.2;
}

.lang-switcher__label {
    display: none;
    color: var(--muted, #8b8fa3);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .6875rem;
}

.lang-switcher__list {
    display: flex;
    align-items: center;
    gap: .25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lang-switcher__item {
    margin: 0;
}

.lang-switcher__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding: .25rem .5rem;
    border-radius: 999px;
    border: 1px solid transparent;
    color: var(--muted, #8b8fa3);
    text-decoration: none;
    font-weight: 600;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}

.lang-switcher__link:hover,
.lang-switcher__link:focus-visible {
    color: var(--text, #f2f3f7);
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .12);
}

.lang-switcher__link.is-active {
    color: var(--text, #f2f3f7);
    border-color: var(--accent, #1e018f);
    background: rgba(30, 1, 143, .16);
}

.lang-switcher__name {
    display: none;
}

/* Footer varyantinda tam dil adi gosterilir. */
.lang-switcher--footer .lang-switcher__label {
    display: inline;
}

.lang-switcher--footer .lang-switcher__list {
    flex-wrap: wrap;
    gap: .5rem;
}

.lang-switcher--footer .lang-switcher__code {
    display: none;
}

.lang-switcher--footer .lang-switcher__name {
    display: inline;
}

@media (min-width: 1100px) {
    .lang-switcher--header .lang-switcher__link {
        min-width: auto;
        padding: .375rem .625rem;
    }
}

@media (max-width: 900px) {
    .lang-switcher--header {
        order: 99;
        width: 100%;
        justify-content: flex-start;
        padding-top: .5rem;
    }
}

/*
 * Dil onerisi bandi.
 * Otomatik yonlendirme yapilmaz; kullaniciya yalnizca oneri gosterilir.
 */
.locale-suggestion {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    padding: .75rem 1rem;
    background: rgba(30, 1, 143, .14);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-size: .875rem;
}

.locale-suggestion__text {
    flex: 1 1 16rem;
    margin: 0;
}

.locale-suggestion__actions {
    display: flex;
    gap: .5rem;
}

.locale-suggestion__accept,
.locale-suggestion__dismiss {
    min-height: 2.75rem;
    padding: .5rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.locale-suggestion__accept {
    background: var(--accent, #1e018f);
    border-color: transparent;
    color: #fff;
    font-weight: 600;
}

/* Ceviri durumu rozetleri (Studio / ZPanel). */
.translation-status {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .125rem .5rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    border: 1px solid transparent;
}

.translation-status--ready { color: #2f9e63; border-color: rgba(47, 158, 99, .4); }
.translation-status--pending { color: #c9a227; border-color: rgba(201, 162, 39, .4); }
.translation-status--processing { color: #3a86ff; border-color: rgba(58, 134, 255, .4); }
.translation-status--failed { color: #d64545; border-color: rgba(214, 69, 69, .4); }
.translation-status--manual_review { color: #a06cd5; border-color: rgba(160, 108, 213, .4); }