/* ================================================================
   ACCENTS PAR CAMPAGNE
   ================================================================
   Chaque section de campagne a sa propre couleur d'appoint, extraite
   du Figma "Couleurs par campagne".

   Usage :
     - --accent-campagne : variable scopée à chaque section.
       Par défaut elle reprend l'orange global. Override par section.
     - Appliquée sur :
        · le mot italique <em> du titre principal de section
        · la barre de progression des rails horizontaux pinnés

   Pourquoi un fichier dédié et pas un override section par section :
   plus simple à maintenir, on a tout le mapping couleur en un coup d'œil.
   ================================================================ */


/* ---- Fallback global : si aucune campagne, on reste sur l'orange ---- */
:root {
  --accent-campagne: var(--couleur-accent);
}


/* ---- Mapping campagne → couleur ----

   Le sélecteur regroupe :
   · la classe sur la <section> (ex. .ami) qui pose la couleur d'appoint
     pour toute la section.
   · l'attribut data-campagne posé par le JS sur le lien correspondant
     de la mini-nav latérale (ex. [data-campagne="ami"]). On utilise un
     attribut plutôt qu'une classe pour éviter toute collision avec les
     classes courtes des sections (.bm, .mg, .bd…) qui appliqueraient
     un énorme padding aux liens de la mini-nav.
*/

.ami, [data-campagne="ami"] { --accent-campagne: #c8c800; }   /* Citroën AMI — jaune-vert */
.bm,  [data-campagne="bm"]  { --accent-campagne: #08b170; }   /* Backmarket — vert */
.mg,  [data-campagne="mg"]  { --accent-campagne: #fd9a00; }   /* Migrants on Amazon — orange */
.bd,  [data-campagne="bd"]  { --accent-campagne: #09e06b; }   /* Badoit — vert citron */
.sw,  [data-campagne="sw"]  { --accent-campagne: #ebe140; }   /* Schweppes — jaune */
.cc,  [data-campagne="cc"]  { --accent-campagne: #f20003; }   /* Coca-Cola — rouge */
.bg,  [data-campagne="bg"]  { --accent-campagne: #b1e2f2; }   /* Blanche Gardin — bleu pâle */
.hp,  [data-campagne="hp"]  { --accent-campagne: #e73428; }   /* Hippocrate — rouge vif */
.rv,  [data-campagne="rv"]  { --accent-campagne: #d3e5f3; }   /* Les Revenants — bleu glace */
.ca,  [data-campagne="ca"]  { --accent-campagne: #da291c; }   /* Musée Carnavalet — rouge */
.p08, [data-campagne="p08"] { --accent-campagne: #e6f1f9; }   /* Peugeot 2008 — bleu glacé */
.pvu, [data-campagne="pvu"] { --accent-campagne: #98d5e3; }   /* Peugeot Pro range — bleu clair */
.psn, [data-campagne="psn"] { --accent-campagne: #f56f5a; }   /* Peugeot Senses — orange-rouge */
.bb,  [data-campagne="bb"]  { --accent-campagne: #d20001; }   /* Babybel — rouge */
.cag, [data-campagne="cag"] { --accent-campagne: #00a2a8; }   /* Crédit Agricole — cyan */
.sf,  [data-campagne="sf"]  { --accent-campagne: #00a2a8; }   /* Sofinco — cyan */
.cdo, [data-campagne="cdo"] { --accent-campagne: #e30000; }   /* Côte d'Or — rouge */
.ct,  [data-campagne="ct"]  { --accent-campagne: #782d8f; }   /* Citeo Reuse — violet */
.br,  [data-campagne="br"]  { --accent-campagne: #ffd9cf; }   /* Braderie de la mode — rose pâle */
/* Borgia : pas de couleur Figma → reste sur l'orange par défaut */


/* ================================================================
   APPLICATION : titres <em> italiques
   ================================================================
   On override les règles existantes (qui pointent vers --couleur-accent)
   pour qu'elles utilisent la couleur de campagne à la place.
   ================================================================ */

/* Comme la variable --accent-campagne est scopée à chaque <section>, on peut
   utiliser les sélecteurs réels du HTML sans préfixer par section. Les
   sélecteurs partagés (.cp__titre, .pg__titre, .ns__titre) hériteront
   automatiquement de la bonne couleur selon la section parente. */
.ami__titre em,
.bm__titre em,
.mg__titre em,
.bd__titre em,
.cp__titre em,        /* Canal+ : Blanche / Hippocrate / Revenants / Borgia */
.ca__titre em,
.pg__titre em,        /* Peugeot : 2008 / VU / Senses */
.cag__titre em,
.sf__titre em,
.cdo__titre em,
.ct__titre em,
.br__titre em,
.ns__titre em {       /* Schweppes / Coca-Cola / Babybel (titre générique) */
  color: var(--accent-campagne);
}