/* SAFARIBOK | Fil: admin-dropdown.css | Version: 1.0.0 | 2026-10-07 | Original frontend v35. */
/* WORKHOUR /controls/admin-dropdown.css · v1.1.5 · 2026-10-05
   Komponentens huvudsakliga visuella regler ligger i admin.css för Admin-portalen.
   Filen reserveras för återanvändning utanför Admin. */

/* Komponentens portal följer viewporten och får inte klippas av formulärkort/drawer. */
.wh-dropdown-menu.wh-dropdown-portal {
    display: block;
    position: fixed;
    z-index: 2400;
    box-sizing: border-box;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--wa-card, #fff);
    color: var(--wa-text, #172033);
    border-color: var(--wa-line, #d9e2ee);
}
/* Dark mode gäller även då menyn har flyttats från sin originalcontainer. */
html.dark .wh-dropdown-button,
html.dark .wh-dropdown.is-open .wh-dropdown-button,
html.dark .wh-dropdown-button:focus-visible,
html.dark .wh-dropdown-menu {
    background: var(--wa-card, #172231);
    color: var(--wa-text, #e9eef5);
    border-color: var(--wa-line, #344255);
}
html.dark .wh-dropdown-button:hover,
html.dark .wh-dropdown-option:hover,
html.dark .wh-dropdown-option:focus-visible,
html.dark .wh-dropdown-option.is-selected,
html.dark .wh-dropdown-option.is-selected:hover {
    background: var(--wa-primary-soft, #142c4e);
    color: var(--wa-text, #e9eef5);
    border-color: var(--wa-line, #344255);
}
html.dark .wh-dropdown.is-disabled .wh-dropdown-button {
    background: var(--wa-bg, #0b1320);
    color: var(--wa-muted, #9aa8ba);
}
html.dark .wh-dropdown-chevron { color: var(--wa-muted, #9aa8ba); }