/* Hotfix 20/06/2026: leggibilità select/filtri catalogo.
   Il legacy applicava background chiaro ai trigger dei filtri ma il testo rimaneva bianco/grigio chiaro.
   Queste regole sono volutamente più forti e indipendenti dalla classe runtime, così funzionano anche
   quando il componente Radix/React viene renderizzato dopo l'avvio della patch UX. */
html body button[role='combobox'],
html body [role='combobox'][aria-expanded],
html body [aria-haspopup='listbox'] {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: rgba(22, 138, 88, 0.42) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body button[role='combobox'] *,
html body [role='combobox'][aria-expanded] *,
html body [aria-haspopup='listbox'] *,
html body button[role='combobox'] > span,
html body [role='combobox'][aria-expanded] > span,
html body [aria-haspopup='listbox'] > span {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body button[role='combobox'] svg,
html body [role='combobox'][aria-expanded] svg,
html body [aria-haspopup='listbox'] svg {
  color: #475569 !important;
  stroke: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  opacity: 1 !important;
}

html body button[role='combobox']:hover,
html body [role='combobox'][aria-expanded]:hover,
html body [aria-haspopup='listbox']:hover {
  background: #f8fffb !important;
  border-color: rgba(22, 138, 88, 0.68) !important;
}

html body button[role='combobox']:focus-visible,
html body [role='combobox'][aria-expanded]:focus-visible,
html body [aria-haspopup='listbox']:focus-visible {
  outline: 3px solid rgba(22, 138, 88, 0.24) !important;
  outline-offset: 3px !important;
}