/* ═══════════════════════════════════════════════════════════════════════
   COCON — CSS des sections, sorti des pages le 31/08/2026.
   Ce fichier remplace des blocs <style> qui s'imprimaient dans wp_footer.
   ORDRE DE CASCADE : il est enqueue DEPUIS wp_footer (voir functions.php,
   « CHARGEUR DES BUNDLES »), donc il sort au meme endroit qu'avant —
   apres style.css et apres le CSS inline de Bricks. Ne pas le remonter
   dans le <head> : ca inverserait la cascade sur tout le site.
   ═══════════════════════════════════════════════════════════════════════ */


/* ══ depuis cocon-sections-fx.php (bloc cocon-sections-fx-css) ══ */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&display=swap');
/* ---- Titre mentor = .giant V2 EXACT (Archivo 800) ---- */
#brxe-cpcscc h2{font-family:"Archivo","Helvetica Neue",Arial,sans-serif !important;font-weight:800 !important;font-size:clamp(48px,11vw,168px) !important;line-height:.86 !important;letter-spacing:-.04em !important;text-transform:uppercase;margin-bottom:clamp(36px,4vw,56px)}
.cocon-fx-cpcscc h2{font-family:"Archivo","Helvetica Neue",Arial,sans-serif !important;font-weight:800 !important;font-size:clamp(48px,11vw,168px) !important;line-height:.86 !important;letter-spacing:-.04em !important;text-transform:uppercase;margin-bottom:clamp(36px,4vw,56px)}
.cocon-mentor h2{font-family:"Archivo","Helvetica Neue",Arial,sans-serif !important;font-weight:800 !important;font-size:clamp(48px,11vw,168px) !important;line-height:.86 !important;letter-spacing:-.04em !important;text-transform:uppercase;margin-bottom:clamp(36px,4vw,56px)}
#brxe-cpcscc p{margin-top:clamp(72px,8vw,98px) !important;max-width:640px !important;margin-left:auto !important;margin-right:auto !important;font-size:clamp(16px,1.4vw,19px) !important;line-height:1.7}
.cocon-fx-cpcscc p{margin-top:clamp(72px,8vw,98px) !important;max-width:640px !important;margin-left:auto !important;margin-right:auto !important;font-size:clamp(16px,1.4vw,19px) !important;line-height:1.7}
.cocon-mentor p{margin-top:clamp(72px,8vw,98px) !important;max-width:640px !important;margin-left:auto !important;margin-right:auto !important;font-size:clamp(16px,1.4vw,19px) !important;line-height:1.7}
/* ---- Héros V3 rotateur + V4 souligné : CSS V2 EXACT (L57-78) ---- */
.herorot{display:inline-block;overflow:hidden;vertical-align:bottom;color:var(--accent);line-height:1}
.herorw{display:inline-block}
.heroul{position:relative;display:inline-block;color:var(--accent)}
.heroul::after{display:none !important}
svg.heroscribble{position:absolute !important;left:-2%;bottom:-.15em;width:104% !important;height:.2em !important;overflow:visible;display:block;pointer-events:none}
svg.heroscribble path{fill:none;stroke:var(--accent);stroke-width:8.5;stroke-linecap:round}
@keyframes heroWordUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
/* ---- Archives : hover zoom + révèle couleur ---- */
#brxe-arsec1 img{transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s;will-change:transform}
.cocon-fx-arsec1 img{transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s;will-change:transform}
#brxe-arsec1 img:hover{transform:scale(1.07);filter:saturate(1.5) brightness(1.05);z-index:4;position:relative}
.cocon-fx-arsec1 img:hover{transform:scale(1.07);filter:saturate(1.5) brightness(1.05);z-index:4;position:relative}
/* l'overlay CTA "À ton tour" couvrait la grille et bloquait le hover des photos */
#brxe-arcta1{pointer-events:none}
.cocon-fx-arcta1{pointer-events:none}
#brxe-arcta1 a,#brxe-arcta1 .bricks-button,#brxe-arcta1 button{pointer-events:auto}
.cocon-fx-arcta1 a,.cocon-fx-arcta1 .bricks-button,.cocon-fx-arcta1 button{pointer-events:auto}
/* archive v1 = marquee qui défile → pause au survol pour pouvoir hover une photo (sinon elle glisse sous le curseur) */
/* ---- Citation : préparer le scrub ---- */
#brxe-ctmed1{will-change:clip-path}
.cocon-fx-ctmed1{will-change:clip-path}
.cocon-cita__media{will-change:clip-path}
/* ---- Polaroïds "Nos aventures" : CSS V2 EXACT (copié L128-141) ---- */
#brxe-pdpls1{display:flex !important;flex-direction:row !important;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(26px,4vw,64px);width:min(1180px,95vw) !important;max-width:none !important;margin:0 auto}
.cocon-fx-pdpls1{display:flex !important;flex-direction:row !important;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(26px,4vw,64px);width:min(1180px,95vw) !important;max-width:none !important;margin:0 auto}
.cocon-polas{display:flex !important;flex-direction:row !important;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(26px,4vw,64px);width:min(1180px,95vw) !important;max-width:none !important;margin:0 auto}
.pola{position:relative;background:#fbfaf6;padding:11px 11px 9px;box-shadow:0 8px 20px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08);display:inline-block;width:clamp(256px,29vw,346px);transition:transform .5s cubic-bezier(.34,1.4,.5,1),box-shadow .5s cubic-bezier(.22,.61,.36,1);margin:0}
.pola .pphoto{aspect-ratio:4/5;width:100%;overflow:hidden;display:block;background:#15140f}
.pola .pphoto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.pola > *:last-child{font-family:"Caveat",cursive;font-weight:700;font-size:23px;color:#161514;text-align:center;margin-top:7px;line-height:1.05}
.pola:nth-child(3n+1){transform:rotate(-3deg)}
.pola:nth-child(3n+2){transform:rotate(2deg)}
.pola:nth-child(3n){transform:rotate(-1.5deg)}
.pola::before{content:"";position:absolute;width:74px;height:22px;background:rgba(251,192,0,.42);top:-11px;left:50%;transform:translateX(-50%) rotate(-2.5deg);z-index:2;pointer-events:none;border-radius:1px}
.pola:hover{transform:rotate(0deg) translateY(-6px) !important;box-shadow:0 12px 28px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.14);z-index:4}
.pola:hover .pphoto img{transform:scale(1.04)}
@media(max-width:820px){.pola{width:clamp(220px,44vw,300px)}}
/* ---- Mentor : CSS V2 EXACT (copié de born4more-replica.html L174-203) ---- */
#brxe-cpcscc{padding:clamp(90px,12vw,180px) 0 !important;background:var(--imm-black);overflow:hidden}
.cocon-fx-cpcscc{padding:clamp(90px,12vw,180px) 0 !important;background:var(--imm-black);overflow:hidden}
.cocon-mentor{padding:clamp(90px,12vw,180px) 0 !important;background:var(--imm-black);overflow:hidden}
#brxe-pstfgk::before,#brxe-pstfgk::after{display:none !important}
.cocon-fx-pstfgk::before,.cocon-fx-pstfgk::after{display:none !important}
.cocon-mentor__stage::before,.cocon-mentor__stage::after{display:none !important}
.mentor-stage{position:relative;max-width:1000px;margin:0 auto}
.mentor-video{position:relative;z-index:3;background:#0a0908;width:100%;padding-bottom:56.25%;height:0;border-radius:12px;overflow:hidden;box-shadow:0 34px 80px -22px rgba(0,0,0,.9),0 2px 10px rgba(0,0,0,.5)}
.mentor-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mpolas{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;gap:0;pointer-events:none}
.mpolas-l{left:0}
.mpolas-r{right:0}
.mp-wrap{position:relative;will-change:transform;margin-top:-123px}
.mp-wrap:first-child{margin-top:0}
.mpolas .mp-wrap:has(.mpola:hover){z-index:40}
.mpolas-l .mp-wrap{transform:translateX(16px)}
.mpolas-r .mp-wrap{transform:translateX(-16px)}
.mpolas .mp-wrap:nth-child(2){z-index:5}
.mpolas .mp-wrap:nth-child(1){z-index:3}
.mpolas .mp-wrap:nth-child(3){z-index:2}
.mpola{background:#fbfaf6;padding:7px 7px 9px;box-shadow:0 18px 42px -14px rgba(0,0,0,.82);width:clamp(118px,12.5vw,160px);position:relative;pointer-events:auto;cursor:pointer;transition:transform .35s cubic-bezier(.34,1.4,.5,1),box-shadow .35s cubic-bezier(.22,.61,.36,1);margin:0}
.mpolas-l .mp-wrap:nth-child(1) .mpola{transform:rotate(-4deg)}
.mpolas-l .mp-wrap:nth-child(2) .mpola{transform:rotate(3deg)}
.mpolas-l .mp-wrap:nth-child(3) .mpola{transform:rotate(-2.5deg)}
.mpolas-r .mp-wrap:nth-child(1) .mpola{transform:rotate(3.5deg)}
.mpolas-r .mp-wrap:nth-child(2) .mpola{transform:rotate(-3deg)}
.mpolas-r .mp-wrap:nth-child(3) .mpola{transform:rotate(4deg)}
.mpola:hover{transform:rotate(0) translateY(-9px) scale(1.06) !important;box-shadow:0 30px 60px -14px rgba(0,0,0,.88)}
.mpola img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.mpola figcaption{font-family:"Caveat",cursive;font-weight:700;font-size:15px;color:#161514;text-align:center;margin-top:4px;line-height:1}
@media(max-width:1024px){.mpolas{display:none}}
/* ---- Slider témoignages (reconstruit en JS) ---- */
.cocon-tslider{position:relative;max-width:1180px;margin:0 auto;overflow:hidden;cursor:grab}
.cocon-tslider:active{cursor:grabbing}
.cocon-ttrack{display:flex;transition:transform .55s cubic-bezier(.5,.1,.2,1);will-change:transform}
.cocon-ttrack.cocon-drag{transition:none}
.cocon-tslide{min-width:100%;flex:0 0 100%}
.cocon-tcontrols{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:clamp(34px,4vw,52px)}
.cocon-tarrow{width:50px;height:50px;border-radius:50%;border:1px solid color-mix(in srgb,var(--imm-ink) 22%,transparent);background:transparent;color:var(--imm-ink);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s}
.cocon-tarrow:hover{background:var(--accent);color:#0a0908;border-color:var(--accent)}
.cocon-tdots{display:flex;gap:9px;align-items:center}
.cocon-tdot{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:color-mix(in srgb,var(--imm-ink) 25%,transparent);cursor:pointer;transition:background .25s,width .25s}
.cocon-tdot.on{background:var(--accent);width:26px;border-radius:5px}
/* ---- Archives variante 2 : marquee ---- */
@keyframes cocon-arch-scroll{to{transform:translateX(-50%)}}
#brxe-qlpljl{text-align:center;overflow:hidden;padding:clamp(70px,9vw,140px) 0 clamp(60px,8vw,120px)}
.cocon-fx-qlpljl{text-align:center;overflow:hidden;padding:clamp(70px,9vw,140px) 0 clamp(60px,8vw,120px)}
.cocon-mur{text-align:center;overflow:hidden;padding:clamp(70px,9vw,140px) 0 clamp(60px,8vw,120px)}
#brxe-qlpljl h2{margin-bottom:clamp(40px,5vw,60px)}
.cocon-fx-qlpljl h2{margin-bottom:clamp(40px,5vw,60px)}
.cocon-mur h2{margin-bottom:clamp(40px,5vw,60px)}
#brxe-qlpljl h3{margin-top:clamp(48px,6vw,80px)}
.cocon-fx-qlpljl h3{margin-top:clamp(48px,6vw,80px)}
.cocon-mur h3{margin-top:clamp(48px,6vw,80px)}
#brxe-qlpljl h3 + p,#brxe-qlpljl p{max-width:520px;margin-left:auto;margin-right:auto;margin-top:14px}
.cocon-fx-qlpljl h3 + p,.cocon-fx-qlpljl p{max-width:520px;margin-left:auto;margin-right:auto;margin-top:14px}
.cocon-mur h3 + p,.cocon-mur p{max-width:520px;margin-left:auto;margin-right:auto;margin-top:14px}
#brxe-qlpljl .bricks-button{margin-top:22px}
.cocon-fx-qlpljl .bricks-button{margin-top:22px}
.cocon-mur .bricks-button{margin-top:22px}
#brxe-qlpljl .ar2-row{display:flex;gap:14px;width:max-content;margin:7px 0;animation:cocon-arch-scroll 48s linear infinite;text-align:left}
.cocon-fx-qlpljl .ar2-row{display:flex;gap:14px;width:max-content;margin:7px 0;animation:cocon-arch-scroll 48s linear infinite;text-align:left}
.cocon-mur .ar2-row{display:flex;gap:14px;width:max-content;margin:7px 0;animation:cocon-arch-scroll 48s linear infinite;text-align:left}
#brxe-qlpljl .ar2-row.rev{animation-direction:reverse;animation-duration:40s}
.cocon-fx-qlpljl .ar2-row.rev{animation-direction:reverse;animation-duration:40s}
.cocon-mur .ar2-row.rev{animation-direction:reverse;animation-duration:40s}
#brxe-qlpljl .ar2-row img{height:clamp(135px,15vw,205px);width:auto;aspect-ratio:4/3;flex:0 0 auto;border-radius:8px;display:block;object-fit:cover;filter:saturate(.72) brightness(.9) grayscale(.08);transition:filter .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1);cursor:pointer}
.cocon-fx-qlpljl .ar2-row img{height:clamp(135px,15vw,205px);width:auto;aspect-ratio:4/3;flex:0 0 auto;border-radius:8px;display:block;object-fit:cover;filter:saturate(.72) brightness(.9) grayscale(.08);transition:filter .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1);cursor:pointer}
.cocon-mur .ar2-row img{height:clamp(135px,15vw,205px);width:auto;aspect-ratio:4/3;flex:0 0 auto;border-radius:8px;display:block;object-fit:cover;filter:saturate(.72) brightness(.9) grayscale(.08);transition:filter .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1);cursor:pointer}
#brxe-qlpljl .ar2-row img:hover{filter:saturate(1.6);transform:scale(1.035);position:relative;z-index:3}
.cocon-fx-qlpljl .ar2-row img:hover{filter:saturate(1.6);transform:scale(1.035);position:relative;z-index:3}
.cocon-mur .ar2-row img:hover{filter:saturate(1.6);transform:scale(1.035);position:relative;z-index:3}
/* CTA archives v2 = superposé en bas + dégradé (V2 .arch2-cta) */
.cocon-arch2-cta{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;gap:16px;padding:clamp(120px,14vw,205px) 24px clamp(28px,4vw,48px);background:linear-gradient(180deg,transparent,rgba(22,21,20,.5) 24%,#161514 60%);pointer-events:none;z-index:6}
.cocon-arch2-cta>*{pointer-events:auto;position:relative;margin:0 auto !important}
.cocon-arch2-cta h3{margin-bottom:0 !important}
/* ===== A · FOOTER : charte chrome SOMBRE forcée sur #931 (immune au var-override qui inverse --ink/--paper → footer blanc invisible) + toggle thème masqué (page sombre fixe) ===== */
/* ===== H · SLIDER témoignages : header (eyebrow+titre) plus coupé + blockquote en Inter (Bricks le laissait en Georgia serif) ===== */
#brxe-iuppld{padding-top:clamp(96px,12vw,168px) !important;padding-bottom:clamp(60px,8vw,112px) !important}
.cocon-fx-iuppld{padding-top:clamp(96px,12vw,168px) !important;padding-bottom:clamp(60px,8vw,112px) !important}
.cocon-tmslider{padding-top:clamp(96px,12vw,168px) !important;padding-bottom:clamp(60px,8vw,112px) !important}
#brxe-iuppld blockquote{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif !important;font-style:normal !important;font-weight:400;font-size:clamp(20px,2.1vw,28px);line-height:1.5;color:var(--imm-ink) !important}
.cocon-fx-iuppld blockquote{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif !important;font-style:normal !important;font-weight:400;font-size:clamp(20px,2.1vw,28px);line-height:1.5;color:var(--imm-ink) !important}
.cocon-tmslider blockquote{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif !important;font-style:normal !important;font-weight:400;font-size:clamp(20px,2.1vw,28px);line-height:1.5;color:var(--imm-ink) !important}
/* layout du slide FIGÉ ici (le CSS venait d'un cache Bricks volatil) + photos de cohorte en décor (rotation, car les témoignages-message n'ont pas de portrait) */
#brxe-iuppld .cocon-slide-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,4vw,56px);align-items:center;max-width:1080px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
.cocon-fx-iuppld .cocon-slide-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,4vw,56px);align-items:center;max-width:1080px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
.cocon-tmslider .cocon-slide-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,4vw,56px);align-items:center;max-width:1080px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
#brxe-iuppld .tphoto{border-radius:12px;overflow:hidden;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:#e8e3d6}
.cocon-fx-iuppld .tphoto{border-radius:12px;overflow:hidden;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:#e8e3d6}
.cocon-tmslider .tphoto{border-radius:12px;overflow:hidden;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:#e8e3d6}
#brxe-iuppld .twho{font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.cocon-fx-iuppld .twho{font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.cocon-tmslider .twho{font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
/* décor slider : WebP 768 (au lieu de la pleine taille JPEG) → ~70% plus léger. Fallback = background-color crème déjà posé sur .tphoto. */
#brxe-iuppld .cocon-tslide:nth-child(6n+1) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-00-768x614.jpg.webp)}
.cocon-fx-iuppld .cocon-tslide:nth-child(6n+1) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-00-768x614.jpg.webp)}
.cocon-tmslider .cocon-tslide:nth-child(6n+1) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-00-768x614.jpg.webp)}
#brxe-iuppld .cocon-tslide:nth-child(6n+2) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-01-768x768.jpg.webp)}
.cocon-fx-iuppld .cocon-tslide:nth-child(6n+2) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-01-768x768.jpg.webp)}
.cocon-tmslider .cocon-tslide:nth-child(6n+2) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-01-768x768.jpg.webp)}
#brxe-iuppld .cocon-tslide:nth-child(6n+3) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-05-768x450.jpg.webp)}
.cocon-fx-iuppld .cocon-tslide:nth-child(6n+3) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-05-768x450.jpg.webp)}
.cocon-tmslider .cocon-tslide:nth-child(6n+3) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-05-768x450.jpg.webp)}
#brxe-iuppld .cocon-tslide:nth-child(6n+4) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-09-768x768.jpg.webp)}
.cocon-fx-iuppld .cocon-tslide:nth-child(6n+4) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-09-768x768.jpg.webp)}
.cocon-tmslider .cocon-tslide:nth-child(6n+4) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-09-768x768.jpg.webp)}
#brxe-iuppld .cocon-tslide:nth-child(6n+5) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-11-768x768.jpg.webp)}
.cocon-fx-iuppld .cocon-tslide:nth-child(6n+5) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-11-768x768.jpg.webp)}
.cocon-tmslider .cocon-tslide:nth-child(6n+5) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-11-768x768.jpg.webp)}
#brxe-iuppld .cocon-tslide:nth-child(6n) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-13-768x294.jpg.webp)}
.cocon-fx-iuppld .cocon-tslide:nth-child(6n) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-13-768x294.jpg.webp)}
.cocon-tmslider .cocon-tslide:nth-child(6n) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-13-768x294.jpg.webp)}
@media(max-width:760px){#brxe-iuppld .cocon-slide-inner{grid-template-columns:1fr;gap:20px}#brxe-iuppld .tphoto{aspect-ratio:16/10}}
@media(max-width:760px){.cocon-tmslider .cocon-slide-inner{grid-template-columns:1fr;gap:20px}.cocon-tmslider .tphoto{aspect-ratio:16/10}}
/* ===== G · CARTES témoignages : MUR dynamique (grille responsive) + hover propre, non clippé. Items de loop = classe .brxe-tsca01 (pas d'id) ===== */
#brxe-tsgrd1{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px;overflow:visible !important}
.cocon-fx-tsgrd1{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px;overflow:visible !important}
.cocon-tmgrid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px;overflow:visible !important}
@media(max-width:920px){#brxe-tsgrd1{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:920px){.cocon-tmgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:600px){#brxe-tsgrd1{grid-template-columns:1fr !important}}
@media(max-width:600px){.cocon-tmgrid{grid-template-columns:1fr !important}}
.brxe-tsca01{position:relative;overflow:hidden;background:var(--imm-card) !important;border-color:color-mix(in srgb,var(--imm-ink) 12%,transparent) !important;transition:transform .42s cubic-bezier(.16,1,.3,1),border-color .42s,box-shadow .42s,background .42s !important}
.brxe-tsca01::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:2}
.brxe-tsca01:hover{transform:translateY(-6px);border-color:rgba(251,192,0,.5) !important;background:var(--imm-cardhov) !important;box-shadow:0 22px 50px -22px rgba(251,192,0,.3),0 8px 22px -14px rgba(0,0,0,.7)}
.brxe-tsca01:hover::before{transform:scaleX(1)}
.brxe-tsca01 img{border:2px solid rgba(251,192,0,0);transition:border-color .42s,transform .42s}
.brxe-tsca01:hover img{border-color:rgba(251,192,0,.7);transform:scale(1.06)}
/* ===== Aventures (cards) : grille ADAPTATIVE au nombre d'events — 1=pleine largeur (bannière), 2=2 col, 3+=3 col ===== */
#brxe-relcds{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px;align-items:stretch}
.cocon-fx-relcds{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px;align-items:stretch}
.cocon-avgrid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px;align-items:stretch}
#brxe-relcds:has(.brxe-relca1:only-child){grid-template-columns:minmax(0,1fr) !important}
.cocon-fx-relcds:has(.brxe-relca1:only-child){grid-template-columns:minmax(0,1fr) !important}
.cocon-avgrid:has(.brxe-relca1:only-child){grid-template-columns:minmax(0,1fr) !important}
#brxe-relcds:has(.brxe-relca1:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.cocon-fx-relcds:has(.brxe-relca1:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.cocon-avgrid:has(.brxe-relca1:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
#brxe-relcds:has(.brxe-relca1:only-child) .brxe-relca1{aspect-ratio:16/7}
.cocon-fx-relcds:has(.brxe-relca1:only-child) .brxe-relca1{aspect-ratio:16/7}
.cocon-avgrid:has(.brxe-relca1:only-child) .brxe-relca1{aspect-ratio:16/7}
#brxe-relcds:has(.brxe-relca1:nth-child(2):last-child) .brxe-relca1{aspect-ratio:4/5}
.cocon-fx-relcds:has(.brxe-relca1:nth-child(2):last-child) .brxe-relca1{aspect-ratio:4/5}
.cocon-avgrid:has(.brxe-relca1:nth-child(2):last-child) .brxe-relca1{aspect-ratio:4/5}
@media(max-width:820px){#brxe-relcds{grid-template-columns:1fr !important}#brxe-relcds .brxe-relca1{aspect-ratio:3/4 !important}}
@media(max-width:820px){.cocon-avgrid{grid-template-columns:1fr !important}.cocon-avgrid .brxe-relca1{aspect-ratio:3/4 !important}}
/* Hover carte aventures : souligné MANUSCRIT (scribble hero) qui se dessine gauche→droite (en plus du zoom) */
.brxe-relca1 .brxe-text-basic > span:nth-child(2){position:relative;display:inline-block !important}
.brxe-relca1 .brxe-text-basic > span:nth-child(2)::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.34em;height:.5em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 18' preserveAspectRatio='none'%3E%3Cpath d='M3 11 C40 4 70 15 100 9 C130 3 165 13 197 7' fill='none' stroke='%23fbc000' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;clip-path:inset(0 100% 0 0);transition:clip-path .65s cubic-bezier(.22,.61,.36,1)}
.brxe-relca1:hover .brxe-text-basic > span:nth-child(2)::after{clip-path:inset(0 0 0 0)}
/* ===== PALETTE IMMERSIVE theme-aware : light par défaut · dark born4more EXACT sur #931 (toujours) + au toggle sur les autres pages immersives ===== */
:root{--imm-bg:#fbfaf6;--imm-black:#fbfaf6;--imm-content:#fbfaf6;--imm-card:#f4f1e8;--imm-cardhov:#eee8db;--imm-photo:#fbfaf6;--imm-ink:#161514;--imm-ink-2:rgba(22,21,20,.72);--imm-ink-3:rgba(22,21,20,.5)}
/* Fond de page immersive */
/* Héros V3 : IMMERSIF dans les 2 thèmes (vidéo + overlay sombre + texte BLANC). Ne toggle PAS — le texte reste blanc car la vidéo est le visuel dominant. */
#brxe-tppjuc{background:#0a0908 !important}
.cocon-fx-tppjuc{background:#0a0908 !important}
#brxe-tppjuc #brxe-lludts{background:linear-gradient(180deg,rgba(10,9,8,.55),rgba(10,9,8,.25) 42%,#0a0908) !important}
.cocon-fx-tppjuc .cocon-fx-lludts{background:linear-gradient(180deg,rgba(10,9,8,.55),rgba(10,9,8,.25) 42%,#0a0908) !important}
#brxe-tppjuc #brxe-gcudel{color:#fff !important}
.cocon-fx-tppjuc .cocon-fx-gcudel{color:#fff !important}
#brxe-tppjuc #brxe-tjujde{color:rgba(255,255,255,.7) !important}
.cocon-fx-tppjuc .cocon-fx-tjujde{color:rgba(255,255,255,.7) !important}
/* Héros V1 : voile sombre (l'overlay était transparent → nav/texte blanc se délavaient sur la vidéo claire) */
#brxe-ihov01{background:linear-gradient(180deg,rgba(10,9,8,.55),rgba(10,9,8,.2) 40%,#0a0908) !important}
.cocon-fx-ihov01{background:linear-gradient(180deg,rgba(10,9,8,.55),rgba(10,9,8,.2) 40%,#0a0908) !important}
/* ===== Mode DARK immersif = born4more EXACT (PAS le dark générique #17150f du site) — override des variables de marque sur les pages brx-imm en dark ===== */
/* Unifier aussi #931 (qui a son propre override --paper-2:#000 via ihsec1) → tout en #0a0908 cohérent */
/* ===== Nav INTÉGRÉE : transparente en haut (superposée au héros/wide), glass au scroll — pages immersives uniquement ===== */
/* Texte nav : BLANC en haut (superposé au héros vidéo), couleur du thème au scroll (sur le contenu) */
/* ===== Slider témoignages : header (eyebrow + titre) recalé dans le container — fin du "TÉMOIGNAGES" collé/coupé à gauche ===== */
#brxe-rtfeit,#brxe-gkggsp{box-sizing:border-box;width:100%;max-width:1280px;margin-left:auto !important;margin-right:auto !important;padding-left:clamp(20px,5vw,64px) !important;padding-right:clamp(20px,5vw,64px) !important}
.cocon-fx-rtfeit,.cocon-fx-gkggsp{box-sizing:border-box;width:100%;max-width:1280px;margin-left:auto !important;margin-right:auto !important;padding-left:clamp(20px,5vw,64px) !important;padding-right:clamp(20px,5vw,64px) !important}
/* ===== Archives v2 : CTA "À ton tour" + sous-titre TOUJOURS blancs (sur photos sombres) ===== */
#brxe-hjrdul,#brxe-kjelqt,.cocon-arch2-cta h3,.cocon-arch2-cta p{color:#fff !important}
.cocon-fx-hjrdul,.cocon-fx-kjelqt,.cocon-arch2-cta h3,.cocon-arch2-cta p{color:#fff !important}
/* ===== Citation : fond de SECTION qui se fond (light/dark) au lieu de rester noir + texte flou TOUJOURS blanc (il est sur la photo) ===== */
/* [DÉVERROUILLÉ 14/07] fond de section = réglage NATIF Bricks (éditable). Ne JAMAIS remettre de background !important ciblé par #brxe-ID ici. */
#brxe-ctbq01,#brxe-ctbq01 *{color:#fff !important}
.cocon-fx-ctbq01,.cocon-fx-ctbq01 *{color:#fff !important}
/* ===== Archive 1 : fond de section qui se fond (light/dark) au lieu de rester noir ===== */
/* ===== Témoignages cards : la section #brxe-tssec1 était forcée #000 par un reliquat cssCustom du slider #977 (même id) → se fond maintenant ===== */
/* ===== Titres + ARCHIVES / TÉMOIGNAGES : forcer la couleur du thème (sombre en clair, blanc en dark) au cas où un blanc en dur traîne ===== */
#brxe-qlpljl > h2,#brxe-tssec1 h2{color:var(--imm-ink) !important}
.cocon-fx-qlpljl > h2,.cocon-fx-tssec1 h2{color:var(--imm-ink) !important}
.cocon-mur > h2,.cocon-tmsec h2{color:var(--imm-ink) !important}
.cocon-mur > h2,.cocon-fx-tssec1 h2{color:var(--imm-ink) !important}
/* ===== Héros V4 : texte BLANC dans les 2 thèmes (immersif, comme V1/V3) — le souligné jaune + l'overlay sombre restent ===== */
#brxe-sdppgl #brxe-uishjh{color:#fff !important}
.cocon-fx-sdppgl .cocon-fx-uishjh{color:#fff !important}
#brxe-sdppgl #brxe-ulkglk{color:rgba(255,255,255,.6) !important}
.cocon-fx-sdppgl .cocon-fx-ulkglk{color:rgba(255,255,255,.6) !important}
#brxe-sdppgl p,#brxe-sdppgl > .brxe-text-basic{color:rgba(255,255,255,.74) !important}
.cocon-fx-sdppgl p,.cocon-fx-sdppgl > .brxe-text-basic{color:rgba(255,255,255,.74) !important}
/* ===== Carte aventures : fond sécurisé sur la palette (caché par l'image, mais toggle propre) ===== */
.brxe-relca1{background:var(--imm-photo) !important}
/* ===== Polaroïds : masquer les 2 démos statiques (pdpo02/03), ne garder que le loop dynamique (pdpo01) ===== */
#brxe-pdpo02,#brxe-pdpo03{display:none !important}
.cocon-fx-pdpo02,.cocon-fx-pdpo03{display:none !important}


/* ══ depuis cocon-immersive-fx.php (bloc cocon-immersive-fx-css) ══ */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&display=swap');
/* ---- Titre mentor = .giant V2 EXACT (Archivo 800) ---- */
body.brx-imm #brxe-cpcscc h2{font-family:"Archivo","Helvetica Neue",Arial,sans-serif !important;font-weight:800 !important;font-size:clamp(48px,11vw,168px) !important;line-height:.86 !important;letter-spacing:-.04em !important;text-transform:uppercase;margin-bottom:clamp(36px,4vw,56px)}
body.brx-imm #brxe-cpcscc p{margin-top:clamp(72px,8vw,98px) !important;max-width:640px !important;margin-left:auto !important;margin-right:auto !important;font-size:clamp(16px,1.4vw,19px) !important;line-height:1.7}
/* ---- Héros V3 rotateur + V4 souligné : CSS V2 EXACT (L57-78) ---- */
body.brx-imm .herorot{display:inline-block;overflow:hidden;vertical-align:bottom;color:var(--accent);line-height:1}
body.brx-imm .herorw{display:inline-block}
body.brx-imm .heroul{position:relative;display:inline-block;color:var(--accent)}
body.brx-imm .heroul::after{display:none !important}
body.brx-imm svg.heroscribble{position:absolute !important;left:-2%;bottom:-.15em;width:104% !important;height:.2em !important;overflow:visible;display:block;pointer-events:none}
body.brx-imm svg.heroscribble path{fill:none;stroke:var(--accent);stroke-width:8.5;stroke-linecap:round}
@keyframes heroWordUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
/* ---- Archives : hover zoom + révèle couleur ---- */
body.brx-imm #brxe-arsec1 img{transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s;will-change:transform}
body.brx-imm #brxe-arsec1 img:hover{transform:scale(1.07);filter:saturate(1.5) brightness(1.05);z-index:4;position:relative}
/* l'overlay CTA "À ton tour" couvrait la grille et bloquait le hover des photos */
body.brx-imm #brxe-arcta1{pointer-events:none}
body.brx-imm #brxe-arcta1 a,body.brx-imm #brxe-arcta1 .bricks-button,body.brx-imm #brxe-arcta1 button{pointer-events:auto}
/* archive v1 = marquee qui défile → pause au survol pour pouvoir hover une photo (sinon elle glisse sous le curseur) */
/* ---- Citation : préparer le scrub ---- */
body.brx-imm #brxe-ctmed1{will-change:clip-path}
/* ---- Polaroïds "Nos aventures" : CSS V2 EXACT (copié L128-141) ---- */
body.brx-imm #brxe-pdpls1{display:flex !important;flex-direction:row !important;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(26px,4vw,64px);width:min(1180px,95vw) !important;max-width:none !important;margin:0 auto}
body.brx-imm .pola{position:relative;background:#fbfaf6;padding:11px 11px 9px;box-shadow:0 8px 20px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08);display:inline-block;width:clamp(256px,29vw,346px);transition:transform .5s cubic-bezier(.34,1.4,.5,1),box-shadow .5s cubic-bezier(.22,.61,.36,1);margin:0}
body.brx-imm .pola .pphoto{aspect-ratio:4/5;width:100%;overflow:hidden;display:block;background:#15140f}
body.brx-imm .pola .pphoto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.16,1,.3,1)}
body.brx-imm .pola > *:last-child{font-family:"Caveat",cursive;font-weight:700;font-size:23px;color:#161514;text-align:center;margin-top:7px;line-height:1.05}
body.brx-imm .pola:nth-child(3n+1){transform:rotate(-3deg)}
body.brx-imm .pola:nth-child(3n+2){transform:rotate(2deg)}
body.brx-imm .pola:nth-child(3n){transform:rotate(-1.5deg)}
body.brx-imm .pola::before{content:"";position:absolute;width:74px;height:22px;background:rgba(251,192,0,.42);top:-11px;left:50%;transform:translateX(-50%) rotate(-2.5deg);z-index:2;pointer-events:none;border-radius:1px}
body.brx-imm .pola:hover{transform:rotate(0deg) translateY(-6px) !important;box-shadow:0 12px 28px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.14);z-index:4}
body.brx-imm .pola:hover .pphoto img{transform:scale(1.04)}
@media(max-width:820px){body.brx-imm .pola{width:clamp(220px,44vw,300px)}}
/* ---- Mentor : CSS V2 EXACT (copié de born4more-replica.html L174-203) ---- */
body.brx-imm #brxe-cpcscc{padding:clamp(90px,12vw,180px) 0 !important;background:var(--imm-black);overflow:hidden}
body.brx-imm #brxe-pstfgk::before,body.brx-imm #brxe-pstfgk::after{display:none !important}
body.brx-imm .mentor-stage{position:relative;max-width:1000px;margin:0 auto}
body.brx-imm .mentor-video{position:relative;z-index:3;background:#0a0908;width:100%;padding-bottom:56.25%;height:0;border-radius:12px;overflow:hidden;box-shadow:0 34px 80px -22px rgba(0,0,0,.9),0 2px 10px rgba(0,0,0,.5)}
body.brx-imm .mentor-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
body.brx-imm .mpolas{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;gap:0;pointer-events:none}
body.brx-imm .mpolas-l{left:0}
body.brx-imm .mpolas-r{right:0}
body.brx-imm .mp-wrap{position:relative;will-change:transform;margin-top:-123px}
body.brx-imm .mp-wrap:first-child{margin-top:0}
body.brx-imm .mpolas .mp-wrap:has(.mpola:hover){z-index:40}
body.brx-imm .mpolas-l .mp-wrap{transform:translateX(16px)}
body.brx-imm .mpolas-r .mp-wrap{transform:translateX(-16px)}
body.brx-imm .mpolas .mp-wrap:nth-child(2){z-index:5}
body.brx-imm .mpolas .mp-wrap:nth-child(1){z-index:3}
body.brx-imm .mpolas .mp-wrap:nth-child(3){z-index:2}
body.brx-imm .mpola{background:#fbfaf6;padding:7px 7px 9px;box-shadow:0 18px 42px -14px rgba(0,0,0,.82);width:clamp(118px,12.5vw,160px);position:relative;pointer-events:auto;cursor:pointer;transition:transform .35s cubic-bezier(.34,1.4,.5,1),box-shadow .35s cubic-bezier(.22,.61,.36,1);margin:0}
body.brx-imm .mpolas-l .mp-wrap:nth-child(1) .mpola{transform:rotate(-4deg)}
body.brx-imm .mpolas-l .mp-wrap:nth-child(2) .mpola{transform:rotate(3deg)}
body.brx-imm .mpolas-l .mp-wrap:nth-child(3) .mpola{transform:rotate(-2.5deg)}
body.brx-imm .mpolas-r .mp-wrap:nth-child(1) .mpola{transform:rotate(3.5deg)}
body.brx-imm .mpolas-r .mp-wrap:nth-child(2) .mpola{transform:rotate(-3deg)}
body.brx-imm .mpolas-r .mp-wrap:nth-child(3) .mpola{transform:rotate(4deg)}
body.brx-imm .mpola:hover{transform:rotate(0) translateY(-9px) scale(1.06) !important;box-shadow:0 30px 60px -14px rgba(0,0,0,.88)}
body.brx-imm .mpola img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
body.brx-imm .mpola figcaption{font-family:"Caveat",cursive;font-weight:700;font-size:15px;color:#161514;text-align:center;margin-top:4px;line-height:1}
@media(max-width:1024px){body.brx-imm .mpolas{display:none}}
/* ---- Slider témoignages (reconstruit en JS) ---- */
body.brx-imm .cocon-tslider{position:relative;max-width:1180px;margin:0 auto;overflow:hidden;cursor:grab}
body.brx-imm .cocon-tslider:active{cursor:grabbing}
body.brx-imm .cocon-ttrack{display:flex;transition:transform .55s cubic-bezier(.5,.1,.2,1);will-change:transform}
body.brx-imm .cocon-ttrack.cocon-drag{transition:none}
body.brx-imm .cocon-tslide{min-width:100%;flex:0 0 100%}
body.brx-imm .cocon-tcontrols{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:clamp(34px,4vw,52px)}
body.brx-imm .cocon-tarrow{width:50px;height:50px;border-radius:50%;border:1px solid color-mix(in srgb,var(--imm-ink) 22%,transparent);background:transparent;color:var(--imm-ink);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s}
body.brx-imm .cocon-tarrow:hover{background:var(--accent);color:#0a0908;border-color:var(--accent)}
body.brx-imm .cocon-tdots{display:flex;gap:9px;align-items:center}
body.brx-imm .cocon-tdot{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:color-mix(in srgb,var(--imm-ink) 25%,transparent);cursor:pointer;transition:background .25s,width .25s}
body.brx-imm .cocon-tdot.on{background:var(--accent);width:26px;border-radius:5px}
/* ---- Archives variante 2 : marquee ---- */
@keyframes cocon-arch-scroll{to{transform:translateX(-50%)}}
body.brx-imm #brxe-qlpljl{text-align:center;overflow:hidden;padding:clamp(70px,9vw,140px) 0 clamp(60px,8vw,120px)}
body.brx-imm #brxe-qlpljl h2{margin-bottom:clamp(40px,5vw,60px)}
body.brx-imm #brxe-qlpljl h3{margin-top:clamp(48px,6vw,80px)}
body.brx-imm #brxe-qlpljl h3 + p,body.brx-imm #brxe-qlpljl p{max-width:520px;margin-left:auto;margin-right:auto;margin-top:14px}
body.brx-imm #brxe-qlpljl .bricks-button{margin-top:22px}
body.brx-imm #brxe-qlpljl .ar2-row{display:flex;gap:14px;width:max-content;margin:7px 0;animation:cocon-arch-scroll 48s linear infinite;text-align:left}
body.brx-imm #brxe-qlpljl .ar2-row.rev{animation-direction:reverse;animation-duration:40s}
body.brx-imm #brxe-qlpljl .ar2-row img{height:clamp(135px,15vw,205px);width:auto;aspect-ratio:4/3;flex:0 0 auto;border-radius:8px;display:block;object-fit:cover;filter:saturate(.72) brightness(.9) grayscale(.08);transition:filter .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1);cursor:pointer}
body.brx-imm #brxe-qlpljl .ar2-row img:hover{filter:saturate(1.6);transform:scale(1.035);position:relative;z-index:3}
/* CTA archives v2 = superposé en bas + dégradé (V2 .arch2-cta) */
body.brx-imm .cocon-arch2-cta{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;gap:16px;padding:clamp(120px,14vw,205px) 24px clamp(28px,4vw,48px);background:linear-gradient(180deg,transparent,rgba(12,11,10,.5) 24%,#0c0b0a 60%);pointer-events:none;z-index:6}
body.brx-imm .cocon-arch2-cta>*{pointer-events:auto;position:relative;margin:0 auto !important}
body.brx-imm .cocon-arch2-cta h3{margin-bottom:0 !important}
/* ===== A · FOOTER : charte chrome SOMBRE forcée sur #931 (immune au var-override qui inverse --ink/--paper → footer blanc invisible) + toggle thème masqué (page sombre fixe) ===== */
body.brx-imm .cocon-foot{background:#0c0b0a !important;color:#fbfaf6 !important}
body.brx-imm .cocon-foot__brand-h{color:#fbfaf6 !important}
body.brx-imm .cocon-foot__brand-p{color:rgba(251,250,246,.55) !important}
body.brx-imm .cocon-foot__col-h{color:rgba(251,250,246,.42) !important}
body.brx-imm .cocon-foot__list a,body.brx-imm .cocon-foot__litem,body.brx-imm .cocon-foot__bottom,body.brx-imm .cocon-foot__bottom a{color:rgba(251,250,246,.72) !important}
body.brx-imm .cocon-foot__social a{color:#fbfaf6 !important;border-color:rgba(255,255,255,.2) !important}
body.brx-imm .cocon-foot a:hover,body.brx-imm .cocon-foot__list a:hover,body.brx-imm .cocon-foot__bottom a:hover{color:var(--accent) !important}
body.page-id-931 .cocon-themetoggle{display:none !important}
/* ===== H · SLIDER témoignages : header (eyebrow+titre) plus coupé + blockquote en Inter (Bricks le laissait en Georgia serif) ===== */
body.brx-imm #brxe-iuppld{padding-top:clamp(96px,12vw,168px) !important;padding-bottom:clamp(60px,8vw,112px) !important}
body.brx-imm #brxe-iuppld blockquote{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif !important;font-style:normal !important;font-weight:400;font-size:clamp(20px,2.1vw,28px);line-height:1.5;color:var(--imm-ink) !important}
/* layout du slide FIGÉ ici (le CSS venait d'un cache Bricks volatil) + photos de cohorte en décor (rotation, car les témoignages-message n'ont pas de portrait) */
body.brx-imm #brxe-iuppld .cocon-slide-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,4vw,56px);align-items:center;max-width:1080px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
body.brx-imm #brxe-iuppld .tphoto{border-radius:12px;overflow:hidden;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:#e8e3d6}
body.brx-imm #brxe-iuppld .twho{font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
/* décor slider : WebP 768 (au lieu de la pleine taille JPEG) → ~70% plus léger. Fallback = background-color crème déjà posé sur .tphoto. */
body.brx-imm #brxe-iuppld .cocon-tslide:nth-child(6n+1) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-00-768x614.jpg.webp)}
body.brx-imm #brxe-iuppld .cocon-tslide:nth-child(6n+2) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-01-768x768.jpg.webp)}
body.brx-imm #brxe-iuppld .cocon-tslide:nth-child(6n+3) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-05-768x450.jpg.webp)}
body.brx-imm #brxe-iuppld .cocon-tslide:nth-child(6n+4) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-09-768x768.jpg.webp)}
body.brx-imm #brxe-iuppld .cocon-tslide:nth-child(6n+5) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-11-768x768.jpg.webp)}
body.brx-imm #brxe-iuppld .cocon-tslide:nth-child(6n) .tphoto{background-image:url(https://lecocon.club/wp-content/uploads/2026/06/cohorte-13-768x294.jpg.webp)}
@media(max-width:760px){body.brx-imm #brxe-iuppld .cocon-slide-inner{grid-template-columns:1fr;gap:20px}body.brx-imm #brxe-iuppld .tphoto{aspect-ratio:16/10}}
/* ===== G · CARTES témoignages : MUR dynamique (grille responsive) + hover propre, non clippé. Items de loop = classe .brxe-tsca01 (pas d'id) ===== */
body.brx-imm #brxe-tsgrd1{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px;overflow:visible !important}
@media(max-width:920px){body.brx-imm #brxe-tsgrd1{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:600px){body.brx-imm #brxe-tsgrd1{grid-template-columns:1fr !important}}
body.brx-imm .brxe-tsca01{position:relative;overflow:hidden;background:var(--imm-card) !important;border-color:color-mix(in srgb,var(--imm-ink) 12%,transparent) !important;transition:transform .42s cubic-bezier(.16,1,.3,1),border-color .42s,box-shadow .42s,background .42s !important}
body.brx-imm .brxe-tsca01::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:2}
body.brx-imm .brxe-tsca01:hover{transform:translateY(-6px);border-color:rgba(251,192,0,.5) !important;background:var(--imm-cardhov) !important;box-shadow:0 22px 50px -22px rgba(251,192,0,.3),0 8px 22px -14px rgba(0,0,0,.7)}
body.brx-imm .brxe-tsca01:hover::before{transform:scaleX(1)}
body.brx-imm .brxe-tsca01 img{border:2px solid rgba(251,192,0,0);transition:border-color .42s,transform .42s}
body.brx-imm .brxe-tsca01:hover img{border-color:rgba(251,192,0,.7);transform:scale(1.06)}
/* ===== Aventures (cards) : grille ADAPTATIVE au nombre d'events — 1=pleine largeur (bannière), 2=2 col, 3+=3 col ===== */
body.brx-imm #brxe-relcds{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px;align-items:stretch}
body.brx-imm #brxe-relcds:has(.brxe-relca1:only-child){grid-template-columns:minmax(0,1fr) !important}
body.brx-imm #brxe-relcds:has(.brxe-relca1:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
body.brx-imm #brxe-relcds:has(.brxe-relca1:only-child) .brxe-relca1{aspect-ratio:16/7}
body.brx-imm #brxe-relcds:has(.brxe-relca1:nth-child(2):last-child) .brxe-relca1{aspect-ratio:4/5}
@media(max-width:820px){body.brx-imm #brxe-relcds{grid-template-columns:1fr !important}body.brx-imm #brxe-relcds .brxe-relca1{aspect-ratio:3/4 !important}}
/* Hover carte aventures : souligné MANUSCRIT (scribble hero) qui se dessine gauche→droite (en plus du zoom) */
body.brx-imm .brxe-relca1 .brxe-text-basic > span:nth-child(2){position:relative;display:inline-block !important}
body.brx-imm .brxe-relca1 .brxe-text-basic > span:nth-child(2)::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.34em;height:.5em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 18' preserveAspectRatio='none'%3E%3Cpath d='M3 11 C40 4 70 15 100 9 C130 3 165 13 197 7' fill='none' stroke='%23fbc000' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;clip-path:inset(0 100% 0 0);transition:clip-path .65s cubic-bezier(.22,.61,.36,1)}
body.brx-imm .brxe-relca1:hover .brxe-text-basic > span:nth-child(2)::after{clip-path:inset(0 0 0 0)}
/* ===== PALETTE IMMERSIVE theme-aware : light par défaut · dark born4more EXACT sur #931 (toujours) + au toggle sur les autres pages immersives ===== */
body.brx-imm{--imm-bg:#fbfaf6;--imm-black:#fbfaf6;--imm-content:#fbfaf6;--imm-card:#f4f1e8;--imm-cardhov:#eee8db;--imm-photo:#fbfaf6;--imm-ink:#161514;--imm-ink-2:rgba(22,21,20,.72);--imm-ink-3:rgba(22,21,20,.5);--paper-2:#fbfaf6;--paper-3:#fbfaf6}
body.brx-imm.page-id-931,:root[data-theme="dark"] body.brx-imm{--imm-bg:#0a0908;--imm-black:#0a0908;--imm-content:#0a0908;--imm-card:#131211;--imm-cardhov:#1c1a17;--imm-photo:#0a0908;--imm-ink:#fff;--imm-ink-2:rgba(255,255,255,.7);--imm-ink-3:rgba(255,255,255,.45)}
/* Fond de page immersive */
body.brx-imm #brx-content{background:var(--imm-content) !important}
/* Héros V3 : IMMERSIF dans les 2 thèmes (vidéo + overlay sombre + texte BLANC). Ne toggle PAS — le texte reste blanc car la vidéo est le visuel dominant. */
body.brx-imm #brxe-tppjuc{background:#0a0908 !important}
body.brx-imm #brxe-tppjuc #brxe-lludts{background:linear-gradient(180deg,rgba(10,9,8,.55),rgba(10,9,8,.25) 42%,#0a0908) !important}
body.brx-imm #brxe-tppjuc #brxe-gcudel{color:#fff !important}
body.brx-imm #brxe-tppjuc #brxe-tjujde{color:rgba(255,255,255,.7) !important}
/* Héros V1 : voile sombre (l'overlay était transparent → nav/texte blanc se délavaient sur la vidéo claire) */
body.brx-imm #brxe-ihov01{background:linear-gradient(180deg,rgba(10,9,8,.55),rgba(10,9,8,.2) 40%,#0a0908) !important}
/* ===== Mode DARK immersif = born4more EXACT (PAS le dark générique #17150f du site) — override des variables de marque sur les pages brx-imm en dark ===== */
:root[data-theme="dark"] body.brx-imm{--paper:#0a0908;--paper-2:#0a0908;--paper-3:#131211;--ink:#fff;--ink-2:rgba(255,255,255,.66);--ink-3:rgba(255,255,255,.42);--rule:#3a3733;--rule-soft:rgba(255,255,255,.1);--accent-soft:#4a3d12}
/* Unifier aussi #931 (qui a son propre override --paper-2:#000 via ihsec1) → tout en #0a0908 cohérent */
body.brx-imm.page-id-931{--paper:#0a0908 !important;--paper-2:#0a0908 !important;--paper-3:#131211 !important}
/* ===== Nav INTÉGRÉE : transparente en haut (superposée au héros/wide), glass au scroll — pages immersives uniquement ===== */
body.brx-imm.brx-body{padding-top:0 !important}
body.brx-imm .cocon-nav{background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-bottom-color:transparent !important}
body.brx-imm .cocon-nav.cocon-past-hero{background:color-mix(in srgb,var(--paper) 76%,transparent) !important;-webkit-backdrop-filter:blur(15px) saturate(1.5) !important;backdrop-filter:blur(15px) saturate(1.5) !important;border-bottom-color:var(--rule-soft) !important}
/* Texte nav : BLANC en haut (superposé au héros vidéo), couleur du thème au scroll (sur le contenu) */
body.brx-imm .cocon-nav__link,body.brx-imm .cocon-nav__brand{color:#fff !important}
body.brx-imm #brx-header .cocon-nav.cocon-past-hero .cocon-nav__link,body.brx-imm #brx-header .cocon-nav.cocon-past-hero .cocon-nav__brand{color:var(--ink) !important}
body.brx-imm #brx-header .cocon-nav.cocon-past-hero .cocon-nav__link:hover,body.brx-imm #brx-header .cocon-nav.cocon-past-hero .cocon-nav__link--active{color:var(--accent-deep) !important}
/* ===== Slider témoignages : header (eyebrow + titre) recalé dans le container — fin du "TÉMOIGNAGES" collé/coupé à gauche ===== */
body.brx-imm #brxe-rtfeit,body.brx-imm #brxe-gkggsp{box-sizing:border-box;width:100%;max-width:1280px;margin-left:auto !important;margin-right:auto !important;padding-left:clamp(20px,5vw,64px) !important;padding-right:clamp(20px,5vw,64px) !important}
/* ===== Archives v2 : CTA "À ton tour" + sous-titre TOUJOURS blancs (sur photos sombres) ===== */
body.brx-imm #brxe-hjrdul,body.brx-imm #brxe-kjelqt,body.brx-imm .cocon-arch2-cta h3,body.brx-imm .cocon-arch2-cta p{color:#fff !important}
/* ===== Citation : fond de SECTION qui se fond (light/dark) au lieu de rester noir + texte flou TOUJOURS blanc (il est sur la photo) ===== */
body.brx-imm #brxe-ctsec1{background:var(--imm-bg) !important}
body.brx-imm #brxe-ctbq01,body.brx-imm #brxe-ctbq01 *{color:#fff !important}
/* ===== Archive 1 : fond de section qui se fond (light/dark) au lieu de rester noir ===== */
body.brx-imm #brxe-arsec1{background:var(--imm-bg) !important}
/* ===== Témoignages cards : la section #brxe-tssec1 était forcée #000 par un reliquat cssCustom du slider #977 (même id) → se fond maintenant ===== */
body.brx-imm #brxe-tssec1{background:var(--imm-bg) !important}
/* ===== Titres + ARCHIVES / TÉMOIGNAGES : forcer la couleur du thème (sombre en clair, blanc en dark) au cas où un blanc en dur traîne ===== */
body.brx-imm #brxe-qlpljl > h2,body.brx-imm #brxe-tssec1 h2{color:var(--imm-ink) !important}
/* ===== Héros V4 : texte BLANC dans les 2 thèmes (immersif, comme V1/V3) — le souligné jaune + l'overlay sombre restent ===== */
body.brx-imm #brxe-sdppgl #brxe-uishjh{color:#fff !important}
body.brx-imm #brxe-sdppgl #brxe-ulkglk{color:rgba(255,255,255,.6) !important}
body.brx-imm #brxe-sdppgl p,body.brx-imm #brxe-sdppgl > .brxe-text-basic{color:rgba(255,255,255,.74) !important}
/* ===== Carte aventures : fond sécurisé sur la palette (caché par l'image, mais toggle propre) ===== */
body.brx-imm .brxe-relca1{background:var(--imm-photo) !important}
/* ===== Polaroïds : masquer les 2 démos statiques (pdpo02/03), ne garder que le loop dynamique (pdpo01) ===== */
body.brx-imm #brxe-pdpo02,body.brx-imm #brxe-pdpo03{display:none !important}


/* ══ depuis cocon-temoignages-wall.php (bloc cocon-tmwall-css) ══ */
/* 22/07 — Le mur se style DESORMAIS ou qu'il soit insere.
   Avant : tout le CSS etait scope sous `.cocon-tmwall`, une classe posee a la
   main sur la SECTION parente. Insere dans une section sans cette classe, le
   mur sortait NU (aucune carte, aucune bulle, texte brut) — bug signale par
   Romain. On accepte desormais aussi `.cocon-tmwall__wall`, la classe portee
   par le conteneur du mur lui-meme, toujours presente.
   `:is()` prend la specificite de son argument le plus fort : deux classes
   (0,1,0) => specificite INCHANGEE, aucune regression possible. */

.cocon-tmwall{--ac:#fbc000;--acd:#d4a000;--ink:#161514;--ink2:rgba(22,21,20,.6);--ink3:rgba(22,21,20,.38);--paper:#fbfaf6;--paper3:#ece7d8;--watime:#8696a0;--wablue:#3aa3f0;--wagrey:#c6cdd3;--ease:cubic-bezier(.16,1,.3,1);
  --wa-dark:url(https://lecocon.club/wp-content/uploads/labo/cocon-wa-dark.jpg);--wa-light:url(https://lecocon.club/wp-content/uploads/labo/cocon-wa-light.jpg);
  color:var(--ink);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;padding:90px 6vw 100px;position:relative}
.cocon-tmwall__wall{--ac:#fbc000;--acd:#d4a000;--ink:#161514;--ink2:rgba(22,21,20,.6);--ink3:rgba(22,21,20,.38);--paper:#fbfaf6;--paper3:#ece7d8;--watime:#8696a0;--wablue:#3aa3f0;--wagrey:#c6cdd3;--ease:cubic-bezier(.16,1,.3,1);--wa-dark:url(https://lecocon.club/wp-content/uploads/labo/cocon-wa-dark.jpg);--wa-light:url(https://lecocon.club/wp-content/uploads/labo/cocon-wa-light.jpg)}
/* le fond N'EST PLUS force sur /avis/ (.cocon-tmwall--avis) -> le natif #brxe-avwsec y garde la main */
.cocon-tmwall:not(.cocon-tmwall--avis){background:var(--paper) !important}
.cocon-tmwall__head{max-width:1080px;margin:0 auto 40px}
.cocon-tmwall__eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--acd) !important;display:flex;align-items:center;gap:10px}
.cocon-tmwall__eyebrow::before{content:"";width:28px;height:1.5px;background:var(--ac)}
.cocon-tmwall__title{font-family:'Fraunces',Georgia,serif !important;font-weight:500;font-size:clamp(30px,4.4vw,52px);letter-spacing:-.025em;line-height:1.04;color:var(--ink) !important;margin:14px 0 0}
.cocon-tmwall__title em{font-style:italic;color:var(--acd)}
.cocon-tmwall__sub{font-size:clamp(14px,1.4vw,17px);line-height:1.6;color:var(--ink2) !important;max-width:54ch;margin:14px 0 0}
/* variante sombre (pages de vente tout-noir, ex #931) : ajouter la classe cocon-tmwall--dark sur la section */
.cocon-tmwall.cocon-tmwall--dark{background:#14110b !important;--ink:#f7f2e6;--ink2:rgba(247,242,230,.62);--ink3:rgba(247,242,230,.38)}
.cocon-tmwall--dark .cocon-tmwall__title{color:#f7f2e6 !important}
.cocon-tmwall--dark .cocon-tmwall__sub{color:rgba(247,242,230,.62) !important}
.cocon-tmwall--dark .card{box-shadow:0 16px 36px -22px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.05)}
.cocon-tmwall__wall{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.cocon-tmwall__bands{display:flex;flex-direction:column;gap:16px}
.cocon-tmwall__band{display:grid;gap:16px;align-items:start}
.cocon-tmwall__band--3{grid-template-columns:repeat(3,1fr)}
.cocon-tmwall__band--vocals{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.cocon-tmwall__band--vocals>.tmw-item{flex:0 1 calc(33.333% - 11px);min-width:0}
:is(.cocon-tmwall,.cocon-tmwall__wall) .tmw-item--bandphoto .c-pho{display:block;width:100%}
:is(.cocon-tmwall,.cocon-tmwall__wall) .tmw-item--bandphoto .c-pho img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.cocon-tmwall__masonry{display:flex;align-items:flex-start;gap:16px}
.cocon-tmwall__col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .tmw-item{margin:0}
@media(max-width:980px){.cocon-tmwall__band--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cocon-tmwall__band--3{grid-template-columns:1fr}.cocon-tmwall__band--vocals>.tmw-item{flex-basis:100%}}
:is(.cocon-tmwall,.cocon-tmwall__wall) .tmw-item>*{transition:transform .38s var(--ease),box-shadow .38s var(--ease)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .tmw-item>*:hover{transform:translateY(-4px)}

/* cadre commun */
:is(.cocon-tmwall,.cocon-tmwall__wall) .card{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 14px 34px -22px rgba(0,0,0,.5)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .card:hover{box-shadow:0 22px 46px -22px rgba(0,0,0,.58)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .b-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#0b141a;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat}
/* badge plateforme : Discord + Instagram seulement, façon icône d'app, collé à la bulle */
:is(.cocon-tmwall,.cocon-tmwall__wall) .card__src{position:absolute;z-index:5;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.18)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .card__src svg{width:11px;height:11px}

/* ===== WhatsApp — wallpaper réel, jour/nuit ===== */
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa{padding:18px 14px 24px;background-size:cover;background-repeat:no-repeat}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--night{background-image:var(--wa-dark)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--day{background-image:var(--wa-light)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa .row{display:flex;align-items:flex-end;gap:7px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa .bub{position:relative;border-radius:9px;border-top-left-radius:2px;padding:7px 9px 5px;width:fit-content;max-width:calc(100% - 40px);box-shadow:0 1px 1.5px rgba(0,0,0,.16)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa .bub::before{content:"";position:absolute;left:-7px;top:0;width:0;height:0;border-style:solid;border-width:0 8px 9px 0}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa .nm{font-size:12.5px;font-weight:600;margin-bottom:1px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa .tx{font-size:15px;line-height:1.42}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa .time{font-size:10.5px;text-align:right;margin-top:2px;line-height:1}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa .rc{position:absolute;bottom:-11px;left:8px;border-radius:13px;padding:2px 7px;font-size:11.5px;display:inline-flex;align-items:center;gap:3px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--night .bub{background:#202c33}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--night .bub::before{border-color:transparent #202c33 transparent transparent}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--night .tx{color:#e9edef}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--night .time{color:#8696a0}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--night .rc{background:#233039;color:#e9edef;box-shadow:0 1px 3px rgba(0,0,0,.32)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--day .bub{background:#fff}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--day .bub::before{border-color:transparent #fff transparent transparent}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--day .tx{color:#111b21}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--day .time{color:#667781}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--day .rc{background:#fff;color:#54656f;box-shadow:0 1px 3px rgba(0,0,0,.13)}

/* ===== Discord ===== */
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-dc{background:#313338;padding:15px 16px 14px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-dc .row{display:flex;gap:13px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-dc .b-av{width:40px;height:40px;font-size:15px;color:#fff}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-dc .body{flex:1;min-width:0}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-dc .hd{display:flex;align-items:center;gap:8px;margin-bottom:2px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-dc .nm{font-size:14px;font-weight:600}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-dc .ts{font-size:10.5px;color:#949ba4;font-weight:500}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-dc .tx{font-size:15px;line-height:1.45;color:#dbdee1}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-dc .rcs{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-dc .rc{display:inline-flex;align-items:center;gap:5px;background:#2b2d31;border:1px solid #3f4147;border-radius:8px;padding:2px 7px;font-size:12px;font-weight:600;color:#b5bac1}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-dc .card__src{position:static;margin-left:auto;background:#5865F2}

/* ===== Instagram — jour/nuit ===== */
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig{padding:20px 16px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig--night{background:#000}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig--day{background:#fff}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig .hand{font-size:11px;margin:0 0 7px 40px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig--night .hand{color:#a8a8a8}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig--day .hand{color:#737373}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig .row{display:flex;align-items:flex-end;gap:8px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig .b-av{width:26px;height:26px;font-size:11px;color:#fff}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig .bub{position:relative;overflow:visible;border-radius:21px;padding:9px 14px;width:fit-content;max-width:calc(100% - 36px)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig .tx{font-size:15px;line-height:1.42}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig--night .bub{background:#262626}:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig--night .tx{color:#fff}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig--day .bub{background:#efefef}:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig--day .tx{color:#0f0f0f}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig .rc{position:absolute;bottom:-9px;right:16px;border-radius:13px;padding:1px 5px;font-size:13px;line-height:1.2}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig--night .rc{background:#262626;border:2px solid #000}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig--day .rc{background:#efefef;border:2px solid #fff}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-ig .card__src{top:-6px;right:-6px;background:linear-gradient(45deg,#feda75 0%,#fa7e1e 25%,#d62976 55%,#962fbf 78%,#4f5bd5 100%)}

/* ===== capture réelle (jour/nuit) ===== */
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-cap{padding:0;background:#0b141a}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-cap img{width:100%;height:auto;display:block}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-cap--tall{max-height:560px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-cap--tall::after{content:"";position:absolute;left:0;right:0;bottom:0;height:92px;background:linear-gradient(transparent,rgba(11,20,26,.97));z-index:1}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-cap--light{background:#ddd5c8}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-cap--light.c-cap--tall::after{background:linear-gradient(transparent,rgba(221,213,200,.97))}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-cap--light .c-cap__more{color:#7d7361}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-cap__more{position:absolute;bottom:11px;left:0;right:0;text-align:center;z-index:2;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8696a0}

/* photo (légende au hover) */
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-pho{position:relative;display:block}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-pho picture,:is(.cocon-tmwall,.cocon-tmwall__wall) .c-cap picture{display:block}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-pho img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center;display:block;transition:transform .8s var(--ease)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-pho:hover img{transform:scale(1.05)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-pho::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,9,5,.72),transparent 55%);opacity:0;transition:opacity .35s var(--ease)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-pho:hover::after{opacity:1}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-pho__cap{position:absolute;left:14px;bottom:12px;z-index:2;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#fff;opacity:0;transform:translateY(6px);transition:.35s var(--ease)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-pho:hover .c-pho__cap{opacity:1;transform:none}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-pho__cap::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ac)}

/* vidéo — poster léger, le player Wistia ne charge qu'au clic (perf), puis joue avec le son */
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-vid{position:relative;cursor:pointer;aspect-ratio:4/5;background:#000;overflow:hidden;line-height:0}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-vid picture{display:block;width:100%;height:100%}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-vid img{width:100%;height:100%;object-fit:cover;display:block}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-vid iframe{width:100%;height:100%;border:0;display:block}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-vid__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;transition:background .25s var(--ease)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-vid__play::after{content:"";width:0;height:0;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff;margin-left:4px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-vid:hover .c-vid__play{background:var(--ac)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-vid:hover .c-vid__play::after{border-left-color:#161514}

/* vocal = note WhatsApp */
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa{background:#fff;border-radius:10px;padding:14px 13px 11px;box-shadow:0 1px 1px rgba(0,0,0,.13),0 12px 28px -18px rgba(0,0,0,.35);display:flex;align-items:center;gap:11px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa__play{width:24px;height:30px;border:0;background:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#54656f}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa__play .tri{width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent currentColor;margin-left:2px}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa.playing .wa__play .tri{border:0;width:11px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor;margin:0}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa__mid{flex:1;min-width:0}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa__wave{position:relative;height:28px;display:flex;align-items:center;gap:1.5px;cursor:pointer;touch-action:none}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa__wave .bar{flex:1;min-width:1.5px;background:var(--wagrey);border-radius:1.5px;transition:background .1s}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa__wave .bar.on{background:var(--wablue)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa__dot{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:50%;background:var(--wablue);transform:translate(-50%,-50%);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .1s linear}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa__meta{display:flex;justify-content:space-between;font-size:11px;color:#667781;margin-top:5px;font-variant-numeric:tabular-nums}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa__person{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa__av{width:48px;height:48px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;color:#0b141a;background-size:cover;background-position:center}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa__mic{position:absolute;bottom:-1px;left:-1px;width:21px;height:21px;border-radius:50%;background:var(--wablue);border:2.5px solid #fff;display:flex;align-items:center;justify-content:center}
/* note vocale posee sur le wallpaper : variante nuit */
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--night .wa{background:#202c33;box-shadow:0 1px 1px rgba(0,0,0,.28)}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--night .wa__play{color:#8696a0}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--night .wa__meta{color:#8696a0}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--night .wa__mic{border-color:#202c33}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--night .wa__name{background:#233039;color:#e9edef}
:is(.cocon-tmwall,.cocon-tmwall__wall) .c-wa--day .wa__mic{border-color:#fff}
:is(.cocon-tmwall,.cocon-tmwall__wall) .wa__name{font-size:10.5px;font-weight:700;color:var(--ink);background:#f1efe8;padding:2px 10px;border-radius:20px;white-space:nowrap}

.cocon-tmwall__empty{text-align:center;color:var(--ink3);font-size:14px;padding:30px 0}
.cocon-tmwall__more{display:block;margin:36px auto 0;background:var(--ac);color:var(--ink);font-weight:800;font-size:14px;border:0;padding:15px 32px;border-radius:50px;cursor:pointer;box-shadow:0 14px 34px -16px rgba(251,192,0,.7);transition:transform .3s var(--ease)}
.cocon-tmwall__more:hover{transform:translateY(-3px)}
.cocon-tmwall__end{display:block;text-align:center;font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:17px;color:var(--ink2);margin:40px auto 6px;max-width:46ch;line-height:1.5}
.cocon-tmwall--dark .cocon-tmwall__end{color:rgba(247,242,230,.62)}


/* ══ depuis cocon-gauge-widget.php (bloc cocon-gauge-css) ══ */
.cgauge{--paper:#fbfaf6;--paper2:#f3efe4;--paper3:#ece7d8;--ink:#161514;--ink2:rgba(22,21,20,.62);--ink3:rgba(22,21,20,.4);--ac:#fbc000;--acd:#d4a000;--green:#1a9c5e;--ease:cubic-bezier(.16,1,.3,1);
  max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--paper3);border-radius:20px;padding:26px 26px 24px;box-shadow:0 24px 60px -34px rgba(0,0,0,.4);font-family:'Inter',system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
.cgauge *{box-sizing:border-box}
.cgauge__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:6px}
.cgauge__name{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:23px;line-height:1.12;letter-spacing:-.02em;color:var(--ink)}
.cgauge__price{flex-shrink:0;text-align:right;font-size:12px;color:var(--ink2);line-height:1.3}
.cgauge__price b{display:block;font-size:20px;color:var(--ink);font-weight:800}
.cgauge__live{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acd);margin:2px 0 18px}
.cgauge__live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(26,156,94,.5);animation:cgpulse 2s infinite}
@keyframes cgpulse{0%{box-shadow:0 0 0 0 rgba(26,156,94,.5)}70%{box-shadow:0 0 0 7px rgba(26,156,94,0)}100%{box-shadow:0 0 0 0 rgba(26,156,94,0)}}
.cgauge .cgdate{padding:18px 0;border-top:1px solid var(--paper3)}
.cgauge .cgdate__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.cgauge .cgdate__when{font-size:15px;font-weight:700}
.cgauge .cgbadge{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:20px}
.cgauge .cgbadge--encours{background:rgba(251,192,0,.16);color:var(--acd)}
.cgauge .cgbadge--viable,.cgauge .cgbadge--confirmee{background:rgba(26,156,94,.14);color:var(--green)}
.cgauge .cgbadge--complete{background:var(--ink);color:#fff}
.cgauge .cgbar{position:relative;height:11px;background:var(--paper2);border-radius:10px;margin-bottom:9px}
.cgauge .cgbar__fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--ac),#ffd64d);transition:width 1.1s var(--ease);box-shadow:0 1px 6px -1px rgba(251,192,0,.7)}
.cgauge .cgbar__fill.is-ok{background:linear-gradient(90deg,#1a9c5e,#34c97e);box-shadow:0 1px 6px -1px rgba(26,156,94,.6)}
.cgauge .cgbar__seuil{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink);border-radius:2px;opacity:.5}
.cgauge .cgbar__seuil::after{content:"seuil";position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-size:8px;font-weight:700;color:var(--ink3);white-space:nowrap}
.cgauge .cgdate__meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px}
.cgauge .cgdate__count b{font-size:15px}
.cgauge .cgdate__urgency{color:var(--ink2);font-size:12.5px;text-align:right}
.cgauge .cgdate__urgency.is-ok{color:var(--green);font-weight:600}
.cgauge .cgcta{width:100%;margin-top:13px;background:var(--ac);color:var(--ink);font-weight:800;font-size:14.5px;border:0;padding:14px;border-radius:12px;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease);box-shadow:0 12px 30px -12px rgba(251,192,0,.8)}
.cgauge .cgcta:hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px rgba(251,192,0,.9)}
.cgauge .cgcta:disabled{background:var(--paper2);color:var(--ink3);cursor:default;box-shadow:none;transform:none}
.cgauge .cgform{margin-top:13px;display:none;gap:8px;flex-direction:column;animation:cgslide .35s var(--ease)}
.cgauge .cgform.on{display:flex}
@keyframes cgslide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.cgauge .cgform__row{display:flex;gap:8px}
.cgauge .cgform input{flex:1;min-width:0;border:1px solid var(--paper3);border-radius:10px;padding:12px 13px;font-size:14px;font-family:inherit;background:var(--paper)}
.cgauge .cgform input:focus{outline:none;border-color:var(--ac);background:#fff}
.cgauge .cgform__submit{background:var(--ink);color:#fff;font-weight:800;font-size:14px;border:0;padding:13px;border-radius:11px;cursor:pointer;transition:opacity .2s}
.cgauge .cgform__submit:hover{opacity:.9}.cgauge .cgform__submit:disabled{opacity:.5;cursor:default}
.cgauge .cgform__note{font-size:11px;color:var(--ink3);text-align:center}
.cgauge .cgmsg{margin-top:10px;font-size:13px;text-align:center;padding:10px;border-radius:10px}
.cgauge .cgmsg--err{background:rgba(200,60,60,.1);color:#b23b3b}
.cgauge .cgskel{height:120px;border-radius:14px;background:linear-gradient(100deg,var(--paper2) 30%,#fff 50%,var(--paper2) 70%);background-size:200% 100%;animation:cgshim 1.4s infinite}
@keyframes cgshim{to{background-position:-200% 0}}
.cgauge .cgplans{margin:2px 0 4px;border-top:1px solid var(--paper3);padding-top:16px}
.cgauge .cgplans__lbl{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.cgauge .cgplan{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1.5px solid var(--paper3);border-radius:12px;cursor:pointer;margin-bottom:8px;transition:border-color .2s var(--ease),background .2s var(--ease)}
.cgauge .cgplan:hover{border-color:var(--acd)}
.cgauge .cgplan.is-sel{border-color:var(--ac);background:rgba(251,192,0,.07)}
.cgauge .cgplan.is-off{opacity:.5;cursor:default}
.cgauge .cgplan.is-off:hover{border-color:var(--paper3)}
.cgauge .cgplan input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.cgauge .cgplan__radio{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:2px solid var(--paper3);position:relative;transition:border-color .2s}
.cgauge .cgplan.is-sel .cgplan__radio{border-color:var(--ac)}
.cgauge .cgplan.is-sel .cgplan__radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ac)}
.cgauge .cgplan__body{flex:1;min-width:0}
.cgauge .cgplan__name{display:block;font-size:14px;font-weight:700;line-height:1.2}
.cgauge .cgplan__sub{display:block;font-size:11.5px;color:var(--ink3);margin-top:3px}
.cgauge .cgplan__price{flex-shrink:0;text-align:right;line-height:1.15}
.cgauge .cgplan__price b{font-size:15px;font-weight:800}
.cgauge .cgplan__price span{display:block;font-size:10.5px;color:var(--ink2);margin-top:1px}
