/* =================================================================
   PAGES DE CONTENU (GDPR, RHA, etc.) — compact, propre, réutilisable
   ================================================================= */

/* Wrapper principal sous la topbar, au-dessus de la bottombar */
.page-content-wrapper{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:48px;                 /* AVANT 60px */
  padding:0 6% 120px;       /* bas pour laisser respirer la bottombar */
  max-width:1400px;
  margin:0 auto;
}

/* ---------- HERO (titre + intro) ---------- */
.page-hero{
  text-align:center;
  padding-top:84px;         /* AVANT 120px — remonte le bloc */
  margin:0 auto 24px;       /* AVANT 60px — moins d’air sous le hero */
  max-width:900px;
}
.page-hero h1{
  margin:0 0 8px;           /* AVANT 16px */
  line-height:1.2;
}
.page-hero p{
  margin:0;                 /* supprime l’espace par défaut */
  opacity:.9;
}

/* ---------- SIDEBAR ---------- */
.page-sidebar{
  flex:0 0 260px;
  position:sticky;
  top:88px;                 /* AVANT 120px — aligne mieux sous la topbar */
  max-height:calc(100vh - 140px);
  overflow:auto;
}
.page-sidebar img{
  width:100%;
  border-radius:12px;
  margin:0 0 16px;          /* AVANT 24/25px */
  border:1px solid var(--border);
}
.page-sidebar ul{list-style:none;margin:0;padding:0;}
.page-sidebar li{margin:0 0 8px;}
.page-sidebar a{
  color:var(--text);
  text-decoration:none;
  opacity:.85;
  transition:opacity .25s;
}
.page-sidebar a:hover{opacity:1;}

/* ---------- CONTENU PRINCIPAL ---------- */
.page-main{
  flex:1;
  max-width:820px;
}
.page-main section{
  margin:28px 0 32px;       /* AVANT ~70-80px — on compacte */
}
.page-main h2{
  margin:0 0 8px;           /* AVANT 12px */
  line-height:1.25;
}
.page-main p{
  margin:6px 0 0;           /* réduit l’écart entre paragraphes */
  line-height:1.5;          /* lisible mais serré */
  white-space:pre-line;     /* gère \n sans nl2br côté PHP */
}

/* ---------- Encadré d’offre (CTA) ---------- */
.page-highlight{
  background:rgba(255,255,255,.05);
  border:1px solid var(--border);
  border-left:3px solid var(--gold);
  border-radius:10px;
  padding:18px 20px;        /* AVANT 22+ */
  margin:18px 0 0;          /* compact */
  text-align:center;        /* bouton centré comme demandé */
}
.page-highlight strong{
  display:block;
  margin:0 0 6px;
  font-size:1.05rem;
}
.page-highlight .btn{
  display:inline-block;
  margin-top:8px;           /* bouton rapproché du texte */
}

/* ---------- Bouton générique (hérite de ton thème) ---------- */
.btn{
  display:inline-block;
  padding:8px 18px;         /* AVANT 10x22 */
  border:1px solid var(--border);
  color:var(--text);
  text-decoration:none;
  border-radius:6px;
  transition:all .2s ease;
}
.btn:hover{
  background:rgba(237,223,207,.18);
  box-shadow:0 0 6px rgba(181,155,101,.25);
  transform:translateY(-1px);
}

/* ---------- Responsive ---------- */
@media (max-width: 980px){
  .page-hero{padding-top:96px;margin-bottom:18px;}
  .page-content-wrapper{
    flex-direction:column;
    gap:24px;
    padding:0 5% 160px;
  }
  .page-sidebar{
    position:relative; top:auto; max-height:none;
    width:100%; margin-bottom:8px;
  }
  .page-main{max-width:100%;}
  .page-main section{margin:22px 0 26px;}
}