/* Règles propres à la page « equipe » — engendré depuis maquette/corps/equipe.css */
/* =====================================================================================
   PAGE « NOTRE ÉQUIPE » — trois bandes propres à la page :
     1. l'introduction (texte + photo de groupe + phrase d'accroche) :  696 px de haut
     2. « Nos praticiens » (titre + 12 portraits en 3 rangées)         : 1258 px
     3. les neuf pastilles de spécialités                              :  472 px
   Toutes les valeurs verticales sont RELEVÉES sur le site d'origine à 1440 px :
   photo de groupe à y=195, portraits à y=953 / 1357 / 1738, pastilles à y=2095.
   Le pas de 29,6875 px sous les photos est l'écart entre modules du site d'origine.
   ===================================================================================== */

/* --- 1. Bande d'introduction -------------------------------------------------------------
   Bande ouverte de 54 px et fermée par la seule marge basse de sa dernière rangée.      */
body[data-page="equipe"] .sec--equipe-intro { padding: 54px 0 0; }

/* Deux colonnes de 510 px séparées de 60 px (1080 = 510 + 60 + 510). */
body[data-page="equipe"] .equipe-intro { gap: 60px; }

/* Le pictogramme est servi en SVG sans dimensions propres : la largeur est imposée ici,
   sinon le navigateur lui donne sa taille naturelle et tout le bloc se décale. */
body[data-page="equipe"] .equipe-picto {
  display: block;
  width: 51px; height: auto;
  margin: 0 0 10px;
}
body[data-page="equipe"] .equipe-surtitre {
  margin: 0 0 10px;
  font-size: 16px; line-height: 18px;
  color: var(--nuit);
}
/* Titre de page : 48 px sur 40 px d'interligne, plus 10 px d'assise sous la ligne. */
body[data-page="equipe"] .equipe-titre {
  margin: 0 0 7px;
  padding-bottom: 10px;
  font-size: 48px; line-height: 40px;
  color: var(--nuit);
}
body[data-page="equipe"] .equipe-chapo {
  margin: 0;
  font-size: 16px; line-height: 18px;
  color: var(--nuit);
}
/* Le second rose de la charte (#F7CDD4), celui des mots accentués des titres. */
body[data-page="equipe"] .t-rose2 { color: var(--rose-2); }

/* La photo de groupe porte déjà ses coins arrondis dans le fichier. */
body[data-page="equipe"] .equipe-groupe { display: block; width: 100%; height: auto; }

/* --- 2. Bande « Nos praticiens » -----------------------------------------------------------
   La bande n'a pas de marge propre : ce sont les 27 px de chaque rangée qui l'ouvrent
   et la ferment.                                                                          */
body[data-page="equipe"] .sec--praticiens { padding: 0; }

body[data-page="equipe"] .praticiens-titre {
  margin: 0 0 7px;
  padding-bottom: 10px;
  font-size: 45px; line-height: 45px;
  color: var(--nuit);
}

/* Quatre colonnes de 225,45 px séparées de 59,4 px (la gouttière du site d'origine). */
body[data-page="equipe"] .praticiens {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 59.4px;
  align-items: start;
  margin: 0; padding: 0;
  list-style: none;
}
/* La première rangée de portraits est suivie d'un module vide sur le site d'origine :
   29,6875 px d'air en plus sous la rangée, qu'on reprend en marge basse. */
body[data-page="equipe"] .rangee--praticiens-1 { padding-bottom: 56.6875px; }

body[data-page="equipe"] .praticien-photo {
  display: block;
  width: 100%; height: auto;
  margin: 0 0 29.6875px;
}
body[data-page="equipe"] .praticien-nom {
  margin: 0;
  font-size: 16px; line-height: 18px;
  color: var(--gris-texte);
  text-align: center;
}
/* Trois noms ont été saisis dans WordPress hors paragraphe : ils héritent du corps de
   texte du site (14 px) au lieu des 16 px des neuf autres. Écart reproduit à l'identique
   pour rester au pixel près ; à uniformiser côté contenu (voir compte rendu). */
body[data-page="equipe"] .praticien-nom--petit { font-size: 14px; line-height: 23.8px; }

body[data-page="equipe"] .praticien-role {
  margin: 0;
  font-size: 14px; line-height: 23.8px;
  color: var(--gris-texte);
  text-align: center;
}
/* Même remarque, en sens inverse, pour la fonction d'Aurore Pujol : saisie dans un
   paragraphe, elle sort en 16 px là où les onze autres sont en 14 px. */
body[data-page="equipe"] .praticien-role--grand { font-size: 16px; line-height: 18px; }

/* --- 3. Bande des spécialités ---------------------------------------------------------------
   Neuf pastilles dessinées (270 × 120), quatre par rangée, sans gouttière : l'air entre
   les pastilles fait partie du dessin. Les 3 px et 1 px sont les marges basses des deux
   premières rangées du site d'origine.                                                     */
body[data-page="equipe"] .sec--specialites { padding: 0 0 54px; }

body[data-page="equipe"] .specialites {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin: 0; padding: 0;
  list-style: none;
}
body[data-page="equipe"] .specialites img { display: block; width: 100%; height: auto; }
body[data-page="equipe"] .specialites li:nth-child(-n+4) { margin-bottom: 3px; }
body[data-page="equipe"] .specialites li:nth-child(n+5):nth-child(-n+8) { margin-bottom: 1px; }

/* --- Adaptatif ------------------------------------------------------------------------------- */
@media (max-width: 1100px) {
  body[data-page="equipe"] .equipe-intro { gap: 40px; }
  body[data-page="equipe"] .equipe-titre { font-size: 42px; line-height: 38px; }
  body[data-page="equipe"] .praticiens-titre { font-size: 40px; line-height: 40px; }
  body[data-page="equipe"] .praticiens { grid-template-columns: repeat(2, 1fr); gap: 30px 40px; }
  body[data-page="equipe"] .rangee--praticiens-1 { padding-bottom: 27px; }
  body[data-page="equipe"] .specialites { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
  body[data-page="equipe"] .equipe-titre { font-size: 34px; line-height: 34px; }
  body[data-page="equipe"] .praticiens-titre { font-size: 32px; line-height: 32px; }
  /* Deux portraits par ligne restent lisibles sur téléphone ; une seule colonne
     obligerait à faire défiler douze écrans pour parcourir l'équipe. */
  body[data-page="equipe"] .praticiens { gap: 24px 20px; }
  body[data-page="equipe"] .specialites { grid-template-columns: 1fr; }
  body[data-page="equipe"] .specialites li:nth-child(-n+8) { margin-bottom: 0; }
}

/* Recalage après correction des métriques de fonte du socle (les surcharges
   ascent/descent ne s'appliquent plus qu'à degulardisplay-regular, comme dans le
   thème d'origine). Écarts mesurés bande par bande avec diff-sections.js. */
body[data-page="equipe"] .rangee--praticiens-1 { padding-bottom: 51.6875px; }