/* ======================================================================
   VARIANTE « VITRINE » (PDF) : cartes en verre transparent, posées sur
   un joyau lumineux qui transparaît à travers la vitre.
   ====================================================================== */

/* --- les joyaux : lumières posées sous chaque vitrine --- */
#se-former .grid3,.trio,#options .coach-wide{position:relative;isolation:isolate}
#se-former .grid3::after,.trio::after{content:"";position:absolute;z-index:-1;left:-2%;right:-2%;top:8%;bottom:4%;pointer-events:none;filter:blur(18px)}
#se-former .grid3::after{background:
  radial-gradient(closest-side,rgba(90,170,255,.55),rgba(90,170,255,0)) 14% 58%/28% 70% no-repeat,
  radial-gradient(closest-side,rgba(150,205,255,.60),rgba(150,205,255,0)) 50% 58%/28% 70% no-repeat,
  radial-gradient(closest-side,rgba(90,170,255,.55),rgba(90,170,255,0)) 86% 58%/28% 70% no-repeat}
.trio::after{background:
  radial-gradient(closest-side,rgba(90,170,255,.45),rgba(90,170,255,0)) 15% 60%/26% 66% no-repeat,
  radial-gradient(closest-side,rgba(255,214,140,.85),rgba(232,170,80,.35) 45%,rgba(232,170,80,0)) 50% 52%/34% 80% no-repeat,
  radial-gradient(closest-side,rgba(90,170,255,.45),rgba(90,170,255,0)) 85% 60%/26% 66% no-repeat}
#options .coach-wide::after{content:"";position:absolute;z-index:-1;inset:10% 20%;background:radial-gradient(closest-side,rgba(110,180,255,.5),transparent);filter:blur(22px)}

/* --- la vitrine : verre transparent, reflets, arêtes lumineuses --- */
#accompagnements .offer,.coach-wide{
  background:
    linear-gradient(118deg,rgba(255,255,255,0) 18%,rgba(255,255,255,.07) 23%,rgba(255,255,255,0) 30%),
    linear-gradient(180deg,rgba(225,238,255,.16) 0%,rgba(160,200,250,.06) 35%,rgba(20,40,70,.22) 100%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  border:1px solid rgba(225,238,255,.30)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    inset 1px 0 0 rgba(255,255,255,.18),
    inset -1px 0 0 rgba(255,255,255,.10),
    inset 0 -30px 50px -40px rgba(140,190,255,.3),
    0 40px 60px -40px rgba(0,0,0,.9)!important}
#accompagnements .offer::before{left:10%!important;right:10%!important;height:1px!important;background:linear-gradient(90deg,rgba(255,255,255,0),#fff,rgba(255,255,255,0))!important;box-shadow:0 0 8px 1px rgba(200,225,255,.35)}
/* socle : reflet de la vitrine sur le présentoir */
#accompagnements .offer::after{content:"";position:absolute;left:8%;right:8%;bottom:-18px;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(150,200,255,.35),transparent);filter:blur(4px);pointer-events:none}

#accompagnements .offer .bigprice,#se-former .offer .bigprice,.cw-r .bigprice{background:linear-gradient(180deg,#FFFFFF,#DCEBFC 60%,#AFCDF2)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none}
#accompagnements .offer .bigprice span,.cw-r .bigprice span{-webkit-text-fill-color:#B4C6DE}
#accompagnements .offer .tagline,.cw-l .tagline{color:#CFE3FA!important}
#accompagnements .offer li,.cw-list li{color:#F2F6FC!important}
#accompagnements .offer .chip{border-color:rgba(225,238,255,.35)!important;background:rgba(255,255,255,.07)!important;color:#E3ECF8!important}
#accompagnements .offer .ic-check path,.cw-list .ic-check path{stroke:#CFE3FA!important}
#accompagnements .offer .gift{background:linear-gradient(180deg,#FFFFFF,#DCE8F7);color:#0B1A33}
#accompagnements .offer .btn-ghost,.coach-wide .btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(225,238,255,.45)}

