/* Styles complémentaires à Tailwind (CDN) */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 6rem;
}

/* Focus visible clair pour l'accessibilité clavier */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 3px solid #ec6f22;
    outline-offset: 2px;
}

.hero-bg {
    background-image: linear-gradient(180deg, rgba(18, 47, 78, 0.75) 0%, rgba(18, 47, 78, 0.88) 100%), url('../images/header.png');
    background-size: cover;
    background-position: center;
}

/* Barre de progression du formulaire de pré-inscription */
.step-indicator {
    counter-reset: step;
}

/* Empêche le flash de contenu des étapes masquées avant chargement du JS */
.form-step[hidden] {
    display: none;
}

/* Accordéon FAQ : masque le triangle natif du <summary>, on affiche notre
   propre chevron (voir faq.php) qui pivote via group-open:rotate-180. */
.faq-item summary {
    list-style: none;
}
.faq-item summary::-webkit-details-marker {
    display: none;
}