/* Listes déroulantes : certains navigateurs affichent le menu natif en blanc sur blanc
   (le champ est transparent avec un texte clair). On force un menu sombre. */
.field select, .field input[type="date"], .field input[type="time"] { color-scheme: dark; }
.field select option, .field select optgroup { background-color: #111214; color: #f5f5f6; }
.field select option:disabled { color: #9a9ba0; }

/* Les ancres (#inscription, #contact...) ne doivent pas passer sous l'en-tête fixe */
section[id], [id].section { scroll-margin-top: 96px; }

/* Vignettes vidéo cliquables */
[data-video-placeholder] { cursor: pointer; }

/* Recherche de clubs (formulaire d'inscription) */
.club-search { position: relative; }
.club-search__results {
  position: absolute; left: 0; right: 0; top: 100%; z-index: 20;
  max-height: 280px; overflow-y: auto; margin: 4px 0 0; padding: 0; list-style: none;
  background: #111214; border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 18px 40px -16px rgba(0,0,0,0.8);
}
.club-search__results[hidden] { display: none; }
.club-search__option {
  display: flex; align-items: center; gap: 12px; padding: 10px 14px;
  font-size: 0.9rem; color: #f5f5f6; cursor: pointer;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.club-search__option:last-child { border-bottom: 0; }
.club-search__option img { width: 25px; height: 25px; object-fit: contain; flex-shrink: 0; border-radius: 4px; }
.club-search__option:hover, .club-search__option.is-active { background: #17181b; color: #e30613; }
.club-search__empty, .club-search__loading { padding: 12px 14px; font-size: 0.8rem; color: #9a9ba0; }
.club-search.is-selected input[type="text"] { border-color: #2fbf6b; }