/*
 * Global form defaults, imported by Tailwind's globals.css and emitted unchanged
 * by the static marketing adapter. No per-page wrappers or JavaScript required.
 * ChevronDown geometry: Lucide (ISC), matching our existing icon library.
 * Preserve native selects, including keyboard navigation and mobile pickers.
 */
:root {
  --form-select-inset: 1rem;
  --form-select-icon-size: 1rem;
  --form-select-end-padding: 3rem;
  --form-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2320252a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
.dark, [data-theme="dark"] {
  --form-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3f4f2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
[data-theme="light"] {
  --form-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2320252a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
textarea {
  resize: none;
  overflow-y: auto;
}
/* Do not put dropdown arrows on multi-selects or visible listboxes. */
select:not([multiple]):not([size]), select[size="1"]:not([multiple]) {
  -webkit-appearance: none;
  appearance: none;
  padding-inline-end: var(--form-select-end-padding);
  background-image: var(--form-select-chevron);
  background-repeat: no-repeat;
  background-position: right var(--form-select-inset) center;
  background-size: var(--form-select-icon-size) var(--form-select-icon-size);
}
:dir(rtl) select:not([multiple]):not([size]),
select:dir(rtl):not([multiple]):not([size]),
:dir(rtl) select[size="1"]:not([multiple]) {
  background-position: left var(--form-select-inset) center;
}
/* System high-contrast mode keeps the native, system-coloured indicator. */
@media (forced-colors: active) {
  select:not([multiple]):not([size]), select[size="1"]:not([multiple]) {
    -webkit-appearance: auto;
    appearance: auto;
    background-image: none;
  }
}