/*
Theme Name: MEEUS — charte
Template: generatepress
Description: Habillage aux couleurs et polices de MEEUS, posé sur
 GeneratePress. Produit par l'agente design le 08/08/2026 à partir des
 38 pages du site actuel, capturées en local. Palette relevée par comptage
 sur le site : #CD4B42, #822C26, #FFECC5, #FEBA67, #3F0F0F.
Version: 1.0
*/

/* ==========================================================================
   MEEUS — habillage GeneratePress 3.6.1 aux couleurs du site actuel
   Agent `design`, 08/08/2026.
   Cible : https://monentrepriseestunescene.fr/ (noindex)
   À coller dans  Apparence › Personnaliser › CSS additionnel  (bloc unique).

   Référence : pages pré-rendues du site actuel
   C:\Users\alban\automation-zoom-brevo\data\prerendu\ — valeurs relevées dans
   le balisage réel, pas reconstituées.

   Contrastes vérifiés (WCAG, calcul sur les fonds réels) :
     #822C26 sur blanc ........ 8,98:1   texte courant       OK AA
     #9A4A43 sur blanc ........ 6,11:1   texte secondaire    OK AA
     #CD4B42 sur blanc ........ 4,49:1   APLATS ET GRAND TEXTE SEULEMENT
     #FFECC5 sur #3F0F0F ..... 14,03:1   liens de navigation OK AAA
     #FEBA67 sur #3F0F0F ...... 9,66:1   page courante       OK AAA
     #FFECC5 sur #822C26 ...... 7,72:1   texte sur bordeaux  OK AA
   #CD4B42 n'est jamais employé ici comme texte fin sur fond clair.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Bebas+Neue&display=swap');

/* --------------------------------------------------------------------------
   1. Palette — relevée par comptage sur le site le 07/08/2026
   -------------------------------------------------------------------------- */
:root {
  --meeus-terre:      #CD4B42;  /* 481 usages — l'accent dominant          */
  --meeus-bordeaux:   #822C26;  /* 436 — aplats, texte courant             */
  --meeus-creme:      #FFECC5;  /* 236 — fond chaud, texte sur sombre      */
  --meeus-ambre:      #FEBA67;  /* 222 — page courante, titres de colonne  */
  --meeus-encre:      #3F0F0F;  /* 107 — barre de navigation, pied de page */
  --meeus-secondaire: #9A4A43;  /* dérivé : texte secondaire lisible       */
  --meeus-carte:      #FFF7E6;  /* dérivé : #FFECC5 à 30 % sur blanc       */

  /* Variables natives de GeneratePress — c'est par elles que le thème peint
     ses boutons, ses liens et ses fonds. Les redéfinir évite d'écrire
     cinquante règles à la main. */
  --contrast:   #822C26;
  --contrast-2: #9A4A43;
  --contrast-3: #C79A94;
  --base:       #FFECC5;
  --base-2:     #FFECC5;
  --base-3:     #FFFFFF;
  --accent:     #822C26;

  /* Bandeau de cookies SureCookie — le plugin lit ces variables. */
  --surecookie-banner-primary-color:       #822C26;
  --surecookie-banner-primary-hover-color: #3F0F0F;
  --surecookie-banner-secondary-color:     #CD4B42;
  --surecookie-banner-text-color:          #822C26;
  --surecookie-banner-background-color:    #FFECC5;
}

/* --------------------------------------------------------------------------
   2. Typographie — Bebas Neue pour les titres, Barlow pour le texte
   -------------------------------------------------------------------------- */
body,
button, input, select, textarea, .wp-element-button {
  font-family: 'Barlow', system-ui, sans-serif;
}

h1, h2, h3, h4,
.main-title,
.entry-title,
.widget-title,
.wp-block-heading {
  font-family: 'Bebas Neue', 'Barlow', sans-serif;
  letter-spacing: 0.05em;
  font-weight: 400;      /* Bebas Neue n'a qu'une graisse — jamais de gras */
  color: var(--meeus-bordeaux);
}

body {
  background-color: var(--meeus-creme);
  color: var(--meeus-bordeaux);
  font-size: 17px;
  line-height: 1.7;
}

/* --------------------------------------------------------------------------
   3. En-tête et barre de navigation — bordeaux sombre, logo réel
   -------------------------------------------------------------------------- */
