.mighty-language-control {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 18px;
    z-index: 30;
}

.mighty-language-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    border: 1px solid rgba(214, 178, 80, 0.55);
    background: rgba(5, 7, 10, 0.72);
    color: #e6c76e;
    padding: 6px 10px;
    font: 700 13px/1 "OpenSans SemiBold", Arial, sans-serif;
    letter-spacing: 0.06em;
    cursor: pointer;
}

.mighty-language-button::after {
    content: "⌄";
    font-size: 16px;
    line-height: 10px;
    color: #e6c76e;
}

.mighty-language-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    display: none;
    min-width: 150px;
    margin: 0;
    padding: 6px;
    list-style: none;
    border: 1px solid rgba(214, 178, 80, 0.45);
    background: rgba(8, 10, 14, 0.98);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42);
}

.mighty-language-control.is-open .mighty-language-menu { display: block; }

.mighty-language-option {
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    color: #dce6ef;
    padding: 9px 10px;
    text-align: left;
    font: 600 13px/1.2 "OpenSans SemiBold", Arial, sans-serif;
    cursor: pointer;
}

.mighty-language-option:hover,
.mighty-language-option[aria-current="true"] {
    background: rgba(190, 151, 52, 0.17);
    color: #e6c76e;
}

.subpage-header .mighty-language-control,
.download-header .mighty-language-control {
    margin-left: auto;
}

@media (max-width: 900px) {
    .subpage-header .mighty-language-control,
    .download-header .mighty-language-control {
        margin-left: 10px;
    }

    .mighty-language-button { min-height: 29px; padding: 5px 8px; }
}