/* ============================================================
   REPARE-MOI.CI — THÈME « OCTOBRE ROSE » 🎀
   Campagne de sensibilisation au cancer du sein (octobre).
   Surcharge UNIQUEMENT les variables de couleur : rien d'autre
   n'est touché. Chargé APRÈS style.css / refonte.css / refonte-shell.css.
   → Pour revenir à la charte orange : retirer le <link> de ce fichier
     dans includes/header.php (une seule ligne). Aucune autre modif.
   ------------------------------------------------------------
   Palette :
     Rose vif (dominant, CTA, titres) ......... #E6007E
     Rose vif foncé (survol) .................. #B80064
     Rose clair (accents) .................... #FF77B7
     Prune-rosé foncé (bandeaux sombres) ..... #4A0E2E / #611640
     Fonds clairs (lisibilité) ............... #FFF5FA / #FFF0F6 / #FDE7F1
     Texte foncé conservé (lisibilité) ....... #141922
   ============================================================ */

/* ── Tokens globaux : base (style.css) + pont premium (refonte-shell.css) ── */
:root{
  /* base style.css */
  --primary:#E6007E;
  --primary-dark:#B80064;
  --primary-light:#FFF0F6;
  --dark-nav:#4A0E2E;

  /* pont premium (refonte-shell.css) */
  --rmx-brand:#E6007E;
  --rmx-brand-2:#FF77B7;
  --rmx-brand-ink:#8A0049;
  --rmx-deep:#4A0E2E;
  --rmx-deep-2:#611640;
}

/* ── Design system premium .rmx (refonte.css) ── */
.rmx{
  --brand:#E6007E;
  --brand-2:#FF77B7;
  --brand-ink:#8A0049;
  --brand-d:#B80064;

  --deep:#4A0E2E;
  --deep-2:#611640;
  --deep-ink:#F3D9E6;

  --bg:#FFF5FA;
  --surface:#FFFFFF;
  --panel:#FFF0F6;
  --panel-2:#FDE7F1;
  --line:#F6D9E6;

  --promo:#E11D48;   /* rouge promo conservé (cohérent avec le rose) */
}

/* ── Quelques fonds sombres codés en dur → prune-rosé pour la cohérence ── */
.dropdown{background:#4A0E2E !important;border-top-color:#E6007E !important}
.dropdown a:hover{background:rgba(230,0,126,.12) !important;color:#FF77B7 !important}

/* Barre de recherche — bordure rose, mais texte saisi TOUJOURS lisible
   (fond clair + texte foncé ; on ne force PAS de fond sombre). */
.search-bar{border-color:#E6007E}
.search-bar input{background:#fff;color:#141922}
.search-bar input::placeholder{color:#9AA0AC}
.search-bar select{color:#5C6472}

/* Liens actifs / survol du nav burger mobile premium */
.main-nav .nav-menu a.active,
.main-nav .nav-menu a:hover{color:#FF77B7}

/* ── Ruban de sensibilisation : petit liseré rose en haut de page ── */
body::before{
  content:"";
  display:block;
  height:4px;
  background:linear-gradient(90deg,#E6007E 0%,#FF77B7 50%,#E6007E 100%);
}

/* ── Bandeau de sensibilisation (affiché seulement avec ce thème) ── */
.or-awareness{
  display:flex !important;        /* bat le style="display:none" du markup */
  background:linear-gradient(90deg,#E6007E,#C2185B);
  color:#fff;
}
.or-awareness-in{
  max-width:1200px;margin:0 auto;padding:9px 18px;
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  font-size:13.5px;line-height:1.45;text-align:center;
}
.or-awareness .or-ribbon{font-size:16px;line-height:1}
.or-awareness .or-txt{color:#fff}
.or-awareness .or-link{
  color:#fff;font-weight:800;text-decoration:underline;white-space:nowrap;
}
.or-awareness .or-link:hover{color:#FFE3F1}
@media(max-width:600px){
  .or-awareness-in{font-size:12.5px;padding:8px 14px;gap:7px}
}