/* ═══════════════════════════════════════════════════════════════
   reeduc.css — Styles specific to reeduc.html
   Requires shared.css to be loaded first.
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════
   REEDUC THEME — Rose/coral overrides
   ═══════════════════════════════════════════════ */

/* ── Page accent color for glow effects ── */
:root {
  --page-accent: var(--r-principal);
  --page-accent-rgb: 236, 104, 107;
}

/* Hero accent: vibrant rose */
.hero .acc-t { color: var(--r-principal) !important; }
.hero .acc-r { color: var(--r-principal) !important; }
.eyebrow {
  background: linear-gradient(135deg, var(--r-principal), var(--r-clair));
}
.why-eyebrow {
  background: linear-gradient(135deg, var(--r-principal), var(--r-clair));
}
.sticky-cta-bar .sticky-primary {
  background: linear-gradient(135deg, var(--r-principal), var(--r-clair));
  color: #fff;
  box-shadow: 0 6px 24px rgba(236, 104, 107, .4), 0 2px 8px rgba(0, 0, 0, .08);
  animation: stickyPulseRose 3s ease-in-out infinite;
}
@keyframes stickyPulseRose {
  0%, 100% { box-shadow: 0 6px 24px rgba(236, 104, 107, .4), 0 2px 8px rgba(0, 0, 0, .08); }
  50% { box-shadow: 0 8px 32px rgba(236, 104, 107, .55), 0 4px 16px rgba(236, 104, 107, .2); }
}
.nav-cta {
  background: var(--r-principal) !important;
  box-shadow: 0 6px 20px rgba(236, 104, 107, .2) !important;
}

/* ═══════════════════════════════════════════════
   ACTIVITY CARDS GRID
   ═══════════════════════════════════════════════ */
.activity-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.8rem;
  margin-top: 1rem;
}
.activity-card {
  background: rgba(255, 255, 255, .62);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(52, 86, 162, .07);
  border-radius: 20px;
  padding: 2.2rem;
  transition: background .35s, transform .35s, box-shadow .35s, border-color .35s;
  box-shadow: 0 2px 16px rgba(52, 86, 162, .04);
  position: relative;
  overflow: hidden;
}
.activity-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: radial-gradient(circle at 30% 20%, rgba(77, 128, 240, .06), transparent 60%);
  opacity: 0;
  transition: opacity .4s;
}
.activity-card:hover::before { opacity: 1; }
.activity-card:hover {
  background: rgba(255, 255, 255, .92);
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 16px 48px rgba(52, 86, 162, .14);
  border-color: var(--b-l3);
}

.activity-card .ac-emoji {
  font-size: 2.4rem;
  margin-bottom: 1rem;
  display: block;
  animation: floatY 4s ease-in-out infinite;
}
.activity-card:nth-child(2) .ac-emoji { animation-delay: .5s; }
.activity-card:nth-child(3) .ac-emoji { animation-delay: 1s; }
.activity-card:nth-child(4) .ac-emoji { animation-delay: 1.5s; }

.activity-card .ac-title {
  font-size: 1rem;
  font-weight: 800;
  color: var(--b-noir);
  margin-bottom: .5rem;
}
.activity-card .ac-desc {
  font-size: .82rem;
  color: var(--texte-soft);
  line-height: 1.65;
  margin-bottom: .8rem;
}
.activity-card .ac-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--b-l1);
  color: var(--b-principal);
  font-size: .66rem;
  font-weight: 700;
  padding: 3px 11px;
  border-radius: 50px;
  border: 1px solid var(--b-l3);
}

/* ═══════════════════════════════════════════════
   EF CARD ENHANCEMENTS (reeduc-specific overrides)
   Reeduc ef cards have background, border, padding
   ═══════════════════════════════════════════════ */
.ef {
  background: rgba(255, 255, 255, .5);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(236, 104, 107, .1);
  border-radius: 16px;
  padding: 1.2rem 1.4rem;
  transition: all .35s cubic-bezier(.22, 1, .36, 1);
  box-shadow: 0 2px 12px rgba(236, 104, 107, .05);
}
.ef:hover {
  background: rgba(255, 255, 255, .85);
  transform: translateX(6px);
  box-shadow: 0 8px 28px rgba(236, 104, 107, .12);
  border-color: rgba(236, 104, 107, .25);
}
.ef-ico {
  transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}
