/* 
============================================================
   SPO — ACCENTS PAR PAGE-ID (PREMIUM / SAFE / NO-REGRESSION)
   Objectif :
   - Couleurs premium par pages clés (Offres/Demandes/Candidats/Entreprises)
   - Liseret appliqué aux cartes HivePress + widgets + blocs HTML SPO autour des listings
   - Ne touche pas HOME
   ============================================================ */

/* Fallback global */
body{ --spo-page-accent:#1E4F7A; } /* bleu trust par défaut */

/* Pages principales (thème premium demandé) */
.page-id-57305{ --spo-page-accent:#1E4F7A; } /* Offres = bleu (secondary SPO) */
.page-id-57307{ --spo-page-accent:#1E4F7A; } /* Demandes = bleu (secondary SPO) */
.page-id-57228{ --spo-page-accent:#1E4F7A; } /* Candidats = bleu (secondary SPO) */
.page-id-57270{ --spo-page-accent:#1E4F7A; } /* Entreprises = bleu (secondary SPO) */

/* Mapping utilitaire (tu peux garder / ajuster) */
.page-id-14   { --spo-page-accent:#1E4F7A; }  /* Actualités */
.page-id-56971{ --spo-page-accent:#1E4F7A; }  /* Comment ça marche */
.page-id-31   { --spo-page-accent:#1E4F7A; }  /* Contact */
.page-id-57388{ --spo-page-accent:#1E4F7A; }  /* Connexion */
.page-id-57386{ --spo-page-accent:#1E4F7A; }  /* Inscription */
.page-id-10   { --spo-page-accent:#1E4F7A; }  /* CGU */
.page-id-16   { --spo-page-accent:#1E4F7A; }  /* Confidentialité */
.page-id-164  { --spo-page-accent:#1E4F7A; }  /* Cookies UE */
.page-id-299  { --spo-page-accent:#1E4F7A; }  /* Qui sommes-nous */
.page-id-16834{ --spo-page-accent:#1E4F7A; }  /* Règles publication */
.page-id-751  { --spo-page-accent:#1E4F7A; }  /* Acteurs */
.page-id-57390{ --spo-page-accent:#1E4F7A; }  /* QCM */

/* ------------------------------------------------------------
   1) Cibles = où afficher le liseret
   - cartes HivePress
   - widgets WP
   - tes wrappers/blocs HTML autour des listings (avant/après)
   ------------------------------------------------------------ */
.page:not(.home) :is(
  .hp-listing,
  .hp-vendor,
  .widget,
  .custom-html-widget,
  .textwidget,

  /* Blocs/wrappers SPO autour des annonces */
  .spo-offres__hpBlock,
  .spo-dem__hpBlock,
  .spo-cand__hpBlock,
  .spo-ent__hpBlock,
  .spo-card,
  .spo-faq__inner,
  .spo-archiveHead__inner
){
  position:relative !important;
  overflow:hidden !important;
}

/* ------------------------------------------------------------
   2) Liseret vertical (gauche)
   ------------------------------------------------------------ */
.page:not(.home) :is(
  .hp-listing,
  .hp-vendor,
  .widget,
  .custom-html-widget,
  .textwidget,
  .spo-offres__hpBlock,
  .spo-dem__hpBlock,
  .spo-cand__hpBlock,
  .spo-ent__hpBlock,
  .spo-card,
  .spo-faq__inner,
  .spo-archiveHead__inner
)::after{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:6px;
  background:var(--spo-page-accent);
  opacity:.95;
  pointer-events:none;
}

/* ------------------------------------------------------------
   3) Option premium (discret) : légère barre en haut
   (donne un rendu plus "carte", sans modifier les layouts)
   ------------------------------------------------------------ */
.page:not(.home) :is(
  .spo-offres__hpBlock,
  .spo-dem__hpBlock,
  .spo-cand__hpBlock,
  .spo-ent__hpBlock,
  .spo-card,
  .spo-faq__inner,
  .spo-archiveHead__inner
)::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:3px;
  background:var(--spo-page-accent);
  opacity:.22; /* très léger */
  pointer-events:none;
}

/* ------------------------------------------------------------
   4) (Bonus) Offres/Demandes : un poil plus marqué sur leurs pages
   ------------------------------------------------------------ */
.page-id-57305 :is(.spo-offres__hpBlock, .hp-listing, .widget)::after{ width:7px; }
.page-id-57307 :is(.spo-dem__hpBlock, .hp-listing, .widget)::after{ width:7px; }

/* ------------------------------------------------------------
   5) Accessibilité : pas d’animations si utilisateur sensible
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce){
  .page:not(.home) :is(.hp-listing, .hp-vendor, .widget, .custom-html-widget, .textwidget,
    .spo-offres__hpBlock, .spo-dem__hpBlock, .spo-cand__hpBlock, .spo-ent__hpBlock,
    .spo-card, .spo-faq__inner, .spo-archiveHead__inner){
    transition:none !important;
  }
}