/* Secrets de France — ajustements page d'attente (30/09/2026)
   Palette de marque : or #d8aa28 · bleu canard #006078 · #1f6f78 · turquoise #2a9090 */

/* 1. Le bloc d'en-tête respirait trop : le logo occupait un carré fixe de 340 px
      dont l'essentiel était du vide. On lui rend sa hauteur naturelle. */
header.header > img {
  width: min(420px, 78vw) !important;
  height: auto !important;
  max-width: none !important;
  object-fit: contain !important;
}

header.header {
  padding-top: 46px !important;
  padding-bottom: 30px !important;
  min-height: 0 !important;
  gap: 14px !important;
}

/* L'image est désormais détourée (plus de canvas carré) : plus aucun vide fantôme. */
header.header > img + * { margin-top: 0 !important; }

/* 2. « Créateur d'évasion » : la signature de marque, elle doit se voir. */
header.header .signature {
  font-size: clamp(22px, 4.6vw, 32px) !important;
  color: #006078 !important;
  opacity: 1 !important;
  margin-top: 6px !important;
}

/* 3. Le bouton de contact reprend le bleu canard de la marque. */
.actions .btn,
a.btn {
  background: #006078 !important;
  background-color: #006078 !important;
  border: 1px solid #006078 !important;
  color: #ffffff !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .28) !important;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease !important;
}

.actions .btn:hover,
a.btn:hover,
.actions .btn:focus-visible,
a.btn:focus-visible {
  background: #1f6f78 !important;
  background-color: #1f6f78 !important;
  border-color: #1f6f78 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

a.btn:focus-visible {
  outline: 2px solid #d8aa28 !important;
  outline-offset: 3px !important;
}

@media (max-width: 480px) {
  header.header { padding-top: 38px !important; padding-bottom: 26px !important; }
}

/* 4. Deux rangées de boutons (04/10/2026) : le contact au-dessus, en contour,
      et les deux espaces professionnels en dessous, en couleur pleine. */
.actions {
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.actions-pro {
  margin-top: 14px !important;
}

/* Contour blanc plutôt que bleu : les boutons sont posés sur la vidéo,
   où le texte est blanc. Un contour bleu canard n'y serait pas lisible.
   Le voile sombre détache l'adresse quand l'image passe sur un ciel clair. */
.btn-ligne,
a.btn.btn-ligne {
  background: rgba(0, 0, 0, .55) !important;
  background-color: rgba(0, 0, 0, .55) !important;
  border: 1px solid rgba(255, 255, 255, .7) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.btn-ligne:hover,
a.btn.btn-ligne:hover,
.btn-ligne:focus-visible,
a.btn.btn-ligne:focus-visible {
  background: rgba(0, 0, 0, .72) !important;
  background-color: rgba(0, 0, 0, .72) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

/* 5. Moins de brillant (04/10/2026) : styles.css posait une ombre portée large
      (0 6px 18px) et overrides une seconde ombre colorée par-dessus. Les deux
      cumulées donnaient un rendu plastifié. Une seule ombre, courte et neutre. */
.actions .btn:hover,
a.btn:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .3) !important;
}