.ef:hover .ef-ico {
  transform: scale(1.15);
  filter: saturate(1.3);
}
.ef-t {
  transition: color .3s;
}
.ef:hover .ef-t {
  color: var(--r-principal);
}

/* ═══════════════════════════════════════════════
   IF CARD ENHANCEMENTS (reeduc-specific overrides)
   Reeduc if cards have background, border, padding
   ═══════════════════════════════════════════════ */
.if {
  background: rgba(255, 255, 255, .45);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(236, 104, 107, .08);
  border-radius: 14px;
  padding: 1rem 1.2rem;
  transition: all .35s cubic-bezier(.22, 1, .36, 1);
  box-shadow: 0 2px 10px rgba(236, 104, 107, .04);
}
.if:hover {
  background: rgba(255, 255, 255, .8);
  transform: translateX(5px);
  box-shadow: 0 6px 24px rgba(236, 104, 107, .1);
  border-color: rgba(236, 104, 107, .22);
}
.if-ico {
  transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}
.if:hover .if-ico {
  transform: scale(1.12);
  filter: saturate(1.2);
}
.if-t {
  transition: color .3s;
}
.if:hover .if-t {
  color: var(--r-principal);
}

/* ═══════════════════════════════════════════════
   MOBILE — max-width: 600px
   ═══════════════════════════════════════════════ */
@media (max-width: 600px) {

  /* Reeduc: tighter gap between nav and vision eyebrow */
  #vision { padding-top: clamp(15px, 2vh, 30px) !important; }

  /* Hide descriptions — revealed on tap */
  .ac-desc { display: none !important; }
  .ac-tag { display: none !important; }

  /* Activity grid: horizontal scroll */
  .activity-grid {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: .7rem !important;
    padding-bottom: .5rem !important;
    scrollbar-width: none;
  }
  .activity-grid::-webkit-scrollbar { display: none; }
  .activity-grid .activity-card {
    flex: 0 0 72% !important;
    scroll-snap-align: center;
    padding: 1.2rem 1rem !important;
    border-radius: 18px !important;
    min-width: 0;
  }
  .activity-card .ac-emoji { font-size: 1.8rem !important; margin-bottom: .5rem !important; }
  .activity-card .ac-title { font-size: .75rem !important; }

  /* ── Hero override — fluid ── */
  .hero { padding: clamp(44px, 10vw, 56px) 5% clamp(18px, 4vw, 28px) !important; }

  /* ══ Reseau ══ */
  #reseau { display: block !important; padding: 20px 5% !important; }

  /* ══ Patient XP — Feature chips ══ */
  #patient-xp { display: block !important; padding: 20px 5% !important; }
  #patient-xp .iface-grid { grid-template-columns: 1fr !important; gap: .6rem !important; }
  #patient-xp .screen-frame { display: none !important; }
  #patient-xp .iface-feats { display: flex !important; flex-wrap: wrap !important; gap: .4rem !important; }
  #patient-xp .if {
    display: flex !important; align-items: center !important; gap: .4rem !important;
    background: rgba(255, 255, 255, .65) !important; border: 1px solid var(--b-l2) !important;
    border-radius: 10px !important; padding: .4rem .6rem !important;
  }
  #patient-xp .if-ico { width: 22px !important; height: 22px !important; font-size: 11px !important; border-radius: 6px !important; }
  #patient-xp .if-t { font-size: .7rem !important; }
  #patient-xp .if-d { display: none !important; }
  #patient-xp .if.expanded .if-d {
    display: block !important; font-size: .68rem !important; line-height: 1.5;
    color: var(--texte-soft); margin-top: .3rem;
    animation: fadeSlideIn .4s cubic-bezier(.22, 1, .36, 1) forwards;
  }
  #patient-xp .if.expanded { flex: 1 0 100% !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   ██  v3 CHROMATIC WORLDS — Reeduc (rose / healing / supportive)
   ═══════════════════════════════════════════════════════════════════
   World: Deep rose-dark base + vivid coral-pink animated blobs.
   Glass panels become warm-rose-tinted healing windows.
   ─────────────────────────────────────────────────────────────────── */

