.lustora-language-picker {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.375rem;
    max-width: 100%;
    margin: 0;
}

.lustora-language-picker label {
    flex-basis: 100%;
    margin: 0;
    color: var(--text-muted, #a1a1aa);
    font-size: 0.75rem;
    line-height: 1.2;
}

.lustora-language-picker__controls {
    display: inline-flex;
    gap: 0.375rem;
    max-width: 100%;
}

.lustora-language-picker select,
.lustora-language-picker button {
    min-height: 44px;
    margin: 0;
    border: 1px solid var(--border-color, #8b5cf6);
    border-radius: var(--radius, 16px);
    color: var(--text-color, #f8f7fc);
    background: var(--card-bg, #18181b);
    font: inherit;
}

.lustora-language-picker select {
    width: auto;
    min-width: 7.5rem;
    padding: 0.5rem 2rem 0.5rem 0.75rem;
}

.lustora-language-picker button {
    padding: 0.5rem 0.875rem;
    cursor: pointer;
    font-weight: 600;
}

.lustora-language-picker select:focus-visible,
.lustora-language-picker button:focus-visible {
    outline: 2px solid var(--primary-color, #ff2d8d);
    outline-offset: 2px;
}

@media (max-width: 480px) {
    .lustora-language-picker,
    .lustora-language-picker__controls {
        width: 100%;
    }

    .lustora-language-picker select {
        flex: 1 1 auto;
        min-width: 0;
    }
}