.site-header,
.main-navigation,
.main-navigation .main-nav ul ul {
  background-color: var(--meeus-encre);
}

.site-header .inside-header,
.main-navigation .inside-navigation {
  max-width: 1600px;
  padding-top: 0;
  padding-bottom: 0;
}

/* En `nav-float-right`, GeneratePress fait flotter la navigation : elle ne
   compte plus dans la hauteur de l'en-tête, qui se replie sur celle du logo
   et laisse les liens déborder sous le bandeau sombre (constaté à la capture
   le 08/08). Le passage en flex remet les deux sur la même ligne. */
.site-header .inside-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 96px;   /* h-24 sur le site actuel */
}
.site-header .main-navigation {
  float: none;
  margin-left: auto;
}
.main-navigation .main-nav > ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* Le logo réel, servi par le site actuel. Remplace le nom en texte brut
   SANS rien téléverser — solution d'attente, à remplacer par un vrai
   téléversement (voir la note « tableau de bord » du rapport). */
.site-branding .main-title {
  margin: 0;
  line-height: 0;
}
.site-branding .main-title a {
  display: block;
  width: 240px;
  height: 80px;                     /* h-20 sur le site actuel */
  background: url('https://monentrepriseestunescene.com/logox.png')
              left center / contain no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
/* Si le logo est un jour téléversé dans WordPress, cette règle prend le relais
   et la précédente devient sans effet. */
.site-logo img,
.site-branding .site-logo img {
  max-height: 80px;
  width: auto;
}
.site-description { display: none; }

/* Liens du menu */
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
  color: var(--meeus-creme);
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  padding: 8px 14px;
  /* Le liseré vit sous le TEXTE, pas au bas de la barre — comme sur le site
     actuel, où le lien porte un `border-b-2` avec 8 px de retrait. */
  border-bottom: 2px solid transparent;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li a:focus,
.main-navigation .main-nav ul li.sfHover > a {
  color: var(--meeus-terre);
  background: transparent;
}

/* Page courante : ambre, souligné de 2 px — exactement le site actuel */
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a,
.main-navigation .main-nav ul li.current_page_item > a {
  color: var(--meeus-ambre);
  background: transparent;
  border-bottom-color: var(--meeus-ambre);
}

/* Sous-menus déroulants */
.main-navigation .main-nav ul ul {
  display: block;   /* le flex du menu principal ne descend pas ici */
}
.main-navigation .main-nav ul ul li a {
  line-height: 1.5;
  padding: 12px 18px;
  font-size: 13px;
  background-color: var(--meeus-encre);
  border-bottom: 0;
}
.main-navigation .main-nav ul ul li a:hover {
  background-color: var(--meeus-bordeaux);
  color: var(--meeus-creme);
}

/* Bouton menu mobile */
.menu-toggle, .mobile-menu-control-wrapper .menu-toggle {
  background-color: transparent !important;
  color: var(--meeus-creme);
}
.menu-toggle:hover { color: var(--meeus-terre); }

/* --------------------------------------------------------------------------
   4. La barre latérale disparaît — voir aussi le geste tableau de bord
      (le CSS masque, il ne supprime pas le contenu de démonstration du HTML)
   -------------------------------------------------------------------------- */
#right-sidebar,
#left-sidebar,
.widget-area.sidebar {
  display: none !important;
}
.site-content .content-area {
  width: 100% !important;
  float: none !important;
}

/* --------------------------------------------------------------------------
   5. Corps de page — le titre en bandeau bordeaux, comme sur le site
   -------------------------------------------------------------------------- */
/* Le site actuel n'a pas de gouttières : ses sections filent d'un bord à
   l'autre. On retire donc la largeur maxi du conteneur d'article — c'est
   `.entry-content` (900 px) qui tient la longueur de ligne lisible. */
.site.grid-container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.separate-containers .site-content { padding: 0; }
/* GeneratePress laisse une réserve latérale et une marge haute sur ces
   conteneurs : elles ouvraient une lisière crème de 20 px à droite des bandes
   et une bande crème sous la navigation (vues à la capture le 08/08).
   Ciblage par identifiant — il l'emporte sur les règles du thème. */
#page, #content, #primary, #main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.site-content,
.content-area,
.site-main,
.site-main > article,
.separate-containers .inside-article {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  max-width: none;
}

/* Les bandes pleine largeur (§7) débordent volontairement de leur conteneur.
   Le confinement se pose sur `body`, JAMAIS sur `.site` : posé sur `.site`,
   il rogne les bandes à 1200 px au lieu de les laisser filer jusqu'aux bords
   (constaté à la capture le 08/08). `clip` plutôt que `hidden` : `hidden`
   casserait le `position: sticky` de la barre de navigation. */
body { overflow-x: clip; }

.separate-containers .inside-article {
  padding: 0;              /* le bandeau peut ainsi occuper toute la largeur */
  background-color: #FFFFFF;
}
/* GeneratePress aère l'article en `separate-containers` : ces marges ouvrent
   une bande crème entre la navigation et le bandeau de titre (vu le 08/08). */
.separate-containers .site-main,
.separate-containers .site-main > *,
.separate-containers .inside-article > *:first-child { margin-top: 0; }
.separate-containers .site-main > *:not(:first-child) { margin-top: 0; }

/* --- Un seul titre principal par page ------------------------------------
   GeneratePress imprime le titre de la page en <h1> ; le contenu injecté en
   porte un second, rédigé pour le lecteur. Deux <h1> = signal brouillé.
   On masque celui du thème SUR LES PAGES SEULEMENT (`body.page`) : les
   articles (`body.single-post`) et les archives gardent le leur.

   LIMITE À CONNAÎTRE, ET ELLE EST DÉCISIVE : `display:none` masque à l'œil,
   il ne retire RIEN du HTML. Le second <h1> reste dans la source et Google
   le lit. Cette règle règle l'apparence, PAS le décompte des <h1> — le vrai
   correctif est le filtre PHP donné dans le rapport. */
body.page .entry-header { display: none; }

/* --- Mise en page : pleine largeur par défaut, texte recentré -------------
   Le conteneur ne borne plus rien ; c'est CHAQUE bloc qui se recentre à
   900 px. Les bandes de couleur n'ont alors qu'à renoncer à cette borne pour
   filer d'un bord à l'autre.

   Pourquoi ainsi et pas en `calc(-50vw + 50%)` : le `vw` compte la barre de
   défilement, ce qui décalait les bandes de 15 px vers la gauche et laissait
   une lisière crème à droite (mesuré à la capture le 08/08). Cette méthode
   ne dépend d'aucune unité de fenêtre — elle ne peut pas se décaler. */
/* `:not(:first-child)` reprend la règle de GeneratePress, qui pose 2 em de
   marge haute (34 px mesurés le 08/08) et l'emporterait sinon sur la nôtre :
   le titre de page masqué reste dans le DOM, donc `.entry-content` n'est
   jamais le premier enfant. C'est ce qui ouvrait la bande crème sous la
   navigation. */
.entry-content,
.entry-content:not(:first-child) {
  max-width: none;
  padding: 0 0 80px;
  margin: 0;
}
.entry-content > * {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
}

/* Le bandeau bordeaux se porte sur le <h1> RÉDIGÉ, premier élément du
   contenu — c'est lui qui devient le titre visible, pleine largeur. */
.entry-content > h1:first-child {
  max-width: none;
  background-color: var(--meeus-bordeaux);
  color: var(--meeus-creme);
  font-size: clamp(2.6rem, 6vw, 5.5rem);
  line-height: 1.02;
  text-align: center;
  padding: 88px 40px;
  /* marge basse en rem, jamais en em : en em elle suivrait le clamp du titre
     et ouvrirait un blanc de 120 px sous les grands titres (vu le 08/08). */
  margin: 0 0 3.5rem;
}
/* Une page qui ne commence PAS par un bandeau de titre ne doit pas se coller
   sous la navigation. */
.entry-content > *:first-child:not(h1) { margin-top: 3.5rem; }

/* Second membre du titre en terre, comme le <span> du site actuel :
   entourer la fin du titre de <span class="meeus-accent"> dans le contenu. */
.meeus-accent { color: var(--meeus-terre); }

/* Titres de section : Bebas bordeaux + liseré terre, signature du site */
.entry-content h2 {
  font-size: clamp(2rem, 3.4vw, 3rem);
  margin: 1.6em auto 0.6em;   /* em d'un titre de 3rem : déjà beaucoup d'air */
  line-height: 1.1;
}
.entry-content h2::after {
  content: '';
  display: block;
  width: 96px;
  height: 6px;
  margin-top: 18px;
  background-color: var(--meeus-terre);
}
.entry-content h2:first-child { margin-top: 0; }

.entry-content h3 {
  font-size: clamp(1.5rem, 2.2vw, 1.95rem);
  margin: 1.7em auto 0.4em;
  line-height: 1.15;
}
.entry-content h4 { font-size: 1.35rem; margin: 1.6em auto 0.4em; }

.entry-content p { margin: 0 auto 1.35em; }

/* Le gras du texte courant reste bordeaux : à 17 px, #CD4B42 tombe à 4,49:1
   sur blanc — sous le seuil AA, et un gras de 17 px ne compte pas comme
   « grand texte ». Le rouge n'est admis que dans le chapeau (20,8 px). */
.entry-content p strong { color: var(--meeus-bordeaux); font-weight: 700; }
.entry-content > p:first-of-type strong { color: var(--meeus-terre); }
.entry-content ul, .entry-content ol { margin: 0 auto 1.5em; padding-left: 62px; }
.entry-content li { margin-bottom: 0.5em; }

/* Le tout premier paragraphe fait office de chapeau */
.entry-content > p:first-of-type {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.6;
}

/* Liens dans le texte : bordeaux souligné, terre au survol.
   #CD4B42 est écarté ici — 4,49:1 sur blanc, sous le seuil AA. */
.entry-content a {
  color: var(--meeus-bordeaux);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--meeus-terre);
}
.entry-content a:hover, .entry-content a:focus { color: var(--meeus-terre); }