/* ── The World — moUve Rose #EC686B / #944142 ── */
body { background: #080204 !important; }

/* ── U logo glow — brand signature background ── */
body::before { display: none !important; }
body::after {
  content            : '' !important;
  position           : fixed !important;
  inset              : auto !important;
  background         : url('img/U.svg') no-repeat center center !important;
  background-size    : contain !important;
  width              : 44vw !important;
  height             : 68vw !important;
  bottom             : -12% !important;
  right              : -8% !important;
  z-index            : -1 !important;
  pointer-events     : none !important;
  opacity            : .055 !important;
  filter             : brightness(0) invert(1)
                       drop-shadow(0 0 70px rgba(240,110,150,.85)) !important;
  animation          : uGlow 13s ease-in-out infinite reverse !important;
}

/* ── Hero ── */
.hero { background: transparent !important; position: relative; overflow: visible; }
.hero::before {
  content    : '';
  position   : absolute;
  width      : 85vw; height: 68vw;
  top        : -14%; left: 50%;
  transform  : translateX(-50%);
  background : radial-gradient(ellipse, rgba(236,104,107,.28) 0%, rgba(148,65,66,.08) 50%, transparent 70%);
  filter     : blur(52px);
  pointer-events: none;
  z-index    : 0;
}
.hero-inner { position: relative; z-index: 1; }

.hero h1 { color: #fff !important; letter-spacing: -3px !important; }
.hero .acc-t, .hero .acc-r {
  background              : linear-gradient(135deg, #FBDCDF 0%, #EC686B 100%) !important;
  -webkit-background-clip : text !important;
  -webkit-text-fill-color : transparent !important;
  background-clip         : text !important;
  filter                  : drop-shadow(0 0 28px rgba(236,104,107,.7));
}
.hero .why-eyebrow, .hero .hero-eyebrow {
  background  : rgba(236,104,107,.16) !important;
  color       : rgba(245,172,174,.9) !important;
  border      : 1px solid rgba(236,104,107,.28) !important;
}
.hero .kpi-num {
  background              : linear-gradient(135deg, #F5ACAE, #EC686B) !important;
  -webkit-background-clip : text !important;
  -webkit-text-fill-color : transparent !important;
  background-clip         : text !important;
  filter                  : drop-shadow(0 0 18px rgba(236,104,107,.55)) !important;
}

/* ── CTA buttons — moUve rose #EC686B / #944142 ── */
.btn-p, .btn-t-r {
  background : linear-gradient(135deg, #EC686B, #944142) !important;
  box-shadow : 0 8px 32px rgba(236,104,107,.45),
               inset 0 1px 0 rgba(255,255,255,.25) !important;
  color      : #fff !important;
}
.btn-p:hover, .btn-t-r:hover {
  box-shadow : 0 16px 52px rgba(236,104,107,.65),
               inset 0 1px 0 rgba(255,255,255,.25) !important;
  transform  : translateY(-3px) !important;
}
.nav-cta {
  background : linear-gradient(135deg, #EC686B, #944142) !important;
  box-shadow : 0 4px 20px rgba(236,104,107,.4),
               inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* ── Sticky bar ── */
.sticky-cta-bar .sticky-primary {
  background : linear-gradient(135deg, #EC686B, #944142);
  color      : #fff;
  animation  : stickyPulseRoseV3 3s ease-in-out infinite;
}
@keyframes stickyPulseRoseV3 {
  0%, 100% { box-shadow: 0 6px 28px rgba(236,104,107,.45); }
  50%       { box-shadow: 0 10px 40px rgba(236,104,107,.65); }
}

/* ── Activity cards: moUve rose glow ── */
.activity-card { border: 1px solid rgba(236,104,107,.2) !important; }
.activity-card:hover {
  border-color: rgba(236,104,107,.4) !important;
  box-shadow  : var(--gl-shine), 0 32px 80px rgba(0,0,0,.5),
                0 0 70px rgba(236,104,107,.18) !important;
}

/* ── Ghost btn ── */
.btn-g {
  border-color: rgba(236,104,107,.35) !important;
  color       : rgba(245,172,174,.9) !important;
}
.btn-g:hover {
  background  : rgba(236,104,107,.12) !important;
  border-color: rgba(236,104,107,.6) !important;
}

/* ── v3 Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  .hero::before { display: none !important; }
  body::before, body::after { animation: none !important; }
}


/* ═══════════════════════════════════════════════════════════════════
   ██  PREMIUM REDESIGN — v3 Palette-Correct Dark World
   Toutes les couleurs respectent la charte officielle moUve rose :
   #FEF4F5 · #FDECEE · #FBDCDF · #F5ACAE · #F77F8B · #EC686B · #944142
   ─────────────────────────────────────────────────────────────────── */

/* ── 1. Remap --t- variables to official rose palette ── */
:root {
  --t-principal : #EC686B;
  --t-vif       : #F77F8B;
  --t-noir      : #944142;
  --t-l1        : rgba(236,104,107,.08);
  --t-l2        : rgba(236,104,107,.14);
  --t-l3        : rgba(236,104,107,.22);
  --t-l4        : rgba(236,104,107,.3);
  --t-l5        : rgba(236,104,107,.38);
}

/* ── 2. Section typography (dark background) ── */
.s-sub   { color: rgba(251,220,223,.68) !important; }

/* ── 4. Activity cards — premium dark liquid glass ── */
.activity-card {
  background             : rgba(255,255,255,.055) !important;
  backdrop-filter        : blur(28px) saturate(2) !important;
  -webkit-backdrop-filter: blur(28px) saturate(2) !important;
  border                 : 1px solid rgba(236,104,107,.18) !important;
  border-radius          : 24px !important;
  padding                : 2.2rem 1.8rem !important;
  box-shadow             : inset 0 1.5px 0 rgba(255,255,255,.6),
                           inset 0 -1px 0 rgba(0,0,0,.08),
                           0 6px 30px rgba(0,0,0,.42),
                           0 0 40px rgba(236,104,107,.05) !important;
}
.activity-card::before {
  background: radial-gradient(circle at 30% 15%, rgba(236,104,107,.1), transparent 60%) !important;
  opacity: 1 !important;
}
.activity-card:hover {
  background   : rgba(255,255,255,.09) !important;
  border-color : rgba(236,104,107,.35) !important;
  box-shadow   : inset 0 1.5px 0 rgba(255,255,255,.75),
                 0 24px 64px rgba(0,0,0,.55),
                 0 0 64px rgba(236,104,107,.2) !important;
  transform    : translateY(-12px) scale(1.025) !important;
}

/* ── 4a. Activity icon ── */
.activity-card .ac-emoji {
  display         : flex !important;
  align-items     : center;
  justify-content : center;
  margin-bottom   : 1.3rem;
  position        : relative;
  flex-shrink     : 0;
}

/* ── 4b. Activity card text ── */
.activity-card .ac-title {
  color         : rgba(255,255,255,.95) !important;
  letter-spacing: -.025em !important;
}
.activity-card .ac-desc {
  color         : rgba(251,220,223,.62) !important;
}
.activity-card .ac-tag {
  background    : rgba(236,104,107,.1) !important;
  color         : rgba(247,127,139,.9) !important;
  border        : 1px solid rgba(236,104,107,.2) !important;
  font-size     : .65rem !important;
}

/* ── 5. IF / EF card text (dark mode) ── */
.if-t, .ef-t { color: rgba(255,255,255,.93) !important; }
.if-d, .ef-d { color: rgba(251,220,223,.62) !important; }

/* ── 6. Rank card (dark liquid glass) ── */
.rank-card {
  background             : rgba(255,255,255,.05) !important;
  backdrop-filter        : blur(28px) saturate(1.8) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.8) !important;
  border                 : 1px solid rgba(236,104,107,.15) !important;
  box-shadow             : inset 0 1.5px 0 rgba(255,255,255,.12),
                           0 12px 48px rgba(0,0,0,.45) !important;
}
.rank-card .rp-t { color: rgba(255,255,255,.92) !important; }
.rank-card .rp-d { color: rgba(251,220,223,.62) !important; }

/* ── 7. Screen frame ── */
.screen-frame {
  background             : rgba(255,255,255,.05) !important;
  border                 : 1px solid rgba(236,104,107,.12) !important;
  box-shadow             : inset 0 1.5px 0 rgba(255,255,255,.1),
                           0 12px 40px rgba(0,0,0,.4) !important;
}

/* ── 8. Tarif card ── */
.tarif-card-main {
  background             : rgba(255,255,255,.055) !important;
  backdrop-filter        : blur(32px) saturate(2) !important;
  -webkit-backdrop-filter: blur(32px) saturate(2) !important;
  border                 : 2px solid rgba(236,104,107,.28) !important;
  box-shadow             : inset 0 1.5px 0 rgba(255,255,255,.12),
                           0 20px 64px rgba(0,0,0,.55),
                           0 0 100px rgba(236,104,107,.12) !important;
}
.tarif-step {
  background : rgba(255,255,255,.06) !important;
  border     : 1px solid rgba(236,104,107,.14) !important;
}
.tarif-step > div { color: rgba(255,255,255,.85) !important; }
.tarif-step strong { color: rgba(247,127,139,.9) !important; }
.tarif-compare {
  background : rgba(255,255,255,.05) !important;
  border     : 1px solid rgba(236,104,107,.12) !important;
}
.tarif-compare:last-child { border-color: rgba(236,104,107,.32) !important; }
.tarif-perk {
  background : rgba(236,104,107,.1) !important;
  color      : rgba(247,127,139,.9) !important;
  border     : 1px solid rgba(236,104,107,.18) !important;
}

/* ── 9. Vision stats cards (palette fix: #ffaaaf → #F5ACAE) ── */
#vision .vision-mechanics > div {
  background : rgba(236,104,107,.12) !important;
  border     : 1px solid rgba(236,104,107,.25) !important;
}
#vision .vision-mechanics > div > div:first-child { color: #F5ACAE !important; }
#vision .vision-mechanics > div > div:last-child  { color: rgba(251,220,223,.62) !important; }

/* ── 10. Desert section cards + emoji replacement ── */
#deserts .mob-grid-3col > div {
  background             : rgba(255,255,255,.055) !important;
  backdrop-filter        : blur(24px) saturate(2) !important;
  -webkit-backdrop-filter: blur(24px) saturate(2) !important;
  border                 : 1px solid rgba(236,104,107,.14) !important;
  box-shadow             : inset 0 1.5px 0 rgba(255,255,255,.1),
                           0 4px 20px rgba(0,0,0,.35) !important;
}
#deserts .mob-grid-3col > div > div:nth-child(2) { color: rgba(255,255,255,.9) !important; }
#deserts .mob-grid-3col > div > p               { color: rgba(251,220,223,.62) !important; }

/* ── 11. Parrainage step cards ── */
#parrainage .cc {
  background             : rgba(255,255,255,.055) !important;
  backdrop-filter        : blur(24px) saturate(2) !important;
  -webkit-backdrop-filter: blur(24px) saturate(2) !important;
  border                 : 1px solid rgba(236,104,107,.14) !important;
  box-shadow             : inset 0 1.5px 0 rgba(255,255,255,.1),
                           0 4px 20px rgba(0,0,0,.35) !important;
}
#parrainage .cc > div:nth-child(3) { color: rgba(255,255,255,.9) !important; }
#parrainage .cc > p                { color: rgba(251,220,223,.62) !important; }
/* Reward bubble */
#parrainage > .fade-up[style*="max-width:680px"] {
  background             : rgba(255,255,255,.055) !important;
  backdrop-filter        : blur(24px) saturate(2) !important;
  border                 : 1.5px solid rgba(236,104,107,.2) !important;
  box-shadow             : inset 0 1.5px 0 rgba(255,255,255,.1),
                           0 4px 24px rgba(0,0,0,.35) !important;
}
#parrainage > .fade-up[style*="max-width:680px"] > div:first-child {
  background : linear-gradient(135deg, rgba(236,104,107,.15), rgba(148,65,66,.12)) !important;
  border     : 2px solid rgba(236,104,107,.22) !important;
}
#parrainage > .fade-up[style*="max-width:680px"] > div:last-child > div:first-child { color: rgba(255,255,255,.92) !important; }
#parrainage > .fade-up[style*="max-width:680px"] > div:last-child > p               { color: rgba(251,220,223,.62) !important; }

/* ── 12. Equipe cards ── */
#equipe .mob-grid-3col > a {
  background             : rgba(255,255,255,.055) !important;
  backdrop-filter        : blur(24px) saturate(2) !important;
  -webkit-backdrop-filter: blur(24px) saturate(2) !important;
  border                 : 1px solid rgba(236,104,107,.12) !important;
  box-shadow             : inset 0 1.5px 0 rgba(255,255,255,.1),
                           0 4px 20px rgba(0,0,0,.35) !important;
}
#equipe .mob-grid-3col > a > p { color: rgba(251,220,223,.62) !important; }

/* ── 13. Creer section icon ── */
.creer-icon {
  width           : 60px;
  height          : 60px;
  border-radius   : 16px;
  background      : linear-gradient(135deg, rgba(236,104,107,.15), rgba(148,65,66,.12));
  border          : 1px solid rgba(236,104,107,.25);
  display         : flex !important;
  align-items     : center;
  justify-content : center;
  margin          : 0 auto;
}
#creer .screen-frame > div {
  background : rgba(255,255,255,.05) !important;
  border     : 1px solid rgba(236,104,107,.15) !important;
}
#creer .screen-frame > div > div[style*="font-weight:800"] { color: rgba(255,255,255,.9) !important; }
#creer .screen-frame > div > div[style*="font-weight:600"] { color: rgba(251,220,223,.62) !important; }

