/*
 * widget-language.css
 *
 * Reusable language selector dropdown widget.
 * Positioning of the bar wrapper is handled by the parent context.
 */

.widget-language {
    position: relative;
}

/* Toggle button — dark bevel style */
.wl-btn {
    background: #3a3a3a;
    border-top: 3px solid #606060;
    border-bottom: 3px solid #181818;
    border-left: none;
    border-right: none;
    border-radius: 0;
    color: rgba(255, 255, 255, 0.88);
    padding: 5px 12px;
    font-size: 0.65rem;
    cursor: default;
    font-family: 'Inter', sans-serif;
    transition: background 0.15s ease, border-color 0.1s ease, transform 0.1s ease;
}

.wl-btn:hover {
    background: #484848;
    border-top-color: #787878;
    border-bottom-color: #202020;
    color: rgba(255, 255, 255, 1);
}

.wl-btn:active {
    background: #2e2e2e;
    border-top-color: #181818;
    border-bottom-color: #606060;
    transform: translateY(1px);
}

/* Dropdown menu */
.wl-menu {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    background: #2a2a2a;
    border-top: 2px solid #606060;
    border-bottom: 2px solid #181818;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    min-width: 160px;
    z-index: 100;
}

/* Menu items */
.wl-item {
    font-family: 'Inter', sans-serif;
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.88);
    padding: 7px 12px;
    cursor: default;
    white-space: nowrap;
}

.wl-item.wl-item-active {
    background: #3a3a3a;
}

.wl-item.wl-item-ghost {
    color: rgba(255, 255, 255, 0.28);
    cursor: not-allowed;
}