/*
 * Décalage sous l'en-tête fixe (29-09-2026).
 *
 * Depuis la refonte de l'en-tête (barre noire 28 px + en-tête flottant à
 * top:38px), le haut de l'en-tête arrive à ~102 px (98 px sur mobile).
 * Les pages sans grand bandeau ne réservaient que 24 à 94 px : leur haut
 * passait SOUS l'en-tête (barre d'étapes du tunnel, titres des pages
 * légales, image des pages d'erreur, connexion admin/agence).
 *
 * Chargée en DERNIER par layouts.site et layouts.flow. Ne touche pas aux
 * pages à bandeau (.ov-hero, .gd-*), qui gèrent déjà leur propre marge.
 */
:root { --entete-bas: 102px; }
@media (max-width: 760px) { :root { --entete-bas: 98px; } }

/* Tunnel, suivi, connexions : tout le contenu démarre sous l'en-tête. */
body.flow-body .flow-main { padding-top: calc(var(--entete-bas) + 22px) !important; }
body.flow-body .flow-main > .admin-login:first-child,
body.flow-body .flow-main > .flow-card:first-child { margin-top: 0; }

/* Pages légales et à propos (en-tête de page compact). */
.page-hero.compact { padding-top: calc(var(--entete-bas) + 34px) !important; }

/* Pages d'erreur (404, 419, 429, 500…). */
.err-page { padding-top: calc(var(--entete-bas) + 28px) !important; }