/* ============================================
   Unified language dropdown — homepage topbar + Kadence header
   ============================================ */

.qts-topbar__language,
.qts-language-switcher {
    display: inline-flex;
    align-items: center;
    padding-left: 0.25rem;
    position: relative;
    line-height: 1;
}

.qts-topbar__language::after,
.qts-language-switcher::after {
    content: '';
    position: absolute;
    right: 0.65rem;
    top: 50%;
    width: 0.42rem;
    height: 0.42rem;
    border-right: 1.5px solid rgba(255, 255, 255, 0.78);
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.78);
    transform: translateY(-65%) rotate(45deg);
    pointer-events: none;
}

.qts-topbar__language-select,
.qts-language-switcher__select {
    min-width: 2.6rem;
    height: 2rem;
    padding: 0 1.2rem 0 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.06);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.qts-topbar__language-select:hover,
.qts-topbar__language-select:focus,
.qts-language-switcher__select:hover,
.qts-language-switcher__select:focus {
    color: var(--color-white, #fff);
    border-color: var(--color-gold, #D4AF37);
    background: rgba(212, 175, 55, 0.14);
}

.qts-topbar__language-select option,
.qts-language-switcher__select option {
    color: var(--color-black, #1A1A1A);
    background: var(--color-white, #fff);
}

.qts-header-language-item {
    margin-left: 0.35rem;
}

.qts-language-switcher--header::after {
    border-color: rgba(26, 26, 26, 0.72);
}

.qts-language-switcher--header .qts-language-switcher__select {
    color: var(--color-black, #1A1A1A);
    border-color: rgba(26, 26, 26, 0.16);
    background: rgba(26, 26, 26, 0.04);
}

.qts-language-switcher--header .qts-language-switcher__select:hover,
.qts-language-switcher--header .qts-language-switcher__select:focus {
    color: var(--color-red, #C41E2A);
    border-color: var(--color-gold, #D4AF37);
    background: rgba(212, 175, 55, 0.14);
}

@media (max-width: 768px) {
    .qts-header-language-item {
        margin-left: 0.15rem;
    }

    .qts-topbar__language-select,
    .qts-language-switcher__select {
        min-width: 2.3rem;
        font-size: 0.78rem;
        padding-left: 0.4rem;
    }
}