/* Style the select options with icons (Font Awesome renders inside <option> in most browsers) */
select option {
  padding-left: 1.8rem; /* space for icon */
}

/* Optional: make icons more visible on hover/focus */
select:focus option:checked {
  background: rgba(100, 255, 218, 0.15);
}

/* Mobile: ensure long options wrap nicely */
@media (max-width: 640px) {
  select {
    font-size: 1rem;
    padding: 12px 16px;
  }
}