/* ============================================================
   EGB Photographie — Pages éditoriales (FlexPage, Contact, Blog)
   Alignées sur le modèle des pages boutique /photos/<categorie>/.
   L'en-tête réutilise .egb-cat-header / .egb-breadcrumb définis
   dans shop/static/shop/css/gallery.css ; ce fichier n'ajoute que
   les compléments (sous-titre, texte d'intro, rythme vertical,
   typographie du corps de texte).
   ============================================================ */

/* Page : fond blanc comme .egb-cat-page */
.egb-flex-page { background: #fff; min-height: 60vh; }

/* L'en-tête gère déjà sa marge basse (24px) : on neutralise le
   gros padding-top du 1er bloc de contenu pour coller au modèle shop. */
.egb-page-header-wrap .egb-cat-header { margin-bottom: 0; }
/* (first-of-type et non first-child : le bloc injecte un <link> CSS avant son <div>) */
.egb-page-header-wrap + .wrapper.egb-title-text,
.egb-flex-body > div.egb-title-text:first-of-type { padding-top: 24px; }

/* Sous-titre — calque de .egb-product-subtitle */
.egb-page-subtitle {
  color: #666; font-size: 1.1rem; font-weight: 300;
  letter-spacing: .5px; line-height: 1.4; margin: -6px 0 16px;
}

/* Texte court sous l'en-tête (bloc « Titre de la page avec texte ») */
.egb-page-header-text {
  color: #555; font-size: .95rem; line-height: 1.85;
  font-weight: 300; letter-spacing: .2px; margin: 24px 0 0;
}

/* Corps de texte des pages éditoriales — même typographie que
   .egb-seo-intro (intro SEO des pages catégories). Scopé à
   .egb-flex-page pour ne pas toucher la home. */
.egb-flex-page .egb-title-text {
  color: #555; font-size: .95rem; line-height: 1.85;
  font-weight: 300; letter-spacing: .2px;
}
.egb-flex-page .egb-title-text p  { margin: 0 0 .9em; }
.egb-flex-page .egb-title-text h2,
.egb-flex-page .egb-title-text h3,
.egb-flex-page .egb-title-text h4 {
  color: #222; font-weight: 500; line-height: 1.3;
  margin: 1.6em 0 .5em; letter-spacing: 0; font-size: 1.15rem;
}
.egb-flex-page .egb-title-text h2 { font-size: 1.3rem; }
.egb-flex-page .egb-title-text ul,
.egb-flex-page .egb-title-text ol { margin: 0 0 .9em 1.2em; }
.egb-flex-page .egb-title-text li { margin-bottom: .3em; }
.egb-flex-page .egb-title-text a  { color: inherit; text-decoration: underline; }
.egb-flex-page .egb-title-text a:hover { color: #111; }
.egb-flex-page .egb-title-text blockquote {
  margin: 1em 0; padding-left: 1em; border-left: 2px solid #ddd; font-style: italic;
}