/* =====================================================================
   HealthPolicy.be — Propagation des tokens « baromètres » (hp-premium)
   ---------------------------------------------------------------------
   Portée STRICTE : les 3 pages les plus vues
     · Accueil       → body.page-id-9
     · À propos      → body.page-id-16
     · Abonnements   → body.page-id-18
   Contenu uniquement (#main-content) : n'affecte NI l'en-tête NI le pied
   (construits dans le Theme Builder, partagés par tout le site).
   SANS refonte : on ne change que couleurs + typographie, pas les
   gabarits. Tokens hérités de hp-premium.css ; valeurs en dur en repli.
   Chargé (dépendant de hp-premium) uniquement sur ces 3 pages via functions.php.
   ===================================================================== */

/* ---- 1. Titres : serif Georgia + navy baromètre (#143A66) ---------- */
body.page-id-9  #main-content :is(h1,h2,h3),
body.page-id-16 #main-content :is(h1,h2,h3),
body.page-id-18 #main-content :is(h1,h2,h3){
  font-family:Georgia,"Times New Roman",serif !important;
  color:var(--hp-navy,#143A66) !important;
  letter-spacing:-.3px;
}

/* ---- 2. Boutons Divi → pilule premium (rayon + ombre douce) -------- */
body.page-id-9  #main-content .et_pb_button,
body.page-id-16 #main-content .et_pb_button,
body.page-id-18 #main-content .et_pb_button{
  border-radius:12px !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  box-shadow:0 4px 14px rgba(20,58,102,.18) !important;
  transition:transform .12s ease, box-shadow .15s ease, background-color .15s ease;
}
body.page-id-9  #main-content .et_pb_button:hover,
body.page-id-16 #main-content .et_pb_button:hover,
body.page-id-18 #main-content .et_pb_button:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 20px rgba(20,58,102,.26) !important;
}

/* ---- 3. Abonnements : le bloc .hp adopte les tokens baromètre ------ */
/* Le bloc a ses PROPRES variables (--blue #1F4E79, --blue2 #2E6DA4).
   On les redéfinit → navy #143A66 + accent turquoise. Retinte
   automatiquement coches, bordures, badges, boutons. */
body.page-id-18 #main-content .hp{
  --blue:var(--hp-navy,#143A66) !important;
  --blue2:var(--hp-accent,#15B5C4) !important;
}
body.page-id-18 #main-content .hp h2,
body.page-id-18 #main-content .hp .cta h3,
body.page-id-18 #main-content .hp .name{
  font-family:Georgia,"Times New Roman",serif !important;
  color:var(--hp-navy,#143A66) !important;
}