/* LyfeHype universal dropdown colors (2026-09-25). Additive override; main CSS untouched.
   Light grey list #EFEFF1, black text #111111, light purple highlight #E4D4FA, border #D4D4D8.
   Profile menu intentionally excluded. */

/* 1) Shared styled Select (Radix) - list panel, items, highlight */
[role="listbox"].bg-popover{background-color:#EFEFF1!important;color:#111111!important;border-color:#D4D4D8!important}
[role="listbox"].bg-popover [role="option"]{color:#111111!important;background-color:transparent}
[role="listbox"].bg-popover [role="option"][data-highlighted],
[role="listbox"].bg-popover [role="option"]:focus{background-color:#E4D4FA!important;color:#111111!important}
[role="listbox"].bg-popover [role="option"] svg{color:#111111}
[role="listbox"].bg-popover > div:not([role]){color:#111111}

/* 2) Native <select> option lists (hover highlight is controlled by the browser/OS) */
select option,select optgroup{background-color:#EFEFF1;color:#111111}

/* 3) Venue address suggestion lists (Create / Edit Event) */
ul[data-testid^="address-suggestions"]{background-color:#EFEFF1!important;border-color:#D4D4D8!important;color:#111111!important}
ul[data-testid^="address-suggestions"] button{color:#111111!important}
ul[data-testid^="address-suggestions"] button:hover,
ul[data-testid^="address-suggestions"] button:focus-visible{background-color:#E4D4FA!important}
ul[data-testid^="address-suggestions"] button.hover-elevate:after{display:none}

/* 4) Edit Event: native date / time / date-time pickers use the LIGHT widget scheme (2026-09-29).
   The page body is light (lh-edit-light) but inputs inherited .dark color-scheme:dark, which drew
   the calendar/clock icon in white on the white field (invisible). Colors of the fields are unchanged. */
html.lh-edit-light main input[type="date"],
html.lh-edit-light main input[type="time"],
html.lh-edit-light main input[type="datetime-local"]{color-scheme:light!important}