/*
 * start-sia.fr — surcouche MINIMALE au-dessus de Bootstrap 5 (story 16.2).
 * La structure/les composants viennent de Bootstrap ; ici on ne fait que :
 *  1) reporter la MARQUE via le theming --bs-* (mêmes valeurs que l'app, charte 13.1) ;
 *  2) les 2-3 réglages qu'aucun utilitaire Bootstrap ne couvre (honeypot, reduced-motion).
 * Pas de système de classes maison qui reproduirait Bootstrap.
 */

:root {
  /* Marque secretair.ia (identiques à bootstrap-custom.scss de l'app). */
  --bs-primary: #2b7de9;
  --bs-primary-rgb: 43, 125, 233;
  --bs-success: #2e7d32;
  --bs-success-rgb: 46, 125, 50;
  --bs-link-color: #2b7de9;
  --bs-link-color-rgb: 43, 125, 233;
  --bs-link-hover-color: #1f3a5f;
  --sia-navy: #1f3a5f;
}

/* Composants Bootstrap re-teintés via LEURS variables (pas de palette parallèle). */
.btn-primary {
  --bs-btn-bg: #2b7de9;
  --bs-btn-border-color: #2b7de9;
  --bs-btn-hover-bg: #1f3a5f;
  --bs-btn-hover-border-color: #1f3a5f;
  --bs-btn-active-bg: #1f3a5f;
  --bs-btn-active-border-color: #1f3a5f;
  --bs-btn-disabled-bg: #2b7de9;
  --bs-btn-disabled-border-color: #2b7de9;
}

.text-navy { color: var(--sia-navy) !important; }
.bg-navy { background-color: var(--sia-navy) !important; }

/* Hero = bandeau navy en DÉGRADÉ + texte clair (maquette). Bootstrap n'a pas d'utilitaire
   de hero dégradé → CSS custom justifié (dernier recours). */
.hero-sia {
  background: linear-gradient(180deg, #1f3a5f 0%, #24446e 100%);
  color: #fff;
}
.hero-sia h1 { letter-spacing: -0.5px; }
.hero-sia .accent { color: #8cc2ff; }
.hero-sia .hero-lead { color: #cfdcec; }
.hero-sia .hero-micro { color: #a9c0d9; }

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn-check:focus-visible + .btn {
  border-color: #2b7de9;
  box-shadow: 0 0 0 0.25rem rgba(43, 125, 233, 0.25);
}
.form-check-input:checked {
  background-color: #2b7de9;
  border-color: #2b7de9;
}

/* Sélecteur de motif : la carte entière est cliquable et se surligne quand cochée. */
.motif-card { cursor: pointer; }
.motif-card:has(.form-check-input:checked) {
  border-color: #2b7de9;
  box-shadow: 0 0 0 0.15rem rgba(43, 125, 233, 0.2);
}

/* Honeypot : hors écran, hors flux de tab, invisible aux humains (AC #7). */
.hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Accessibilité : respect de prefers-reduced-motion (AC #7). */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}