/* ── 14. Formation badge icon ── */
.formation-badge-icon {
  font-size       : 0 !important;
  width           : 64px;
  height          : 64px;
  border-radius   : 18px;
  background      : linear-gradient(135deg, #EC686B, #944142) !important;
  display         : flex !important;
  align-items     : center;
  justify-content : center;
  margin          : 0 auto 1rem;
  box-shadow      : 0 6px 24px rgba(236,104,107,.35), inset 0 1px 0 rgba(255,255,255,.2);
}
.formation-badge-icon::after {
  content       : 'DU';
  font-size     : .72rem;
  font-weight   : 900;
  color         : #fff;
  letter-spacing: 1.5px;
}
/* Formation inline card ── */
#formation .rank-card > .rank-layout > div:last-child > div {
  background : rgba(255,255,255,.055) !important;
  border     : 1px solid rgba(236,104,107,.18) !important;
  box-shadow : inset 0 1.5px 0 rgba(255,255,255,.1), 0 4px 20px rgba(0,0,0,.35) !important;
}
#formation .rank-layout > div:last-child > div > div[style*="font-weight:800"] { color: rgba(255,255,255,.88) !important; }
#formation .rank-layout > div:last-child > div > div[style*="font-weight:600"] { color: rgba(251,220,223,.62) !important; }

