/* styles.css — minimal overrides Bootstrap-only sites. ~30 lines. */
/* Tip vidéo #1: <main>.container display:flex column on desktop pour order:-1 hero */
@media (min-width: 992px) {
  main > .container { display: flex; flex-direction: column; }
}
/* Mobile: pas de reorder, hero+form already first dans markup pour above-fold */
/* Tip #3: anti-zoom iOS sur input (size >= 16px) */
input, select, textarea { font-size: 16px; }
/* Tip #3: form widget above-fold mobile (limite hauteur hero) */
@media (max-width: 991.98px) {
  header.py-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  header h1.display-5, header h1.display-6 { font-size: 1.5rem; }
  header p.lead { font-size: 1rem; }
}
/* Form widget visible card */
#vud-form { min-height: 320px; }
/* Tap targets 44px mobile (a11y) */
@media (max-width: 991.98px) {
  .btn { min-height: 44px; padding-top: 0.625rem; padding-bottom: 0.625rem; }
  .nav-link { min-height: 44px; display: flex; align-items: center; }
}
/* breadcrumb compact */
.breadcrumb { margin-bottom: 0; }
/* SIRENE card hover */
.card { transition: box-shadow 0.15s; }
.card:hover { box-shadow: 0 .5rem 1rem rgba(0,0,0,.1); }