/* ============================================================
   CONCORDANCE v27 — Stop Inflations
   Override CSS global appliqué sur TOUTES les pages du site
   Version : 20260511-1
   ============================================================
   RÈGLE : chaque fonction = sa couleur signature partout

   - Identité site (hero, footer, headers) → bleu chic
     linear-gradient(135deg, #0F172A 0%, #06B6D4 100%)
   - Lisa (chef d'orchestre) → corail orange
     linear-gradient(135deg, #c2410c 0%, #fb923c 50%, #fed7aa 100%)
   - Cartes cadeaux → vert lime
     linear-gradient(135deg, #1a2e05 0%, #65a30d 60%, #a3e635 100%)
   - Promotions / Cashback / Forfaits → sapin vif
     linear-gradient(135deg, #064e3b 0%, #10b981 60%, #34d399 100%)
   - Or accent (CTAs, pills, badges) → or pulsant
     linear-gradient(135deg, #F59E0B, #FCD34D)

   NB : ce fichier est CONSERVATEUR — il ne touche PAS aux cards
   Style F verrouillées (.card, .pro-card, .si-card) ni aux
   éléments uniques de chaque page (.adv, .iphone-pro, .dash-mock).
   ============================================================ */

/* ============================================================
   1. PILLS / BADGES PHYSIQUES — concordance par fonction
   ============================================================ */