/* --- le joyau principal : l'offre IG, vitrine dorée --- */
#accompagnements .trio .offer.ig{
  background:
    linear-gradient(118deg,rgba(255,255,255,0) 18%,rgba(255,248,230,.09) 23%,rgba(255,255,255,0) 30%),
    linear-gradient(180deg,rgba(255,240,205,.20) 0%,rgba(230,190,120,.08) 40%,rgba(40,30,15,.30) 100%)!important;
  border:1px solid rgba(255,230,180,.75)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,250,235,.95),
    inset 0 -40px 60px -40px rgba(255,200,120,.55),
    0 0 60px -20px rgba(230,180,100,.55),
    0 44px 70px -40px rgba(0,0,0,.9)!important}
#accompagnements .trio .offer.ig::before{background:linear-gradient(90deg,rgba(255,236,190,0),#FFF6DE,rgba(255,236,190,0))!important;box-shadow:0 0 10px 1px rgba(255,220,150,.4)}
#accompagnements .trio .offer.ig::after{background:radial-gradient(closest-side,rgba(255,210,140,.5),transparent)}
#accompagnements .trio .offer.ig .tagline{color:#F2D9A2!important}
#accompagnements .trio .offer.ig .bigprice{background:linear-gradient(180deg,#FFF8E6,#EBD29D 60%,#C9A45C)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
#accompagnements .trio .offer.ig .ic-check path{stroke:#F2D9A2!important}

