/* ============================================================
   TANIA GOMBERT - HOME (page 222) - chrome overrides
   ----------------------------------------------------------------
   La home est rendue par UN widget HTML (.tgmag) qui porte sa
   propre CSS scopee (Direction A editorial). Ce fichier ne gere
   QUE le chrome Zakra autour : fond de page, header, et masquage
   du bandeau titre Zakra redondant au-dessus du hero editorial.
   Base claire : #F7F4EE (choix Tania 29/05/2026).
   ============================================================ */

/* Fond de page global cohérent avec le hero editorial */
body.tg-da-anita {
  background: #F7F4EE;
}

/* Header + footer Zakra MASQUES sur la home : la maquette tgmag
   porte son propre header editorial (logo Anita + menu Sofia) et
   son footer signe. Evite le doublon. */
body.tg-fullbleed #zak-masthead,
body.tg-fullbleed .zak-masthead,
body.tg-fullbleed #zak-colophon,
body.tg-fullbleed .zak-footer {
  display: none !important;
}

/* Masquer le bandeau titre Zakra (.zak-page-header) sur la home :
   le hero editorial porte deja le titre. Evite le doublon visuel
   "Determinee, engagee..." au-dessus du hero. */
body.tg-fullbleed .zak-page-header,
body.tg-fullbleed .zak-page-header {
  display: none !important;
}

/* ============================================================
   PLEIN ECRAN : supprimer la boite Zakra (zak-container--wide +
   content-area--bordered) et le boxed Elementor qui creent des
   bandes blanches sur les cotes. La home doit etre full-bleed.
   ============================================================ */
body.tg-fullbleed .zak-container,
body.tg-fullbleed .zak-content-area,
body.tg-fullbleed #content .zak-container,
body.tg-fullbleed .elementor-section.elementor-section-boxed > .elementor-container,
body.tg-fullbleed .elementor > .elementor-section > .elementor-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.tg-fullbleed .zak-content-area--bordered,
body.tg-fullbleed #content,
body.tg-fullbleed .site-content,
body.tg-fullbleed #primary,
body.tg-fullbleed .content-area {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  background: transparent !important;
}
/* Uncap le conteneur Elementor (kit content-width ~1280) sur la home
   pour que le bloc tgmag occupe toute la largeur viewport (photo bord-a-bord). */
body.tg-fullbleed .elementor-container,
body.tg-fullbleed .elementor-widget-wrap,
body.tg-fullbleed .elementor-element-tgmag_home,
body.tg-fullbleed .elementor-element-tgmag_home > .elementor-widget-container,
body.tg-fullbleed .tgmag {
  max-width: 100% !important;
  width: 100% !important;
}
/* Les sections sombres (.tgmag .book, .tedx) bleed deja full width ;
   on elargit aussi le conteneur interne pour exploiter l'ecran. */
body.tg-da-anita .tgmag .hero__inner,
body.tg-da-anita .tgmag .sec__inner,
body.tg-da-anita .tgmag .book__inner,
body.tg-da-anita .tgmag .cap__inner,
body.tg-da-anita .tgmag .tedx__inner {
  max-width: 1520px;
}