@font-face {
  font-family: 'Glacial Indifference';
  src: url('fonts/GlacialIndifference-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Glacial Indifference bold';
  src: url('fonts/GlacialIndifference-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.page-global {font-family: 'Glacial Indifference', sans-serif;}


/* Base : même identité que Actus */
.page-global{ --max:1200px; --pad:clamp(16px,3vw,32px); --bg:#F6F8F9; }
.page-global .site-content{ display:block; background:var(--bg); }  /* tue le layout flex/cols s'il existait */

/* Header idem Actus mais titre “en haut” */
.page-global .micro-hero.single-hero{
  margin-top:-150px;
  width:100%;
  min-height: clamp(220px, 30vh, 360px);
  padding-block: clamp(28px,6vw,120px) clamp(12px,2.5vw,20px); /* plus de place en haut qu’en bas */
  color:#fff;
  /* background: linear-gradient(#092132, #9198e5); */
   background: linear-gradient(#00264d, #1415);
  display:grid;
  place-items:center; /* ⬅ end center pour la page actus */
}
@media (max-width:1036px){ .page-global .micro-hero.single-hero{ margin-top:-100px; } }
.page-global .micro-hero .hero-inner{ width:100%; text-align:center; padding-inline:var(--pad); }
.page-global .micro-hero h1{ margin:0 0 0 0; line-height:1.05; letter-spacing:.01em; font-size:clamp(35px,6vw,43px); }

/* Conteneur central */
.page-global .wrap{ max-width:var(--max); margin-inline:auto; padding-inline:var(--pad); }

/* Vidéo immédiatement sous le header */
.page-global .single-video{ margin-top: clamp(12px,2vw,24px); }
.page-global .video-embed{
  position:relative; aspect-ratio:16/9; border-radius:16px; overflow:hidden;
  box-shadow:0 10px 26px rgba(15,22,32,.10);
}
.page-global .video-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* Media si pas de vidéo*/
.page-global .single-media{ margin-top: clamp(12px,2vw,24px); }
.page-global .featured{ border-radius:16px; overflow:hidden; box-shadow:0 10px 26px rgba(15,22,32,.10); }
.page-global .featured img{ display:block; width:100%; height:auto; }


/* Article de fond : largeur de lecture, typo */
.page-global .article-wrap{ margin-top: clamp(16px,3vw,28px); }
.page-global .entry-content{
  max-width: 72ch;          /* largeur de lecture confortable */
  margin-inline: auto;
  font-size: clamp(18px,1.2vw,20px);
  line-height: 1.5;
  color: #0f1620;
}
.page-global .entry-content > *{ margin: 0 0 1.15em; }
.page-global .entry-content h2{ font-size: clamp(22px,2.4vw,30px); line-height:1.25; margin:1.2em 0 .4em; }
.page-global .entry-content h3{ font-size: clamp(20px,1.8vw,24px); line-height:1.3;  margin:1.1em 0 .3em; }
.page-global .entry-content img,
.page-global .entry-content figure{ max-width:100%; height:auto; display:block; border-radius:14px; }
.page-global .entry-content blockquote{
  margin:1.2em 0; padding: .8em 1em; background:#f6f8fa; border-left:4px solid #C8875A; border-radius:8px;
}
.page-global .post-nav{ display:flex; justify-content:space-between; gap:12px; margin-top: clamp(24px,4vw,40px); }
.page-global .post-nav a{ text-decoration:none; color:#0f1620; }
.page-global .post-nav a:hover{ text-decoration:underline; }

/* Mobile tuning */
@media (max-width:680px){
  .page-global .entry-content{ max-width: 100%; padding-inline: 4px; }
}


/* Desktop : média plus contenu, centré et limité en largeur */
@media (min-width: 724px){
  .page-global .single-media{
    display: flex;
    justify-content: center;
  }
  .page-global .single-media .video-embed,
  .page-global .single-media .featured{
    width: clamp(600px, 70vw, 725px);  /* ← borne min / fluide / borne max */
    margin-inline: auto;
  }
}





/* Conteneur (tu peux le garder si tu veux) */
.page-global .single-toolbar{
  position: relative;
  z-index: 50;
  margin-top: 12px;
}

/* Bouton FIXE + look pill (comme celui que tu aimais) */
.back-to-actus{
  position: fixed;
  top: 16px;                                  /* même niveau que le burger */
  left: max(16px, env(safe-area-inset-left)); /* côté gauche, safe area ok */
  z-index: 3004;

  display: inline-flex; align-items: center; gap: .5rem;
  padding: .6rem .9rem;
  border-radius: 999px;
  background: rgba(17,17,17,.78);
  color:#fff !important; text-decoration: none;
  font-weight: 700;

  /* “glass” doux */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 24px rgba(0,0,0,.24);

  /* apparition (même logique que le burger) */
  opacity: 0;
  transform: translateY(-6px) scale(.98);
  transition: opacity .25s ease, transform .25s ease, background .2s ease, box-shadow .2s ease;
}
.back-to-actus.is-visible{
  opacity: 1;
  transform: translateY(0) scale(1);
}

.back-to-actus:hover{ background: rgba(17,17,17,.92); }
.back-to-actus:active{ transform: translateY(0) scale(.98); }


@media (max-width:768px){
  .back-to-actus{ padding:.5rem .75rem; }
}


/* Header plein écran sur archives, contenu centré en dessous */
.page-global .micro-hero.single-hero{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.page-global body { overflow-x: clip; } /* évite un scroll horizontal si effets */

.page-global .content-area img { width:40%; max-width:100%; height:auto; }


/* Applique le même fond que sur single */
body.page-template-page-global-template-php .site-content{
  display:block;
  background: var(--bg);
}