/* ============================================================
   LAPIERRE-FULL — MISE EN PAGE "PLEINE LARGEUR"
   ------------------------------------------------------------
   Spécifique au thème lapierre-full : n'existe pas dans
   lapierre-child, donc sans impact sur le site "officiel". Pour
   comparer les deux, il suffit d'activer l'un ou l'autre thème
   (Apparence > Thèmes).
   ============================================================ */

/* ------------------------------------------------------------
   1. FOND DE PAGE — plus de boîte blanche
   Kadence pose un fond blanc plein sur l'article, et un padding
   haut/bas sur son conteneur : c'est ce qui créait les bandes
   blanches au-dessus du héros et avant le footer. On les retire
   partout : le fond de la page (--lp-paper, ivoire) prend le
   relais, et chaque bloc (bannière, bande) gère son propre fond.
   ------------------------------------------------------------ */
article.entry{ background: transparent !important; }
.entry-content-wrap{ padding-top: 0 !important; padding-bottom: 40px !important; }
.content-area{ margin-bottom: 0 !important; }

/* Exception : la page d'accueil se termine par une bande plein-bord
   (le panneau "Démarches"), qui doit venir toucher le footer sans
   marge — contrairement aux pages classiques ci-dessus. */
body.home .entry-content-wrap{ padding-bottom: 0 !important; }

/* ------------------------------------------------------------
   2. BANDEAU DE PAGE (.lp-page-head) — plein bord partout
   Présent sur la quasi-totalité des pages du site : une seule
   règle suffit à le faire déborder du cadre, sans toucher au
   contenu qui reste calé sur la même grille qu'avant.
   ------------------------------------------------------------ */
.lp-page-head,
.wp-block-cover.is-dark,
.lp-whatsapp-banner,
.lp-band,
.lp-panel.lp-panel-full{
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  box-sizing: border-box;
}
.wp-block-cover.is-dark,
.lp-whatsapp-banner,
.lp-band,
.lp-panel.lp-panel-full{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Le bandeau de page, lui, garde une respiration avant le contenu
   qui suit (mais reste collé au sur-header au-dessus). */
.lp-page-head{
  margin-top: 0 !important;
  margin-bottom: 32px !important;
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.lp-page-head .lp-eyebrow{ margin-top: 0 !important; margin-bottom: 10px !important; }
.lp-page-head h1, .lp-page-head h2{ margin-top: 0 !important; margin-bottom: 8px !important; }
.lp-page-head p:last-child{ margin-bottom: 0 !important; }

/* Le texte à l'intérieur de ces bandeaux reste aligné exactement
   comme le reste du contenu (même point de départ à gauche que
   les titres de section, ex. "À la une"). */
.lp-page-head,
.wp-block-cover.is-dark .wp-block-cover__inner-container,
.lp-whatsapp-banner{
  padding-left: max(24px, calc((100vw - 1290px) / 2 + 32px)) !important;
  padding-right: max(24px, calc((100vw - 1290px) / 2 + 32px)) !important;
}
.lp-whatsapp-banner{ padding-top: 20px !important; padding-bottom: 20px !important; }
.lp-panel.lp-panel-full{ padding: 48px 0 !important; }

/* Coins arrondis / ombres : n'ont plus de sens une fois posés au
   bord de l'écran. */
.lp-whatsapp-banner,
.lp-panel.lp-panel-full{
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ------------------------------------------------------------
   3. BANDES DE SECTION (page d'accueil) — alternance de couleur
   Bande "a" : lavis bleu ardoise très pâle. Bande "b" : pierre
   (même teinte que le panneau "Démarches").
   ------------------------------------------------------------ */
body.home .lp-band{ padding: 44px 0; }
body.home .lp-band-a{ background: #F2F6FD; }
body.home .lp-band-b{ background: var(--lp-pierre); }
/* Le fond orange translucide de .lp-eyebrow se fondait dans le vert sauge de cette bande — on solidifie le fond en blanc pour que le libellé ressorte. */
body.home .lp-band-b .lp-eyebrow{ background: #fff; }
body.home .lp-stone-rule{ display: none; }

/* Ailleurs que sur l'accueil, le séparateur reste un simple trait
   fin — pas une grande respiration blanche. Les pages qui veulent
   une vraie alternance de couleur (comme l'accueil) passeront par
   de vraies bandes .lp-band, au cas par cas. */
.lp-stone-rule{
  height: 1px !important;
  margin: 24px 0 !important;
  background: var(--lp-line) !important;
}

.lp-band-inner{
  max-width: 1178px;
  margin: 0 auto;
  padding: 0 max(24px, calc((100vw - 1290px) / 2 + 32px));
}

/* ------------------------------------------------------------
   4. AGENDA — alternance de couleur entre les événements
   Même carte, même alignement de texte : seule la couleur de
   fond change d'une ligne à l'autre pour rythmer la liste.
   ------------------------------------------------------------ */
.tribe-events-calendar-list__event-row.lp-alt{
  background: var(--lp-pierre) !important;
  border-color: var(--lp-pierre-dark) !important;
}

/* Toute la carte devient cliquable (pas seulement le titre) : le
   lien du titre est étiré pour couvrir toute la ligne. */
.tribe-events-calendar-list__event-row{ position: relative; cursor: pointer; }
.tribe-events-calendar-list__event-title a::after{
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
}

@media (max-width: 700px){
  .lp-band-inner,
  .lp-page-head,
  .wp-block-cover.is-dark .wp-block-cover__inner-container,
  .lp-whatsapp-banner{ padding-left: 20px !important; padding-right: 20px !important; }
}