/* ── 15. FAQ ── */
.faq-q { color: rgba(255,255,255,.9) !important; }
.faq-a { color: rgba(251,220,223,.65) !important; }

/* ── 16. Made in France badge text ── */
#equipe [style*="100% Made in France"] {
  -webkit-text-fill-color: rgba(247,127,139,.9) !important;
}

/* ── 17. Patient XP section ── */
#patient-xp .s-title { color: rgba(255,255,255,.96) !important; }

/* ── v3 Premium reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  .activity-card, .activity-card:hover { transform: none !important; }
}


/* ═══════════════════════════════════════════════════════════════════
   ██  INLINE TEXT OVERRIDES — remaining dark text on dark background
   Covers gaps left by position-based selectors above.
═══════════════════════════════════════════════════════════════════ */

/* ── Tarif card: "/ mois" span & subtitle text ── */
#tarif .tarif-card-main [style*="-webkit-text-fill-color:var(--texte-soft)"] {
  -webkit-text-fill-color: rgba(251,220,223,.55) !important;
}
#tarif .tarif-card-main [style*="color:var(--texte-soft)"] {
  color: rgba(251,220,223,.55) !important;
}

/* ── Tarif compare cards (text not covered by .tarif-compare background rule) ── */
.tarif-compare [style*="color:var(--texte-soft)"] { color: rgba(251,220,223,.56) !important; }
.tarif-compare [style*="color:var(--texte)"]      { color: rgba(255,255,255,.9)  !important; }

/* ── Tarif parrainage mini-block inside the card ── */
#tarif [style*="background:linear-gradient(135deg,rgba(212,120,127"] [style*="color:var(--texte)"] {
  color: rgba(255,255,255,.9) !important;
}
#tarif [style*="background:linear-gradient(135deg,rgba(212,120,127"] [style*="color:var(--texte-soft)"] {
  color: rgba(251,220,223,.56) !important;
}

/* ── Equipe cards: names (--t-noir remapped to #944142 = dark red, still unreadable) ── */
#equipe .mob-grid-3col > a [style*="color:var(--t-noir)"] {
  color: rgba(255,255,255,.92) !important;
}
/* ── Equipe cards: roles in <div> (not covered by > a > p rule) ── */
#equipe .mob-grid-3col > a [style*="color:var(--texte-soft)"] {
  color: rgba(251,220,223,.62) !important;
}
/* ── Equipe cards: specialty labels ── */
#equipe .mob-grid-3col > a [style*="color:var(--o-fonce)"] {
  color: rgba(253,179,93,.9) !important;
}
#equipe .mob-grid-3col > a [style*="color:var(--r-fonce)"] {
  color: rgba(247,127,139,.9) !important;
}