/**
 * Aetram — theme utilities and UI switcher styles
 */

.text-required {
    color: var(--aetram-danger) !important;
}

/* ─── Locale / theme switcher ───────────────────────────────────── */

.aetram-ui-switcher {
    flex-shrink: 0;
}

.aetram-ui-switcher--floating {
    position: fixed;
    top: var(--aetram-space-4);
    right: var(--aetram-space-4);
    z-index: var(--aetram-z-dropdown);
}

html[dir="rtl"] .aetram-ui-switcher--floating {
    right: auto;
    left: var(--aetram-space-4);
}

.aetram-switcher-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--aetram-space-2);
    padding: var(--aetram-space-2) var(--aetram-space-3);
    font-size: var(--aetram-text-sm);
    font-weight: 500;
    color: var(--aetram-text-secondary) !important;
    background: var(--aetram-surface) !important;
    border: 1px solid var(--aetram-border-strong) !important;
    border-radius: var(--aetram-radius-md) !important;
    transition: background var(--aetram-duration-fast) var(--aetram-ease),
                border-color var(--aetram-duration-fast) var(--aetram-ease),
                color var(--aetram-duration-fast) var(--aetram-ease);
}

.aetram-switcher-btn:hover,
.aetram-switcher-btn:focus {
    color: var(--aetram-text) !important;
    background: var(--aetram-surface-2) !important;
    border-color: var(--aetram-border-focus) !important;
}

.aetram-switcher-menu {
    background: var(--aetram-surface) !important;
    border: 1px solid var(--aetram-border-strong) !important;
    border-radius: var(--aetram-radius-md) !important;
    box-shadow: var(--aetram-shadow-md) !important;
    min-width: 10rem;
}

.aetram-switcher-menu .dropdown-item {
    color: var(--aetram-text-secondary);
    font-size: var(--aetram-text-sm);
}

.aetram-switcher-menu .dropdown-item:hover,
.aetram-switcher-menu .dropdown-item:focus {
    background: var(--aetram-surface-2) !important;
    color: var(--aetram-text) !important;
}

.aetram-switcher-menu .dropdown-item.active {
    background: var(--aetram-gold-muted) !important;
    color: var(--aetram-text) !important;
    font-weight: 600;
}

[data-theme="light"] .aetram-theme-icon-dark { display: none !important; }
[data-theme="light"] .aetram-theme-icon-light { display: inline !important; }
[data-theme="dark"] .aetram-theme-icon-light { display: none !important; }
[data-theme="dark"] .aetram-theme-icon-dark { display: inline !important; }