blockquote {
  border-left: 4px solid var(--meeus-terre);
  background-color: var(--meeus-carte);
  margin: 2em auto;
  padding: 24px 32px;
  font-style: italic;
  font-size: 1.15rem;
}

/* --------------------------------------------------------------------------
   6. Boutons — aplat bordeaux, texte crème, Bebas Neue
   -------------------------------------------------------------------------- */
.wp-block-button__link,
.wp-element-button,
button, input[type="submit"], .button,
.srfm-button, .srfm-submit-button {
  background-color: var(--meeus-bordeaux);
  color: var(--meeus-creme);
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.35rem;
  letter-spacing: 0.08em;
  border: 0;
  border-radius: 0;
  padding: 18px 46px;
  transition: transform .2s ease, background-color .2s ease;
}
.wp-block-button__link:hover,
.wp-element-button:hover,
button:hover, input[type="submit"]:hover, .button:hover,
.srfm-button:hover, .srfm-submit-button:hover {
  background-color: var(--meeus-encre);
  color: var(--meeus-creme);
  transform: scale(1.04);
}
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--meeus-bordeaux);
  box-shadow: inset 0 0 0 2px var(--meeus-terre);
}

/* Champs de formulaire */
input[type="text"], input[type="email"], input[type="tel"],
input[type="search"], textarea, select {
  background-color: #FFFDF7;
  border: 1px solid rgba(130, 44, 38, .25);
  border-radius: 0;
  padding: 14px 18px;
  color: var(--meeus-bordeaux);
  font-family: 'Barlow', sans-serif;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--meeus-terre);
  outline: 2px solid rgba(205, 75, 66, .25);
}

