/* Correctifs de l'export Wexport, pour retrouver le rendu de Divhunt en ligne.
   En ligne, Divhunt pose ses styles globaux sur « main » (position: relative) ;
   l'export les pose sur « body ». Sans cette ligne, les éléments en position absolue
   (les lignes décoratives de fond) prennent la hauteur de l'écran au lieu de la page. */
#dh-website > main {
    position: relative;
}

/* « L'équipe PRO » (accueil et à propos) : Divhunt espaçait la 2e rangée de cartes par une marge
   sur les cartes .t360. Quand des cartes sont retirées (src/data/retraits.json), une carte .t360
   peut remonter en 1re rangée et se retrouve décalée. L'espacement passe donc à la grille. */
body .t350 { row-gap: 40px; grid-auto-rows: 1fr; } /* toutes les cartes à la même hauteur, rangée après rangée */
body .t360 { margin-top: 0; }
@media screen and (max-width: 991px) { body .t350 { row-gap: 20px; } }

/* Menu : Divhunt lui donne z-index 5 (1000 sous 991 px), alors que des blocs de contenu sont à
   99999. Sur mobile, le menu ouvert par le hamburger passait sous les photos. On le place
   au-dessus du contenu, mais sous les menus déroulants (#dh-modal, 99999999). */
body .t213 { z-index: 100000; }

/* Cartes « L'équipe PRO » (accueil et à propos) : le bouton « Contacter » est poussé en bas de
   la carte, pour qu'il soit au même niveau sur toutes les cartes d'une rangée, quelle que soit
   la longueur du texte. */
body .t351 .t359, body .t360 .t368 { margin-top: auto; }
body .t351 .t358, body .t360 .t367 { margin-bottom: 20px; }

/* Page d'une intervenante, « Les prestations de … » : avec 1 ou 2 prestations, les cartes sont
   centrées au lieu de rester collées à gauche. */
body .prestations-pro .t907.pro-1 { grid-template-columns: minmax(0, 360px); justify-content: center; }
body .prestations-pro .t907.pro-2 { grid-template-columns: repeat(2, minmax(0, 360px)); justify-content: center; }
@media screen and (max-width: 767px) { body .prestations-pro .t907.pro-1, body .prestations-pro .t907.pro-2 { grid-template-columns: 1fr; } }