/* =========================================================
   ENJEUX — CORE CANONIQUE (MODE SOMBRE)
   FICHIER GELÉ ❄️
   ---------------------------------
   Scope STRICT :
   - body.page-enjeux
   - body[class*="tag-enjeu"]
   - .gh-main.enjeux
========================================================= */

/* =========================================================
   1) BASE
========================================================= */

body.page-enjeux,
body[class*="tag-enjeu"],
.gh-main.enjeux {
  background: #000;
  color: #fff;
}

body.page-enjeux a,
body[class*="tag-enjeu"] a,
.gh-main.enjeux a {
  color: inherit;
  text-decoration: none;
}


/* =========================================================
   2) HEADER — NOIR + LOGO ENJEUX BLANC
========================================================= */

body.page-enjeux #gh-navigation,
body[class*="tag-enjeu"] #gh-navigation,
.gh-main.enjeux #gh-navigation {
  background: #000 !important;
  border-bottom: none !important;
}

body.page-enjeux .gh-navigation-inner,
body[class*="tag-enjeu"] .gh-navigation-inner,
.gh-main.enjeux .gh-navigation-inner {
  background: transparent !important;
}

/* Masque le logo image Ghost */
body.page-enjeux .gh-navigation-logo img,
body[class*="tag-enjeu"] .gh-navigation-logo img,
.gh-main.enjeux .gh-navigation-logo img {
  opacity: 0 !important;
}

/* Logo Enjeux blanc via background (méthode robuste) */
body.page-enjeux .gh-navigation-logo,
body[class*="tag-enjeu"] .gh-navigation-logo,
.gh-main.enjeux .gh-navigation-logo {
  background-image: url("/assets/images/logo-enjeux-blanc.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  min-width: 160px;
  min-height: 48px;
}

@media (max-width: 768px) {
  body.page-enjeux .gh-navigation-logo,
  body[class*="tag-enjeu"] .gh-navigation-logo,
  .gh-main.enjeux .gh-navigation-logo {
    min-width: 140px;
    min-height: 42px;
  }
}

/* Liens & icônes navigation */
body.page-enjeux .gh-navigation a,
body.page-enjeux .gh-navigation button,
body.page-enjeux .gh-navigation svg,
body[class*="tag-enjeu"] .gh-navigation a,
body[class*="tag-enjeu"] .gh-navigation button,
body[class*="tag-enjeu"] .gh-navigation svg,
.gh-main.enjeux .gh-navigation a,
.gh-main.enjeux .gh-navigation button,
.gh-main.enjeux .gh-navigation svg {
  color: #fff !important;
  fill: #fff !important;
}


/* =========================================================
   3) BANDEAU TAGS — MODE SOMBRE
   ⚠️ INTERDIT D’UTILISER `background:` ICI
========================================================= */

body.page-enjeux .pf-tags-bar,
body[class*="tag-enjeu"] .pf-tags-bar,
.gh-main.enjeux .pf-tags-bar {
  background: #000 !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

body.page-enjeux .pf-tags-inner,
body[class*="tag-enjeu"] .pf-tags-inner,
.gh-main.enjeux .pf-tags-inner {
  padding: .7rem .6rem;
}


/* Pills TEXTE uniquement (exclusion stricte des icônes) */
body.page-enjeux a.pf-tag-pill:not(.pf-nav-accueil):not(.pf-nav-pf),
body[class*="tag-enjeu"] a.pf-tag-pill:not(.pf-nav-accueil):not(.pf-nav-pf),
.gh-main.enjeux a.pf-tag-pill:not(.pf-nav-accueil):not(.pf-nav-pf) {
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  color: #fff !important;
  opacity: .85;
}

body.page-enjeux
a.pf-tag-pill:not(.pf-nav-accueil):not(.pf-nav-pf):hover,
body[class*="tag-enjeu"]
a.pf-tag-pill:not(.pf-nav-accueil):not(.pf-nav-pf):hover,
.gh-main.enjeux
a.pf-tag-pill:not(.pf-nav-accueil):not(.pf-nav-pf):hover {
  opacity: 1;
}


/* Flèches */
body.page-enjeux .pf-tags-arrow,
body[class*="tag-enjeu"] .pf-tags-arrow,
.gh-main.enjeux .pf-tags-arrow {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #fff !important;
}

body.page-enjeux .pf-tags-arrow svg,
body[class*="tag-enjeu"] .pf-tags-arrow svg,
.gh-main.enjeux .pf-tags-arrow svg {
  stroke: #fff !important;
}


/* =========================================================
   4) ICÔNES TAGS — HOME / PF (NAB)
   Source : pf-tags-bar.css
========================================================= */

body.page-enjeux .pf-nav-accueil,
body[class*="tag-enjeu"] .pf-nav-accueil,
.gh-main.enjeux .pf-nav-accueil,
body.page-enjeux .pf-nav-pf,
body[class*="tag-enjeu"] .pf-nav-pf,
.gh-main.enjeux .pf-nav-pf {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  color: transparent !important;
  opacity: 1;
}

/* HOME */
body.page-enjeux .pf-nav-accueil,
body[class*="tag-enjeu"] .pf-nav-accueil,
.gh-main.enjeux .pf-nav-accueil {
  background-image: url("/assets/images/icon-home-NAB.png");
}

/* PF */
body.page-enjeux .pf-nav-pf,
body[class*="tag-enjeu"] .pf-nav-pf,
.gh-main.enjeux .pf-nav-pf {
  background-image: url("/assets/images/icon-pf-NAB.png");
}


/* =========================================================
   5) FOOTER
========================================================= */

body.page-enjeux .gh-footer,
body[class*="tag-enjeu"] .gh-footer,
.gh-main.enjeux ~ footer {
  background: #000;
  color: rgba(255,255,255,.75);
}

body.page-enjeux .gh-footer a,
body[class*="tag-enjeu"] .gh-footer a,
.gh-main.enjeux ~ footer a {
  color: #fff;
}


/* =========================================================
   6) NEUTRALISATION GHOST GÉNÉRALE
========================================================= */

body.page-enjeux .gh-canvas,
body[class*="tag-enjeu"] .gh-canvas,
.gh-main.enjeux .gh-canvas {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   ENJEUX — FIX ICONES TAGS (HOME / PF)
   Anti-régression définitive
========================================================= */

body.page-enjeux .pf-tag-pill.pf-nav-accueil,
body.page-enjeux .pf-tag-pill.pf-nav-pf {
  background-color: #111 !important; /* PAS background */
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  color: transparent !important;
  opacity: 1 !important;
}