/* Tableaux */
.entry-content table { border-collapse: collapse; width: 100%; margin: 2em auto; }
.entry-content th {
  background-color: var(--meeus-bordeaux);
  color: var(--meeus-creme);
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: .06em;
  text-align: left;
  padding: 14px 18px;
}
.entry-content td {
  padding: 13px 18px;
  border-bottom: 1px solid rgba(130, 44, 38, .15);
}

/* --------------------------------------------------------------------------
   7. Classes utilitaires — à poser dans le contenu injecté par l'API REST
      pour retrouver les blocs signature du site actuel
   -------------------------------------------------------------------------- */

/* Grille de cartes crème à liseré terre (« Le corps, pas seulement les mots ») */
.meeus-cartes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 32px;
  margin: 3em auto;
}
.meeus-carte {
  background-color: var(--meeus-carte);
  border-left: 4px solid var(--meeus-terre);
  border-radius: 0 12px 12px 0;
  padding: 34px 36px;
}
.meeus-carte h3,
.meeus-carte > *:first-child { margin-top: 0; }
.meeus-carte p { color: var(--meeus-secondaire); margin-bottom: 0; }

/* Bande sombre pleine largeur (« Ce que nous refusons ») */
.meeus-bande-sombre {
  max-width: none;
  background-color: var(--meeus-bordeaux);
  color: var(--meeus-creme);
  padding: 76px 40px;
  margin: 4rem 0;
  text-align: center;
}
.meeus-bande-sombre > * { max-width: 900px; margin-left: auto; margin-right: auto; }
.meeus-bande-sombre h2,
.meeus-bande-sombre h3 { color: var(--meeus-creme); }
.meeus-bande-sombre h2::after { margin-left: auto; margin-right: auto; }
.meeus-bande-sombre h3 { color: var(--meeus-terre); }
.meeus-bande-sombre p { color: rgba(255, 236, 197, .82); }

