/* ============================================================
   davylheureux.fr — Page Contact
   Page sobre, fond noir. Réutilise :
   - site.css   : shell (header, footer, .section-dark, .tertiary, h1)
   - accueil.css : .lead-p, .pill, .block-h
   - for-you.css : capsule blanche du RDV (.gcal-capsule) qui isole
     l'iframe Google Calendar (fond blanc imposé)
   Titres centrés (défaut .section-dark .content), corps aligné à gauche.
   Sections dimensionnées au contenu (pas de min-height plein écran).
   ============================================================ */

/* Sections au contenu, sans imposer 60vh chacune */
.contact-section { min-height: auto; }

/* En-tête resserré sous le H1 */
.contact-head { padding-bottom: 48px; }

/* Corps des sections : bloc centré horizontalement, texte à gauche,
   largeur de lecture bornée. */
.contact-body {
  max-width: 720px;
  margin: 18px auto 0;
  text-align: left;
}
.contact-body .lead-p {
  text-align: left;
  max-width: none;
}

/* Bouton CTA : centré (pill inline-block dans .content text-align center) */
.contact-section .pill { margin-top: 28px; }

/* Bloc RDV : Google Calendar embed. Le .content est forcé à 100% pour
   atteindre son max-width (900px) — sinon, en flex shrink-fit, il se
   réduirait au contenu et la capsule en width:100% paraîtrait étroite.
   Capsule et iframe stylées par for-you.css (.gcal-capsule). */
#rdv { scroll-margin-top: 80px; }
#rdv .content { width: 100%; }