/* ===== Base ===== */
body { overflow-x: hidden; }
.site-main { margin-block: 2.5rem; }

.gp-hero { position: relative; z-index: 0; }
.site-header, .main-navigation { position: relative; z-index: 1000; }

/* ===== HERO pleine largeur (full-bleed) ===== */
/* HERO plein écran mais raisonnable */
.gp-hero{
  position:relative;
  width:100vw;
  left:50%; right:50%;
  margin-left:-50vw; margin-right:-50vw;

  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  color:#fff;

  min-height:45vh;   /* hauteur mini */
  max-height:70vh;   /* limite haute */
  display:flex; align-items:center; justify-content:center;
}
.gp-hero__overlay{ background:rgba(0,0,0,.38); padding:5rem 1.5rem; text-align:center; }
.gp-hero__content{ max-width:900px; margin:0 auto; }
.gp-hero__content h1{ font-size:clamp(2rem,3vw + 1rem,3rem); font-weight:800; margin:0 0 .6rem; }
.gp-hero__content p{ font-size:1.15rem; margin:0; }
@media (max-width:768px){ .gp-hero__overlay{ padding:4rem 1rem; } }


/* ===== Conteneurs ===== */
/* Si un grid-container se retrouve à l'intérieur d'un autre, on supprime le padding doublé */
.grid-container .grid-container{ padding-left: 0; padding-right: 0; }

/* Espacement des sections (les shortcodes injectent déjà .grid-container) */
.section--news,
.section--geoparcs,
.key-figures{ margin-block: 2.5rem; }

/* ===== Chiffres clés ===== */
.key-figures h2{ margin-bottom: 1.25rem; }
.key-figures__grid{
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.key-figures__grid div{
  background:#fff; border:1px solid #e5e8ea; border-radius:10px;
  padding:1.25rem; box-shadow:0 2px 6px rgba(0,0,0,.05); text-align:center;
}
.key-figures__grid strong{ display:block; font-size:2rem; color:var(--gp-primary,#003366); }
.key-figures__grid span{ display:block; color:#555; font-size:.95rem; margin-top:.25rem; }

.home-map {
  max-width: 600px; /* ou la taille que tu veux */
  margin: 0 auto;   /* pour centrer */
}

.document-single {
  max-width: 900px;
  margin: 2.5rem auto 3rem;
}

.document-single__title {
  font-size: 2rem;
  margin: 0 0 .75rem;
}

.document-single__meta {
  color: #666;
  font-size: .9rem;
  margin: 0 0 1.5rem;
}

.document-single__download .btn {
  display:inline-block;
  margin-bottom: .75rem;
}

.home hr{
    margin: 100px 0 50px;
    color: #efefef;
}

.home h2{
  text-transform: uppercase;
  font-weight: 300;
}