/* Bandeau d'appel à l'action (« Le top 1 % ne cherche pas à plaire ») */
.meeus-cta {
  max-width: none;
  background-color: var(--meeus-terre);
  color: #FFFFFF;
  text-align: center;
  padding: 76px 40px;
  margin: 4rem 0 0;
}
.meeus-cta > * { max-width: 900px; margin-left: auto; margin-right: auto; }
.meeus-cta h2 {
  color: #FFFFFF;
  font-style: italic;
  font-size: clamp(1.9rem, 3.4vw, 3rem);
  margin: 0 0 1em;
}
.meeus-cta h2::after { display: none; }
.meeus-cta .wp-block-button__link,
.meeus-cta a.meeus-bouton { background-color: var(--meeus-bordeaux); }

/* Deux bandes qui se suivent restent contiguës — pas de bande blanche
   entre elles (constaté à la capture le 08/08). */
.meeus-bande-sombre + .meeus-cta,
.meeus-cta + .meeus-bande-sombre,
.meeus-bande-sombre + .meeus-bande-sombre { margin-top: 0; }
/* Zéro sur la marge BASSE de celle qui précède, sinon les 4 rem subsistent
   et laissent un liseré blanc entre les deux bandes (vu le 08/08). */
.meeus-bande-sombre:has(+ .meeus-cta),
.meeus-cta:has(+ .meeus-bande-sombre),
.meeus-bande-sombre:has(+ .meeus-bande-sombre) { margin-bottom: 0; }

/* Une bande qui termine la page va jusqu'au bas du bloc, sans marge morte. */
.entry-content:has(> .meeus-cta:last-child),
.entry-content:has(> .meeus-bande-sombre:last-child) { padding-bottom: 0; }
.meeus-cta:last-child, .meeus-bande-sombre:last-child { margin-bottom: 0; }

a.meeus-bouton {
  display: inline-block;
  background-color: var(--meeus-bordeaux);
  color: var(--meeus-creme);
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.35rem;
  letter-spacing: .08em;
  padding: 18px 46px;
  text-decoration: none;
}
a.meeus-bouton:hover { background-color: var(--meeus-encre); color: var(--meeus-creme); }

/* --------------------------------------------------------------------------
   8. Pied de page — bordeaux sombre, crème, comme le site actuel
   -------------------------------------------------------------------------- */
.site-footer,
.site-info,
.footer-widgets {
  background-color: var(--meeus-encre);
  color: var(--meeus-creme);
}
.site-info { padding: 32px 0; font-size: 13px; }
.site-info a, .site-footer a { color: var(--meeus-ambre); text-decoration: none; }
.site-info a:hover, .site-footer a:hover { color: var(--meeus-terre); }
.footer-widgets .widget-title { color: var(--meeus-ambre); font-size: 1.2rem; }

/* --------------------------------------------------------------------------
   9. Adaptation mobile — le site se pense d'abord sur téléphone
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .site-header .inside-header { min-height: 76px; }
  .site-branding .main-title a { width: 180px; height: 60px; }
  .main-navigation .main-nav ul li a { line-height: 1.4; padding: 16px 20px; }
  .entry-header { padding: 56px 24px; }
  .entry-content { padding: 40px 24px 56px; }
  .meeus-bande-sombre, .meeus-cta { padding: 52px 24px; }
}
@media (max-width: 768px) {
  /* En mobile, GeneratePress empile la navigation : elle reprend sa hauteur
     naturelle, sinon les entrées se chevauchent. */
  .main-navigation .main-nav ul li a { line-height: 1.5; }
  .main-navigation.toggled .main-nav ul li a { border-bottom: 1px solid rgba(255,236,197,.12); }
}

