/* ── MODE CLAIR COMMUN « PERVENCHE » (04/10/2026) ──────────────────────────
   Chargé par toutes les pages sauf l'accueil (qui a ses propres règles, plus
   détaillées, dans index.html). Mêmes couleurs que l'accueil :
   fond #F7F7FC, bandeau #ECEBFA, bordures #D9D7F3, violets du bouton
   Partenaires (#5856D6, #8E5FE0, #C956B8). Aucun vert sauf WhatsApp.
   Ne s'applique qu'au mode clair : le mode sombre ne change pas. */
html[data-theme=light]{--bg:#F7F7FC}
html[data-theme=light] body{background:#F7F7FC!important}

/* Bandeaux des pages (blog, top arnaques, carte, domaines, partenaires) */
html[data-theme=light] .hero{background:#ECEBFA!important;border:1px solid #D9D7F3!important;box-shadow:none!important}
html[data-theme=light] .hero::before,html[data-theme=light] .hero::after,html[data-theme=light] .hero-deco,html[data-theme=light] .hero-deco2{opacity:.25!important}
html[data-theme=light] .hero .hero-ey{color:#6D3FC8!important}
html[data-theme=light] .hero .hero-h{color:#141320!important;text-shadow:none!important}
html[data-theme=light] .hero .hero-h em{background:linear-gradient(90deg,#5856D6 0%,#8E5FE0 55%,#C956B8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#8E5FE0!important;text-shadow:none!important}
html[data-theme=light] .hero .hero-sub,html[data-theme=light] .hero .hero-s,html[data-theme=light] .hero .hero-sub *,html[data-theme=light] .hero .hero-s *{color:#4A4757!important}
html[data-theme=light] .hero .hero-pill{background:#FFFFFF!important;border-color:#DCCBF8!important;color:#4A4757!important}
html[data-theme=light] .hero .hero-pill *{color:#4A4757!important}
html[data-theme=light] .hero .hero-pill i{color:#8E5FE0!important}
html[data-theme=light] .hero .pulse{background:#8E5FE0!important;box-shadow:0 0 0 3px rgba(142,95,224,.18)!important}
html[data-theme=light] .hero .htick,html[data-theme=light] .hero .htick *{color:#6B6878!important}
/* Bouton « Analyser un message suspect » des bandeaux */
html[data-theme=light] .hero .hero-cta-btn{background:linear-gradient(135deg,#5856D6 0%,#8E5FE0 100%)!important;border:none!important;box-shadow:0 8px 22px rgba(142,95,224,.30)!important;animation:none!important}
html[data-theme=light] .hero .hero-cta-btn div,html[data-theme=light] .hero .hero-cta-btn span{color:#FFFFFF!important;text-shadow:none!important}
html[data-theme=light] .hero .hero-cta-btn .hero-cta-btn-mid{color:rgba(255,255,255,.8)!important}

/* Encart des articles « Un message de ce type sous les yeux ? » */
html[data-theme=light] .mini-hero{background:#ECEBFA!important;border:1px solid #D9D7F3!important;box-shadow:none!important}
html[data-theme=light] .mini-hero .mini-hero-title{color:#141320!important}
html[data-theme=light] .mini-hero .mini-hero-sub{color:#4A4757!important}
html[data-theme=light] .mini-hero .mini-hero-icon{background:#FFFFFF!important;color:#8E5FE0!important;border-color:#DCCBF8!important}
html[data-theme=light] .mini-hero .mini-hero-icon i{color:#8E5FE0!important}
html[data-theme=light] .mini-hero .mini-hero-btn{background:linear-gradient(90deg,#5856D6 0%,#8E5FE0 100%)!important;color:#FFFFFF!important;border:none!important}

/* Indicateur « IA » du menu : violet au lieu de vert */
html[data-theme=light] .npill .ndot{background:#8E5FE0!important;box-shadow:0 0 0 3px rgba(142,95,224,.18)!important}

/* Carte des régions : bandeau « geo-banner » */
html[data-theme=light] .geo-banner{background:#ECEBFA!important;border:1px solid #D9D7F3!important;box-shadow:none!important}
html[data-theme=light] .geo-banner::before,html[data-theme=light] .geo-banner::after{opacity:.25!important}
html[data-theme=light] .geo-banner .geo-ey{color:#6D3FC8!important}
html[data-theme=light] .geo-banner .geo-title{color:#141320!important;text-shadow:none!important}
html[data-theme=light] .geo-banner .geo-title em{background:linear-gradient(90deg,#5856D6 0%,#8E5FE0 55%,#C956B8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#8E5FE0!important;text-shadow:none!important}
html[data-theme=light] .geo-banner .geo-sub,html[data-theme=light] .geo-banner .geo-sub *{color:#4A4757!important}
html[data-theme=light] .geo-banner .geo-sub a{color:#5856D6!important}
html[data-theme=light] .geo-banner [class*="pill"],html[data-theme=light] .geo-banner [class*="badge"]{background:#FFFFFF!important;border-color:#DCCBF8!important;color:#4A4757!important}
html[data-theme=light] .geo-banner .hero-cta-btn{background:linear-gradient(135deg,#5856D6 0%,#8E5FE0 100%)!important;border:none!important;box-shadow:0 8px 22px rgba(142,95,224,.30)!important;animation:none!important}
html[data-theme=light] .geo-banner .hero-cta-btn div,html[data-theme=light] .geo-banner .hero-cta-btn span{color:#FFFFFF!important;text-shadow:none!important}

/* Partenaires : chiffres et carte de rendez-vous lisibles sur fond clair */
html[data-theme=light] .hero .hero-stat{background:#FFFFFF!important;border:1px solid #D9D7F3!important}
html[data-theme=light] .hero .hero-stat-val{color:#141320!important}
html[data-theme=light] .hero .hero-stat-lbl{color:#6B6878!important}
html[data-theme=light] .hero .hero-rdv-card{background:#FFFFFF!important;border:1px solid #DCCBF8!important;box-shadow:0 10px 30px rgba(142,95,224,.12)!important}
html[data-theme=light] .hero .hero-rdv-h,html[data-theme=light] .hero .hero-rdv-h *{color:#141320!important}
html[data-theme=light] .hero .hero-rdv-h em{color:#8E5FE0!important}
html[data-theme=light] .hero .hero-rdv-sub{color:#4A4757!important}
html[data-theme=light] .hero .hero-rdv-ico{background:#F3EDFD!important;color:#8E5FE0!important;border-color:#DCCBF8!important}
html[data-theme=light] .hero .hero-rdv-ico i{color:#8E5FE0!important}
html[data-theme=light] .hero .hero-rdv-badge{background:#F3EDFD!important;color:#6D3FC8!important;border-color:#DCCBF8!important}
html[data-theme=light] .hero .hero-rdv-badge *{color:#6D3FC8!important}
html[data-theme=light] .hero .hero-rdv-dot{background:#8E5FE0!important}
html[data-theme=light] .hero .hero-rdv-cta,html[data-theme=light] .hero .hero-mob-btn{background:linear-gradient(90deg,#5856D6 0%,#8E5FE0 100%)!important;color:#FFFFFF!important;border:none!important}
html[data-theme=light] .hero .hero-rdv-cta *,html[data-theme=light] .hero .hero-mob-btn *{color:#FFFFFF!important}
html[data-theme=light] .hero [style*="color:#fff"],html[data-theme=light] .hero [style*="color: #fff"],html[data-theme=light] .hero [style*="color:white"]{color:#141320!important}