/* MCM dil seçici — bütün alt səhifələrdə ortaq stil (index.html-dən götürülüb) */

.header_right {
    display: flex;
    align-items: center;
    gap: 18px;
}

.lang_switcher {
    position: relative;
    display: flex;
    align-items: center;
}

.lang_btn {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: var(--mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    color: var(--black);
    background: transparent;
    border: 1px solid var(--grey);
    border-radius: 4px;
    padding: 8px 14px;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease;
    white-space: nowrap;
}

.lang_btn i { font-size: 13px; color: var(--blue); }

.lang_btn .chevron {
    font-size: 10px;
    color: #999;
    transition: transform .2s ease;
}

.lang_btn:hover {
    border-color: var(--blue);
    background: rgba(0, 37, 97, 0.04);
}

.lang_switcher.open .lang_btn .chevron {
    transform: rotate(180deg);
}

.lang_dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: var(--white);
    border: 1px solid var(--grey);
    border-radius: 4px;
    overflow: hidden;
    min-width: 100%;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    z-index: 100;
}

.lang_switcher.open .lang_dropdown { display: block; }

.lang_option {
    display: block;
    padding: 10px 16px;
    font-family: var(--mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    color: var(--black);
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
    border-bottom: 1px solid var(--grey);
    white-space: nowrap;
}

.lang_option:last-child { border-bottom: none; }

.lang_option:hover { background: rgba(0, 37, 97, 0.06); color: var(--blue); }

.lang_option.active {
    color: var(--blue);
    background: rgba(0, 37, 97, 0.04);
}