/* ==========================================================================
   CE QUE CE FICHIER NE PEUT PAS FAIRE — À FAIRE AU TABLEAU DE BORD
   Vérifié le 08/08/2026 sur l'installation réelle (id 29624631) :
   GP Premium n'est PAS installé, aucun thème enfant n'existe.
   ==========================================================================

   A. POSER CETTE FEUILLE (2 min, réversible)
      Apparence › Personnaliser › CSS additionnel › coller tout ce fichier
      › Publier.

   B. LA BARRE LATÉRALE — la faire disparaître VRAIMENT
      Le §4 la masque à l'œil, mais « Bonjour tout le monde ! » et
      « Un commentateur WordPress » restent dans le HTML de chaque page.
      Sur un chantier dont l'objet est la visibilité, c'est à retirer, pas
      à cacher. Deux gestes, les deux nécessaires :
        1. Apparence › Personnaliser › Mise en page › Barres latérales
           › choisir « Contenu (aucune barre latérale) » › Publier.
        2. Apparence › Widgets › colonne « Barre latérale droite »
           › supprimer les 8 blocs (dont 3 doublons : Articles récents ET
           Recent Posts, Commentaires récents ET Recent Comments,
           Catégories ET Categories) › Mettre à jour.

   C. LE LOGO — le téléverser pour de bon
      Le §3 affiche le logo en allant le chercher sur le site .com. Cela
      dépanne, mais lie le nouveau site à l'ancien domaine : à remplacer
      avant toute mise en ligne du .fr.
        Apparence › Personnaliser › Identité du site › Logo › Sélectionner
        l'image › téléverser C:\MEEUS\documents\gabarits\logo-meeus.png
        › Publier. La règle CSS de repli s'efface alors d'elle-même.

   D. LES DEUX <h1> — le CSS NE LE RÈGLE PAS, et c'est mesuré
      Mesure du 08/08 sur /nouveau-site/theatre-entreprise/, cette feuille
      appliquée :  h1 dans le HTML = 2   |   h1 affichés = 1
      `display:none` masque, il ne retire rien : Google lit le DOM, il
      continue donc de voir deux titres principaux. Retenir UNE des deux
      voies ci-dessous — la seconde ne demande aucun code.

      Voie 1 — retirer le titre du thème du HTML (filtre PHP).
        Le seul geste qui fait tomber le décompte à 1. Demande un thème
        enfant (à créer) ou une extension de bout de code.
          add_filter( 'generate_show_title', function ( $show ) {
              return is_page() ? false : $show;   // pages seules
          } );
        Articles et archives gardent leur titre : `is_page()` ne les vise pas.

      Voie 2 — ne plus produire de second <h1> (aucun code).
        Mettre le titre RÉDIGÉ dans le titre de la page WordPress, et le
        titre chargé en mots-clés dans Rank Math :
          Pages › la page › champ Titre = « Le théâtre d'entreprise, pour
            mettre en scène vos enjeux réels »
          puis, en bas de la page, encart Rank Math › Modifier l'extrait
            › Titre = « Théâtre d'Entreprise à Toulouse : saynètes, forum
            – MEEUS » › Enregistrer
          et retirer le <h1> du contenu injecté (commencer au <h2>).
        La balise <title> reste chargée en mots-clés, le <h1> visible reste
        celui du rédacteur — les deux textes restent distincts, comme voulu.
        Dans ce cas, RETIRER du §5 la ligne `body.page .entry-header
        { display: none; }` et rendre au bandeau son sélecteur d'origine
        (`.entry-header` au lieu de `.entry-content > h1:first-child`).

      Tant qu'aucune des deux n'est faite, la page est belle mais porte
      toujours deux titres principaux. Le recompte se fait ainsi, sans se
      fier à l'apparence :
        curl -s <url> | grep -c "<h1"

   E. CE QUI RESTE HORS DE MA PORTÉE
      La balise canonique absente depuis la désactivation de SureRank
      (signalée dans M-08) : Rank Math › Réglages généraux › Liens, elle ne
      relève ni du CSS ni du design.
   ========================================================================== */

/* --------------------------------------------------------------------------
   10. Pages qui reproduisent le site actuel — le thème s'efface
   -------------------------------------------------------------------------- */