/* --- étape 4 : vitrine orange cuivrée --- */
.funded .fund{position:relative;isolation:isolate;overflow:visible!important;
  background:
    linear-gradient(118deg,rgba(255,255,255,0) 18%,rgba(255,236,220,.07) 23%,rgba(255,255,255,0) 30%),
    linear-gradient(180deg,rgba(255,215,180,.14) 0%,rgba(232,140,80,.05) 40%,rgba(30,15,8,.30) 100%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  border:1px solid rgba(255,200,160,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,235,220,.6),inset 0 -30px 50px -40px rgba(240,140,70,.35),0 0 60px -24px rgba(232,119,46,.45),0 40px 60px -40px rgba(0,0,0,.9)!important}
.funded .fund::before{content:"";position:absolute;left:10%;right:10%;top:-1px;height:1px;background:linear-gradient(90deg,rgba(255,200,160,0),#FFE6D2,rgba(255,200,160,0));box-shadow:0 0 10px 1px rgba(255,170,110,.4)}
.funded .fund::after{content:"";position:absolute;z-index:-1;left:-3%;right:-3%;top:4%;bottom:-6%;pointer-events:none;filter:blur(20px);background:
  radial-gradient(closest-side,rgba(255,160,90,.70),rgba(232,119,46,.25) 50%,rgba(232,119,46,0)) 26% 55%/40% 80% no-repeat,
  radial-gradient(closest-side,rgba(255,180,120,.45),rgba(232,119,46,0)) 78% 50%/36% 70% no-repeat}
.funded .fund-r{background:rgba(255,255,255,.03)!important;border-left-color:rgba(255,200,160,.22)!important}
.funded .fund-l h4,.funded .fund-step b{color:#FFF6EE}
.funded .fund-step .n{background:rgba(255,190,140,.10)}
.funded .wrap > .fund{margin-bottom:18px}

/* ===================== reflet qui se déplace sur les vitrines ===================== */
@media (prefers-reduced-motion:no-preference){
  #accompagnements .offer,.funded .fund{background-size:260% 100%,100% 100%!important;animation:glass 9s ease-in-out infinite}
  #accompagnements .offer:nth-child(2){animation-delay:-3s}
  #accompagnements .offer:nth-child(3){animation-delay:-6s}
  .funded .fund{animation-duration:11s}
}
@keyframes glass{0%,100%{background-position:100% 0,0 0}50%{background-position:0% 0,0 0}}

/* ===================== parcours en 3 étapes illustrées ===================== */
.path3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.path3::before{left:16.6%!important;right:16.6%!important;top:35px!important;background:linear-gradient(90deg,#3E8FE6,#7DBDF7 50%,#E8772E)!important;background-size:200% 100%}
.path3 .n{width:70px!important;height:70px!important;position:relative}
.path3 .n svg{width:34px;height:34px}
.path3 .n i{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:var(--font-body);font-size:12px;font-weight:700;color:#0B1322;background:#fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.6)}
.path3 li:nth-child(1) .n{background:linear-gradient(160deg,#5AA9F5,#2A6FC4)!important;color:#fff!important}
.path3 li:nth-child(2) .n{background:linear-gradient(160deg,#8CC6F8,#3E86D6)!important;color:#fff!important}
.path3 li.p-fund .n{background:linear-gradient(160deg,#F6A36A,#D2631F)!important;color:#fff!important}
.path3 li:not(:last-child)::after{top:30px!important}

/* ===================== formations : bouton programme ===================== */
.btn-dl{gap:8px}
.btn-dl svg{width:16px;height:16px}
#se-former .offer .btns{gap:8px}
#se-former .offer li b{font-weight:600;color:#fff}

/* ===================== nos services : 3 cartes ===================== */
.calls3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.call .price{white-space:nowrap}
.call.coach .call-ico{color:#CFE3FA}
/* assistance trading : rouge, comme le bouton SOS */
.call.assist{border-color:rgba(232,92,80,.45)!important;background:radial-gradient(120% 120% at 0% 0%,rgba(232,92,80,.16),transparent 60%),linear-gradient(180deg,#1A1418,#121019)!important}
.call.assist .call-ico{color:#FF8A7E;border-color:rgba(232,92,80,.5)!important;background:rgba(232,92,80,.10)}
.call.assist .call-ico svg{width:30px;height:30px}
.call.assist .price{color:#fff;background:linear-gradient(160deg,#F07468,#D9473C);border-color:transparent}
.call.assist .ic-check path{stroke:#FF9A8F!important}
.call.assist .warn{color:#C9A9A6}
.btn-sos{background:linear-gradient(160deg,#F07468,#D9473C);color:#fff;border:1px solid rgba(255,170,160,.45);box-shadow:0 12px 26px -12px rgba(232,92,80,.9),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-sos:hover{filter:brightness(1.06);transform:translateY(-1px)}
@media (max-width:1100px){.calls3{grid-template-columns:1fr!important}}
@media (max-width:980px){.path3 .n{width:60px!important;height:60px!important}}

/* ===================== offre IG : reflet doré qui balaie la vitrine ===================== */
.ig-shine{position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none;z-index:0}
.ig-shine::before{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:45%;background:linear-gradient(105deg,transparent 0%,rgba(255,238,200,0) 20%,rgba(255,240,205,.22) 48%,rgba(255,255,255,.32) 52%,rgba(255,238,200,0) 80%,transparent 100%);transform:translateX(-120%) skewX(-12deg)}
@media (prefers-reduced-motion:no-preference){.ig-shine::before{animation:igsweep 5.5s cubic-bezier(.45,.05,.25,1) infinite}}
@keyframes igsweep{0%,55%{transform:translateX(-120%) skewX(-12deg)}100%{transform:translateX(330%) skewX(-12deg)}}
#accompagnements .trio .offer.ig > *:not(.ig-shine):not(.seal){position:relative;z-index:1}

/* ===================== nos services : coaching privé mis en lumière ===================== */
.call.coach{position:relative;border-color:rgba(140,200,255,.5)!important;background:radial-gradient(120% 90% at 100% 0%,rgba(120,190,255,.22),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(46,155,255,.12),transparent 60%),linear-gradient(180deg,#16263F,#0F1B30)!important;box-shadow:0 30px 70px -40px rgba(46,155,255,.75),inset 0 1px 0 rgba(255,255,255,.35)!important}
.call.coach .call-ico{color:#fff!important;border:0!important;background:linear-gradient(160deg,#7FC0F7,#2F78D0)!important;box-shadow:0 10px 22px -10px rgba(46,155,255,.9)}
.call.coach .price{color:#0B1A33!important;background:linear-gradient(180deg,#FFFFFF,#CFE3FA)!important;border-color:transparent!important}
.call.coach .ic-check path{stroke:#9FCBFA!important}
.call.coach li{color:#EEF4FC}
.coach-tag{position:absolute;top:-11px;left:28px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;border-radius:999px;color:#0B1A33;background:linear-gradient(180deg,#FFFFFF,#CFE3FA);box-shadow:0 8px 18px -8px rgba(120,190,255,.8)}
.call.coach::after{display:none!important}

/* témoignages : section et lien de menu masqués tant qu'aucun vrai témoignage n'est saisi
   (retirer la classe « is-empty » d'une carte la fait réapparaître) */
#temoignages:not(:has(.quote:not(.is-empty))){display:none}
body:not(:has(#temoignages .quote:not(.is-empty))) .nav-links a[href="#temoignages"]{display:none}