[class*="pill-cashback"],
.pill.cashback,
.pl.cb,
.badge-cashback,
.tag-cashback{
  background:linear-gradient(135deg,#064e3b 0%,#10b981 100%) !important;
  color:#fff !important;
  border-color:transparent !important;
}

[class*="pill-cadeau"],
.pill.cadeau,
.pill.gift,
.pl.gift,
.badge-cadeau,
.tag-cadeau{
  background:linear-gradient(135deg,#1a2e05 0%,#65a30d 100%) !important;
  color:#fff !important;
  border-color:transparent !important;
}

[class*="pill-lisa"],
.pill.lisa,
.pl.li,
.badge-lisa,
.tag-lisa{
  background:linear-gradient(135deg,#c2410c,#fb923c) !important;
  color:#fff !important;
  border-color:transparent !important;
}

[class*="pill-or"],
.pill.or,
.pill.gold,
.pl.or,
.badge-or,
.tag-or{
  background:linear-gradient(135deg,#F59E0B,#FCD34D) !important;
  color:#0F172A !important;
  border-color:transparent !important;
}

[class*="pill-promo"],
.pill.promo,
.pill.bp,
.pl.bp,
.badge-promo,
.tag-promo{
  background:linear-gradient(135deg,#064e3b 0%,#10b981 100%) !important;
  color:#fff !important;
  border-color:transparent !important;
}

/* ============================================================
   2. CTAs PRIMAIRES — or unifié
   ============================================================ */
.tb-cta,
.cta-final-btn,
.signup-btn,
.cta-primary,
.btn-or,
.btn-gold,
button.btn-primary[data-or],
a.btn-primary[data-or]{
  background:linear-gradient(135deg,#F59E0B,#FCD34D) !important;
  color:#0F172A !important;
  border:none !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
  box-shadow:0 12px 28px -10px rgba(252,211,77,.5) !important;
  transition:transform .2s,box-shadow .2s !important;
}
.tb-cta:hover,
.cta-final-btn:hover,
.signup-btn:hover,
.cta-primary:hover,
.btn-or:hover,
.btn-gold:hover,
button.btn-primary[data-or]:hover,
a.btn-primary[data-or]:hover{
  background:linear-gradient(135deg,#FCD34D,#F59E0B) !important;
  color:#0F172A !important;
  transform:translateY(-2px) !important;
  box-shadow:0 16px 32px -10px rgba(252,211,77,.6) !important;
}

/* Bouton inscription topbar — taille unifiée */
.tb-cta{
  padding:9px 18px !important;
  border-radius:999px !important;
  font-size:13px !important;
}

/* ============================================================
   3. TAGS / SECTION TAGS — or accent partout
   ============================================================ */
.section-head .tag,
.section-tag,
[class*="section-tag"],
.s-tag{
  background:linear-gradient(135deg,#FCD34D,#F59E0B) !important;
  color:#0F172A !important;
  border-color:transparent !important;
  font-weight:800 !important;
  box-shadow:0 4px 10px -4px rgba(252,211,77,.45) !important;
}

/* ============================================================
   4. LOGO SI — liseret corail Lisa
   ============================================================ */
.tb-logo .dot,
header .brand .dot,
.brand .dot,
.si-logo-dot{
  border:3px solid #fb923c !important;
  box-shadow:0 0 0 3px rgba(251,146,60,.18) !important;
}

/* ============================================================
   5. LIENS HOVER — or partout (nav + footer + liens "voir tout")
   ============================================================ */
nav a:hover,
.foot-nav a:hover,
.foot-legal-bot a:hover,
.foot-legal a:hover,
[class*="link-more"]:hover,
.see-all:hover,
[class*="voir-tout"]:hover{
  color:#F59E0B !important;
  text-decoration:underline !important;
  text-decoration-color:#FCD34D !important;
  text-decoration-thickness:2px !important;
  text-underline-offset:3px !important;
}

/* ============================================================
   6. CAGNOTTE / STATS — valeurs en or
   ============================================================ */
.cagnotte-stat .v,
.cagnotte-amount,
[data-cag-amount],
.cag-am{
  color:#FCD34D !important;
  font-weight:900 !important;
}

/* ============================================================
   7. H2 italique <em> — soulignement or fin
   ============================================================ */
.section-head h2 em,
section h2 em{
  position:relative;
}
.section-head h2 em::after,
section h2 em::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-4px;
  height:3px;
  background:linear-gradient(135deg,#FCD34D,#F59E0B);
  border-radius:2px;
}

/* ============================================================
   8. TRUST BADGES HERO — étoile or
   ============================================================ */
.hero-trust span{
  position:relative;
}
.hero-trust span::before{
  content:"★";
  margin-right:6px;
  color:#FCD34D;
  font-size:12px;
}

/* ============================================================
   9. BANDE LISA générique — corail orange (si la page a une
   bannière Lisa avec classe générique .lisa-banner)
   ============================================================ */
.lisa-banner{
  background:linear-gradient(135deg,#7c2d12 0%,#fb923c 60%,#fdba74 100%) !important;
  color:#fff !important;
}
.lisa-banner h2,
.lisa-banner h3,
.lisa-banner p,
.lisa-banner .label{
  color:#fff !important;
}

/* ============================================================
   10. ANNEAU AVATAR LISA — corail solide 9px
   ============================================================ */
.ai-robot-img,
[data-lisa-avatar]{
  box-shadow:0 0 0 9px #c2410c, 0 0 0 13px rgba(194,65,12,.22), 0 0 30px rgba(194,65,12,.45) !important;
}

/* ============================================================
   11. HEADERS DE SECTION — fond bleu chic + texte blanc
   (uniquement si la classe .section-head-blue est présente)
   ============================================================ */
.section-head-blue,
.si-section-head-blue{
  background:linear-gradient(135deg,#0F172A 0%,#06B6D4 100%) !important;
  color:#fff !important;
  padding:18px 22px !important;
  border-radius:14px !important;
}
.section-head-blue h2,
.section-head-blue h3,
.section-head-blue p,
.si-section-head-blue h2,
.si-section-head-blue h3,
.si-section-head-blue p{
  color:#fff !important;
}

/* ============================================================
   12. ANTI-PÂLE — neutralise les couleurs criardes/pâles
   utilisées comme fond de gros blocs (interdites par règle 6)
   ============================================================ */
.bg-pale-pink,
.bg-pale-yellow,
.bg-pale-purple{
  background:linear-gradient(135deg,#0F172A 0%,#06B6D4 100%) !important;
  color:#fff !important;
}

/* ============================================================
   13. FOOTER LCEN — pas d'override structurel, juste hover or
   ============================================================ */
[data-si-footer] a:hover{
  color:#F59E0B !important;
}

/* ============================================================
   FIN concordance-v27.css
   ============================================================ */