/* Ajouté le 08/08/2026, passe 2 de mise en conformité de /team-building.

   Les règles éditoriales ci-dessus (§ .entry-content) ont été écrites pour des
   pages rédigées en blocs Gutenberg : elles centrent à 900 px, ajoutent une
   gouttière de 40 px, un liseré sous chaque h2, un soulignement sous chaque
   lien, et 3,5 rem d'air au-dessus du premier élément. Sur une page qui porte
   le balisage déjà composé du site actuel, chacune de ces attentions devient
   un écart : bande crème sous la navigation, trait rouge sous « THÉÂTRE &
   CINÉMA », soulignement du bouton « DEVIS PERSONNALISÉ ».

   Elles sont donc désactivées à l'intérieur de `.meeus-com`, et là seulement :
   les pages rédigées en blocs gardent leur mise en forme entière. */

.entry-content > .meeus-com {
  margin: 0 !important;
  max-width: none;
  padding: 0;
}
.entry-content:has(> .meeus-com) { padding: 0 !important; }

.meeus-com h1::after,
.meeus-com h2::after,
.meeus-com h3::after { content: none !important; }

.meeus-com a,
.meeus-com a:hover,
.meeus-com a:focus { text-decoration: none !important; }

.meeus-com h1, .meeus-com h2, .meeus-com h3, .meeus-com h4 {
  margin: 0;
  line-height: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  /* CORRIGE LE 16/08/2026 (audit directeur-acquisition / analyste-fonctionnel /
     utilisateur-test) : cette reinitialisation remettait a "inherit" la
     marge, la hauteur de ligne, la taille et l'espacement des lettres —
     mais pas la couleur. La regle generique "h1, h2, h3, h4 { color:
     var(--meeus-bordeaux); }" plus haut dans ce fichier s'appliquait donc
     TOUJOURS, meme quand un titre est place dans une section qui fixe une
     autre couleur de texte (ex. bandeau bordeaux avec du texte creme, carte
     rouge avec du texte blanc) : le titre restait bordeaux, invisible sur
     un fond bordeaux ou illisible sur un fond rouge sombre. Constate sur le
     H1 de /nos-programmes/ et la carte "Monte Ta Conf'" de la meme page.
     "color: inherit" acheve la meme logique que les quatre proprietes
     ci-dessus : un titre sans classe de couleur Tailwind explicite reprend
     la couleur de son conteneur au lieu d'imposer le bordeaux par defaut.
     Les titres qui portent deja une classe Tailwind de couleur (ex.
     text-[#822C26]) ne sont pas affectes : elle est plus specifique et
     continue de l'emporter. */
  color: inherit;
}

/* Le pied de page du site actuel apporte ses propres fonds : celui du thème
   les recouvrirait d'un aplat encre, et la FAQ (#FFECC5 à 50 %) virerait au
   brun. */
.site-footer:has(.meeus-com),
.site-footer:has(.meeus-com) .site-info {
  background: none;
  color: inherit;
  padding: 0;
  margin: 0;
}


/* --------------------------------------------------------------------------
   Bandeau de cookies — reprise de la main sur SureCookie.
   Les memes variables sont deja posees plus haut sous :root, et ca ne
   suffisait pas : le plugin insere sa propre balise <style> APRES cette
   feuille, sur le meme selecteur. A egalite de specificite, le dernier
   arrive gagne — le bandeau restait vert.
   html:root vaut une specificite de plus. Ne pas "nettoyer" en :root.
   Constate et corrige le 08/08/2026.
   -------------------------------------------------------------------------- */
html:root {
  --surecookie-banner-primary-color:       #822C26;
  --surecookie-banner-primary-hover-color: #3F0F0F;
  --surecookie-banner-secondary-color:     #CD4B42;
  --surecookie-banner-text-color:          #822C26;
  --surecookie-banner-background-color:    #FFECC5;
}

/* La mention « Propulse par SureCookie » ne reste pas.
   Ce n'est pas qu'une question de gout : c'est un lien sortant vers le site
   de l'editeur, pose sur CHAQUE page du site. On ne cede pas une ligne de
   publicite et un lien sortant permanent en echange d'un bandeau cookies. */
.surecookie-branding,
.surecookie-branding-mobile { display: none !important; }