/*
Theme Name: Abba House Vitrail
Theme URI: https://abba-house.org
Description: Thème enfant Astra du site Abba House, La Maison du Père. Design « Vitrail » validé le 27/10/2026.
Author: Abba House
Template: astra
Version: 1.2.2
Text Domain: abba-vitrail
*/

/* Vitrail : les couleurs des vitraux de la salle, l'or du logo réservé à l'action clé */
:root{
  --ink:#06101C; --ink-2:#0F1B2B; --line-d:#24324A;
  --gold:#EBA327; --gold-ink:#8A5A0B;
  --cobalt:#1E4FD8; --emerald:#0E7C66; --vermilion:#C23B22;
  --paper:#FFFFFF; --paper-2:#F5F3EE; --text:#1B2330; --muted:#4A5260; --on-d:#D5DAE1;
  --display:Montserrat,"Helvetica Neue",Arial,sans-serif; --body:"Open Sans","Segoe UI",Arial,sans-serif;
  --wrap:min(1560px, calc(100% - max(36px, 6vw)));
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--text);font-family:var(--body);overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{width:var(--wrap);margin:0 auto}
.eyebrow{font:800 13px/1 var(--display);letter-spacing:.16em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;gap:10px;font:800 14px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:19px 28px;border-radius:999px;border:2px solid transparent;transition:transform .25s ease, background .25s ease, color .25s ease}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.btn-key{background:var(--gold);color:var(--ink)}
.btn-key:hover{background:#F2B84B}
.btn-ink{background:var(--ink);color:#fff}
.btn-ghost-l{border-color:#fff;color:#fff}
.btn-ghost-l:hover{background:#fff;color:var(--ink)}
.btn-ghost-d{border-color:var(--ink);color:var(--ink)}
.btn-ghost-d:hover{background:var(--ink);color:#fff}
.btn-white{background:#fff;color:var(--ink)}

/* En-tête */
.hd{position:absolute;inset:0 0 auto;z-index:20;padding:22px 0}
.hd .wrap{display:flex;align-items:center;gap:28px}
.hd nav{display:flex;gap:28px;margin-left:auto;font:700 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}
.hd nav a{color:#fff;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.hd nav a[aria-current]{border-color:var(--gold)}
.hd nav a:hover{border-color:rgba(255,255,255,.6)}
.hd .ctas{display:flex;gap:12px;align-items:center}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:transparent;align-items:center;justify-content:center;cursor:pointer}
@media (max-width:980px){.hd nav,.hd .donner{display:none}.burger{display:flex}.hd .btn{padding:14px 16px;font-size:12px}}
@media (max-width:420px){.hd img{height:38px!important}}

/* Hero */
.hero{position:relative;min-height:min(920px,100svh);display:flex;align-items:flex-end;overflow:hidden;background:var(--ink);color:#fff}
.hero-photo{position:absolute;inset:0;background:url(images/predication-assemblee-large.jpg) 55% 30%/cover no-repeat;animation:kb 22s ease-in-out infinite alternate;transform-origin:60% 40%}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.14) translate(-1.5%,1%)}}
.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,28,.92) 0%,rgba(6,16,28,.7) 38%,rgba(6,16,28,.15) 70%),linear-gradient(0deg,rgba(6,16,28,.95) 0%,rgba(6,16,28,0) 45%),linear-gradient(180deg,rgba(6,16,28,.75) 0%,rgba(6,16,28,0) 22%)}
.shards{position:absolute;right:-60px;top:90px;width:min(46vw,640px);height:auto;mix-blend-mode:screen;opacity:.85}
.shards polygon{animation:glint 7s ease-in-out infinite}
.shards polygon:nth-child(2n){animation-delay:-2s}.shards polygon:nth-child(3n){animation-delay:-4.5s}
@keyframes glint{0%,100%{opacity:.25}50%{opacity:.75}}
.hero-in{position:relative;width:var(--wrap);margin:0 auto;padding:160px 0 96px;display:grid;gap:30px}
.pill{display:inline-flex;align-items:center;gap:12px;justify-self:start;background:rgba(6,16,28,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:11px 18px;font:700 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}
.dot{width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(235,163,39,.6)}70%{box-shadow:0 0 0 12px rgba(235,163,39,0)}}
.hero h1{margin:0;font:900 clamp(56px,11.5vw,176px)/.86 var(--display);letter-spacing:-.045em;text-transform:uppercase}
.hero h1 .w{display:inline-block;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.hero h1 .w:nth-child(2){animation-delay:.08s}.hero h1 .w:nth-child(4){animation-delay:.16s}.hero h1 .w:nth-child(5){animation-delay:.24s}
.hero h1 .g{color:var(--gold)}
@keyframes rise{from{transform:translateY(40px);opacity:.001}to{transform:none;opacity:1}}
.hero-row{display:flex;flex-wrap:wrap;gap:28px 56px;align-items:flex-end;justify-content:space-between}
.hero-row p{margin:0;flex:1 1 300px;min-width:0;max-width:520px;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:var(--on-d)}
.hero-row .actions{display:flex;flex-wrap:wrap;gap:14px}

/* Horaires en mosaïque */
.week{background:var(--ink);padding:0 0 110px}
.week .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:14px}
.tile{position:relative;border-radius:26px;padding:30px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.tile:hover{transform:translateY(-6px) rotate(-.6deg)}
.tile .t{font:900 clamp(56px,6vw,96px)/.9 var(--display);letter-spacing:-.04em}
.tile .d{font:800 13px/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase}
.tile .w2{font-size:15px;line-height:1.45;opacity:.92}
.tile::after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border:22px solid rgba(255,255,255,.14);border-radius:50% 50% 0 0;transform:rotate(-20deg)}
.t-sun{background:var(--cobalt)}.t-w1{background:var(--emerald)}.t-w2{background:var(--vermilion)}.t-fr{background:var(--ink-2);border:1px solid var(--line-d)}
@media (max-width:900px){.week .wrap{grid-template-columns:1fr 1fr}.tile{min-height:190px}.t-sun{grid-column:1/-1}}
@media (max-width:420px){.week .wrap{grid-template-columns:1fr}}

/* Bande défilante multicolore */
.marquee{overflow:hidden;white-space:nowrap;background:var(--paper);border-block:2px solid var(--ink);padding:22px 0}
.marquee .track{display:inline-flex;gap:46px;animation:mq 34s linear infinite;font:900 clamp(36px,5vw,64px)/1 var(--display);text-transform:uppercase;letter-spacing:-.01em}
.marquee .track span:nth-child(8n+1){color:var(--cobalt)}.marquee .track span:nth-child(8n+3){color:var(--emerald)}.marquee .track span:nth-child(8n+5){color:var(--vermilion)}.marquee .track span:nth-child(8n+7){color:var(--ink)}
.marquee .sep{color:var(--gold)!important;font-size:.6em;align-self:center}
@keyframes mq{to{transform:translateX(-50%)}}

/* Déclaration qui s'allume au défilement */
.creed{padding:150px 0}
.creed p{margin:0;font:900 clamp(34px,5.6vw,88px)/1.04 var(--display);letter-spacing:-.03em;text-wrap:balance;color:var(--text)}
.creed .hl{background:var(--gold);color:var(--ink);padding:0 .14em;border-radius:10px}
@supports (animation-timeline: view()){
  .creed p{background:linear-gradient(90deg,var(--text) 50%,#C9CED6 50%) 100% 0/200% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ink linear both;animation-timeline:view();animation-range:entry 10% cover 55%}
  .creed .hl{-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}
}
@keyframes ink{to{background-position:0 0}}

/* Mosaïque de vie */
.life{padding:0 0 140px}
.life .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:34px}
.life h2,.sec h2{margin:0;font:900 clamp(36px,4.8vw,72px)/1 var(--display);letter-spacing:-.03em}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:150px;gap:14px}
.ph{position:relative;margin:0;border-radius:24px;overflow:hidden;background:var(--ink)}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.ph:hover img{transform:scale(1.06)}
.ph figcaption{position:absolute;left:16px;bottom:16px;background:rgba(6,16,28,.8);color:#fff;border-radius:999px;padding:8px 15px;font:700 13px/1 var(--display)}
.b1{grid-column:span 5;grid-row:span 4}.b2{grid-column:span 7;grid-row:span 2}.b3{grid-column:span 4;grid-row:span 2}
.b4{grid-column:span 3;grid-row:span 2;background:var(--emerald);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:26px}
.b4 strong{font:900 clamp(26px,2.4vw,36px)/1.05 var(--display)}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.b1{grid-column:1/-1;grid-row:span 3}.b2{grid-column:1/-1;grid-row:span 2}.b3,.b4{grid-column:span 1;grid-row:span 2}}
@media (max-width:420px){.b3,.b4{grid-column:1/-1}}

/* Dernier message */
.msg{background:var(--ink);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.msg .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.msg h2{margin:16px 0 18px;font:900 clamp(34px,4.6vw,68px)/1 var(--display);letter-spacing:-.03em}
.msg p{color:var(--on-d);font-size:18px;line-height:1.6;margin:0 0 28px}
.play{position:relative;display:block;aspect-ratio:16/10;border-radius:28px;overflow:hidden;background:url(images/pasteure-bola-vitraux.jpg) center 30%/cover;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:perspective(1200px) rotateY(-6deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.play:hover{transform:perspective(1200px) rotateY(0)}
.play::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,16,28,.7),rgba(6,16,28,0) 55%)}
.play .pb{position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;animation:pulse 2.4s infinite}
.play .cap{position:absolute;left:24px;bottom:22px;font:800 13px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
@media (max-width:900px){.msg .wrap{grid-template-columns:1fr}.play{transform:none}}

/* Témoignages en défilement continu */
.tst{padding:130px 0 120px;background:var(--paper-2);overflow:hidden}
.tst .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:40px}
.belt{display:flex;width:max-content;gap:22px;animation:mq 46s linear infinite;padding:10px 0}
.tst:hover .belt{animation-play-state:paused}
.card{width:min(420px,80vw);border-radius:30px;padding:36px;display:flex;flex-direction:column;gap:14px;color:#fff}
.card q{font:900 28px/1.18 var(--display);quotes:none}
.card p{margin:0;font-size:16px;line-height:1.6;opacity:.92}
.card b{font:800 13px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;margin-top:auto}
.c1{background:var(--cobalt)}.c2{background:var(--vermilion)}.c3{background:var(--emerald)}.c4{background:var(--ink)}
.card:nth-child(odd){transform:rotate(-1.4deg)}.card:nth-child(even){transform:rotate(1.2deg)}

/* Pasteure */
.pst{padding:150px 0;position:relative}
.pst .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:80px;align-items:center}
.arch{position:relative}
.arch::before{content:"";position:absolute;inset:30px -30px -30px 30px;border-radius:300px 300px 26px 26px;background:var(--cobalt)}
.arch img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:40% center;border-radius:300px 300px 26px 26px}
.pst .q{margin:22px 0;font:900 clamp(36px,4.6vw,70px)/1 var(--display);letter-spacing:-.03em}
.pst .q span{color:var(--vermilion)}
.pst p{font-size:18px;line-height:1.65;max-width:540px;margin:0 0 30px}
@media (max-width:900px){.pst .wrap{grid-template-columns:1fr;gap:56px}.arch{max-width:420px}}

/* Prière */
.pray{background:var(--emerald);color:#fff;padding:110px 0;position:relative;overflow:hidden}
.pray .wrap{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:space-between;position:relative}
.pray h2{margin:0;font:900 clamp(40px,6vw,96px)/.95 var(--display);letter-spacing:-.035em}
.pray p{margin:14px 0 0;font-size:20px;line-height:1.5;opacity:.95}
.pray svg{position:absolute;right:-80px;top:-60px;opacity:.18}

/* Pied de page */
.ft{background:var(--ink);color:#B9C0CB;padding:80px 0 30px;font-size:14px;line-height:1.6}
.ft .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:32px}
.ft h3{margin:0 0 10px;font:800 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.ft p{margin:0}.ft a{color:#fff}
.ft .cp{border-top:1px solid var(--line-d);margin-top:44px;padding-top:20px;text-align:center;font-size:13px}

/* Apparitions au défilement */
@supports (animation-timeline: view()){
  .rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 25%}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}.creed p{color:var(--text)!important;background:none!important}}

/* ===== Blocs Gutenberg : remise à zéro et correspondances avec le design ===== */
.abba-vitrail .entry-content>*,.abba-vitrail .entry-content .is-layout-flow>*,.abba-vitrail .entry-content .is-layout-constrained>*,.abba-vitrail .entry-content .is-layout-flex>*{margin-block-start:0;margin-block-end:0}
.abba-vitrail .entry-content figure{margin:0}
.abba-vitrail .entry-content p{margin:0}
.abba-vitrail .entry-content :where(h1,h2,h3,h4){margin:0}
.abba-vitrail .wp-block-image img{display:block;max-width:100%;height:auto}
.abba-vitrail .wp-block-cover{position:relative;display:block;min-height:0;padding:0;overflow:hidden;color:inherit}
.abba-vitrail .wp-block-cover__image-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;z-index:0}
.abba-vitrail .wp-block-cover__background{position:absolute;inset:0;z-index:1;pointer-events:none}
.abba-vitrail .wp-block-cover__inner-container{position:relative;z-index:2;width:100%;color:inherit}
.abba-vitrail .wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.abba-vitrail .wp-block-button{margin:0}
.abba-vitrail .wp-block-button[class*="btn-"]>.wp-block-button__link{display:inline-flex;align-items:center;gap:10px;font:800 14px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:19px 28px;border-radius:999px;border:2px solid transparent;transition:transform .25s ease, background .25s ease, color .25s ease;background:none;color:inherit;box-shadow:none}
.abba-vitrail .wp-block-button[class*="btn-"]>.wp-block-button__link:hover{transform:translateY(-2px)}
.abba-vitrail .wp-block-button[class*="btn-"]>.wp-block-button__link:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.abba-vitrail .wp-block-button.btn-key>.wp-block-button__link{background:var(--gold);color:var(--ink)}
.abba-vitrail .wp-block-button.btn-key>.wp-block-button__link:hover{background:#F2B84B}
.abba-vitrail .wp-block-button.btn-ink>.wp-block-button__link{background:var(--ink);color:#fff}
.abba-vitrail .wp-block-button.btn-ghost-l>.wp-block-button__link{border-color:#fff;color:#fff}
.abba-vitrail .wp-block-button.btn-ghost-l>.wp-block-button__link:hover{background:#fff;color:var(--ink)}
.abba-vitrail .wp-block-button.btn-ghost-d>.wp-block-button__link{border-color:var(--ink);color:var(--ink)}
.abba-vitrail .wp-block-button.btn-ghost-d>.wp-block-button__link:hover{background:var(--ink);color:#fff}
.abba-vitrail .wp-block-button.btn-white>.wp-block-button__link{background:#fff;color:var(--ink)}
.abba-vitrail .wp-block-list{margin:0;padding:0}
.abba-vitrail .wp-block-details summary{cursor:pointer}
.abba-vitrail .wp-block-quote{margin:0;padding:0;border:0}
.abba-vitrail .wp-block-separator{border:0;margin:0}

.abba-vitrail .wp-block-button[class*="btn-"]{background:none;border:0;padding:0;box-shadow:none}

/* ===== WordPress / Astra ===== */
body.abba-vitrail{line-height:normal}
.abba-vitrail :where(.entry-content) :where(h1,h2,h3,h4,h5,h6){color:inherit;font-size:revert;font-weight:revert;line-height:revert;font-family:inherit;text-transform:none;letter-spacing:normal}
.abba-vitrail .hd button.burger,.abba-vitrail .ah-mnav button.x{padding:0;line-height:1;min-height:0;box-shadow:none}
.abba-vitrail .hd button.burger:hover,.abba-vitrail .hd button.burger:focus,.abba-vitrail .ah-mnav button.x:hover{background:rgba(255,255,255,.12);color:#fff}
body.abba-vitrail{background:var(--paper)}
.abba-vitrail .site-content>.ast-container,.abba-vitrail #primary,.abba-vitrail .entry-content{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.abba-vitrail .site-content{padding:0!important}
.abba-vitrail .entry-header,.abba-vitrail .ast-breadcrumbs-wrapper{display:none!important}
.abba-vitrail .entry-content>*{margin-top:0;margin-bottom:0;max-width:none}
.abba-vitrail .entry-content h1,.abba-vitrail .entry-content h2,.abba-vitrail .entry-content h3{clear:none}
.abba-vitrail .ast-article-single,.abba-vitrail .ast-article-post{padding:0!important;margin:0!important;background:none!important;border:0!important}
.abba-vitrail #page{overflow-x:clip}
.abba-vitrail .entry-content a:not(.btn){text-decoration-thickness:1px}
.screen-reader-text:focus{z-index:100000}
.ah-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--ink);padding:10px 14px;font-weight:700}
.ah-skip:focus{left:8px}

/* Menus déroulants */
.hd nav .it{position:relative}
.hd nav .it>a{display:inline-block}
.hd nav .sub{position:absolute;left:-18px;top:100%;min-width:260px;padding:14px 0;background:var(--ink);border:1px solid var(--line-d);border-radius:16px;box-shadow:0 20px 40px rgba(6,16,28,.35);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;text-transform:none;letter-spacing:0}
.hd nav .it:hover .sub,.hd nav .it:focus-within .sub{opacity:1;visibility:visible;transform:none}
.hd nav .sub a{display:block;padding:9px 20px;border:0;font:600 15px/1.3 var(--body);color:var(--on-d)}
.hd nav .sub a:hover,.hd nav .sub a[aria-current]{color:#fff;background:rgba(255,255,255,.06)}
.hd nav .sub a[aria-current]{box-shadow:inset 3px 0 0 var(--gold)}

/* Menu mobile */
.ah-mnav{position:fixed;inset:0;z-index:999;background:var(--ink);color:#fff;padding:26px max(18px,5vw) 40px;overflow:auto}
.ah-mnav[hidden]{display:none}
.ah-mnav .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.ah-mnav .x{width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:none;color:#fff;font-size:22px;cursor:pointer}
.ah-mnav h2{margin:22px 0 8px;font:800 12px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.ah-mnav a{display:block;color:#fff;text-decoration:none;font:700 20px/1.2 var(--display);padding:9px 0}
.ah-mnav a[aria-current]{color:var(--gold)}
.ah-mnav .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ah-mnav .btns a{font-size:14px;padding:16px 22px}
body.ah-lock{overflow:hidden}
.ft .links a{color:#B9C0CB;text-decoration:none}.ft .links a:hover{color:#fff}
.abba-sent{border-radius:24px;padding:34px 30px;background:#fff;color:var(--ink);box-shadow:0 20px 50px rgba(6,16,28,.18);border-top:6px solid var(--gold)}.abba-sent-t{margin:0;font:800 clamp(20px,2vw,26px)/1.3 var(--display)}.abba-sent-err{margin:0 0 14px;padding:14px 18px;border-radius:14px;background:#FDECEA;color:#8A1C10;font-weight:600}

/* ===== Page : accueil ===== */
/* Accueil : seulement ce qui est propre à la page (le reste de la maquette est déjà dans theme.css) */

/* Les classes btn-* sont portées par le conteneur .wp-block-button : seul le lien prend le style */
.abba-accueil .wp-block-button[class*="btn-"],.abba-accueil .wp-block-button[class*="btn-"]:hover{background:none;border:0;padding:0;color:inherit}

/* Hero : bloc Couverture (photo modifiable) + voile + éclats en CSS */
.abba-accueil .hero.wp-block-cover{display:flex;align-items:flex-end;min-height:min(920px,100svh);background:var(--ink);color:#fff;padding:0}
.abba-accueil .hero .wp-block-cover__image-background{object-position:55% 30%;animation:kb 22s ease-in-out infinite alternate;transform-origin:60% 40%}
.abba-accueil .hero .wp-block-cover__background{display:none}
.abba-accueil .hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(6,16,28,.92) 0%,rgba(6,16,28,.7) 38%,rgba(6,16,28,.15) 70%),linear-gradient(0deg,rgba(6,16,28,.95) 0%,rgba(6,16,28,0) 45%),linear-gradient(180deg,rgba(6,16,28,.75) 0%,rgba(6,16,28,0) 22%)}
.abba-accueil .hero::after{content:"";position:absolute;z-index:1;pointer-events:none;right:-60px;top:90px;width:min(46vw,640px);aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 600 600%22%3E%3Cstyle%3Epolygon%7Banimation:g 7s ease-in-out infinite%7Dpolygon:nth-child(2n)%7Banimation-delay:-2s%7Dpolygon:nth-child(3n)%7Banimation-delay:-4.5s%7D@keyframes g%7B0%25,100%25%7Bopacity:.25%7D50%25%7Bopacity:.75%7D%7D@media (prefers-reduced-motion:reduce)%7B*%7Banimation:none!important%7D%7D%3C/style%3E%3Cpolygon points=%22300,20 420,140 300,260 180,140%22 fill=%22%231E4FD8%22/%3E%3Cpolygon points=%22420,140 540,260 420,380 300,260%22 fill=%22%230E7C66%22/%3E%3Cpolygon points=%22180,140 300,260 180,380 60,260%22 fill=%22%23C23B22%22/%3E%3Cpolygon points=%22300,260 420,380 300,500 180,380%22 fill=%22%23EBA327%22/%3E%3Cpolygon points=%22420,380 540,500 420,620 300,500%22 fill=%22%231E4FD8%22/%3E%3Cpolygon points=%22540,260 660,380 540,500 420,380%22 fill=%22%23C23B22%22/%3E%3C/svg%3E") center/contain no-repeat;mix-blend-mode:screen;opacity:.85}
.abba-accueil .hero .wp-block-cover__inner-container{position:relative;z-index:2;width:100%}
.abba-accueil .hero .hero-in{position:relative;width:var(--wrap);margin:0 auto;padding:160px 0 96px;display:grid;gap:30px}
.abba-accueil .hero .hero-in .pill{margin:13px 0;display:inline-flex;align-items:center;gap:12px;justify-self:start;background:rgba(6,16,28,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:11px 18px;font:700 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.abba-accueil .hero .pill::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.abba-accueil .hero h1{color:#fff;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-accueil .hero h1 mark{background:none;color:var(--gold)}

/* Rendez-vous */
.abba-accueil .tile .w2 a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.abba-accueil .week .month{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;border-radius:26px;padding:22px 30px;color:#fff;border:1px dashed rgba(235,163,39,.6);background:rgba(235,163,39,.08)}
.abba-accueil .month .d{font:800 13px/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.abba-accueil .month .mb{font:900 clamp(22px,2.2vw,30px)/1.1 var(--display)}

/* Bande défilante (paragraphes au lieu de span) */
.abba-accueil .marquee .track{display:inline-flex;align-items:baseline}
.abba-accueil .marquee .track p{flex:none;white-space:nowrap}
.abba-accueil .marquee .track p:nth-child(8n+1){color:var(--cobalt)}.abba-accueil .marquee .track p:nth-child(8n+3){color:var(--emerald)}.abba-accueil .marquee .track p:nth-child(8n+5){color:var(--vermilion)}.abba-accueil .marquee .track p:nth-child(8n+7){color:var(--ink)}
.abba-accueil .marquee .track p.sep{color:var(--gold);font-size:.6em;align-self:center}

/* Déclaration : « Sa présence » surligné or (mark) */
.abba-accueil .creed mark{background:var(--gold);color:var(--ink);padding:0 .14em;border-radius:10px}
@supports (animation-timeline: view()){
  .abba-accueil .creed mark{-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink);background:linear-gradient(var(--gold),var(--gold)) 0 0/100% 100% no-repeat;animation:ac-hl linear both;animation-timeline:view();animation-range:entry 55% cover 50%}
}
@keyframes ac-hl{from{background-size:0% 100%}}

/* Mosaïque en collage */
.abba-accueil .bento .ph{position:relative;margin:0;rotate:-1deg;box-shadow:0 18px 40px rgba(6,16,28,.16);transition:rotate .45s cubic-bezier(.2,.8,.2,1),translate .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.abba-accueil .bento .b2{rotate:.8deg}.abba-accueil .bento .b3{rotate:1.3deg}.abba-accueil .bento .b4{rotate:-1.6deg}
.abba-accueil .bento .ph:hover{rotate:0deg;translate:0 -6px;box-shadow:0 28px 60px rgba(6,16,28,.24)}
.abba-accueil .bento .ph img{width:100%;height:100%;object-fit:cover}
.abba-accueil .bento .b1 img{object-position:center 30%}.abba-accueil .bento .b2 img{object-position:45% 35%}.abba-accueil .bento .b3 img{object-position:55% 40%}
.abba-accueil .bento .ph figcaption{position:absolute;left:16px;bottom:16px;margin:0;border-radius:999px;padding:8px 15px;font:800 13px/1 var(--display);text-align:left;background:var(--gold);color:var(--ink);rotate:-5deg;box-shadow:0 8px 18px rgba(6,16,28,.25);animation:ac-wob 4.5s ease-in-out infinite}
.abba-accueil .bento .b2 figcaption{animation-delay:-1.5s}.abba-accueil .bento .b3 figcaption{animation-delay:-3s}
@keyframes ac-wob{0%,100%{rotate:-5deg}50%{rotate:-1deg;translate:0 -3px}}
.abba-accueil .bento .b4 strong{display:block}
.abba-accueil .bento .b4 .wp-block-buttons{align-self:flex-start}

/* Dernier message : bloc Couverture cliquable */
.abba-accueil .msg .eb-gold{color:var(--gold)}
/* surtitres : l'original était un <span> en ligne (boîte de ligne d'environ 20 px) */
.abba-accueil .msg .wrap p.eyebrow,.abba-accueil .pst .wrap p.eyebrow{font:800 13px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;margin:0;padding:3px 0 4px;max-width:none}
.abba-accueil .msg .wrap h2{margin:16px 0 18px}
.abba-accueil .msg .wrap p:not(.eyebrow){margin:0 0 28px}
.abba-accueil .msg .play.wp-block-cover{display:block;aspect-ratio:16/10;min-height:0;padding:0;border-radius:28px;background:var(--ink)}
.abba-accueil .play .wp-block-cover__image-background{object-position:center 30%}
.abba-accueil .play .wp-block-cover__background{display:none}
.abba-accueil .play::before{z-index:1}
.abba-accueil .play::after{content:"";position:absolute;z-index:2;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 44%22%3E%3Cpath d=%22M4 2 L38 22 L4 42 Z%22 fill=%22%2306101C%22/%3E%3C/svg%3E") 56% 50%/38px 42px no-repeat;animation:pulse 2.4s infinite;pointer-events:none}
.abba-accueil .play .wp-block-cover__inner-container{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;padding:22px 24px}
.abba-accueil .msg .wrap .play .cap{position:static;margin:0;color:#fff;font:800 13px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
.abba-accueil .play .cap a{color:#fff;text-decoration:none}
.abba-accueil .play .cap a::after{content:"";position:absolute;inset:0;border-radius:28px}
.abba-accueil .play .cap a:focus-visible{outline:none}.abba-accueil .play .cap a:focus-visible::after{outline:3px solid var(--gold);outline-offset:3px}

.abba-accueil .life .wrap .head{margin-bottom:34px}

/* Témoignages */
.abba-accueil .tst .wrap.head{margin-bottom:40px}
.abba-accueil .tst .head h2{margin:0;font:900 clamp(36px,4.8vw,72px)/1 var(--display);letter-spacing:-.03em}
.abba-accueil .belt .card{flex:none}
.abba-accueil .belt .card p.q{font:900 28px/1.18 var(--display);opacity:1}
.abba-accueil .belt .card p.who{font:800 13px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;margin-top:auto;opacity:1}

/* Pasteure + éclats flottants */
.abba-accueil .pst{position:relative}
.abba-accueil .pst::before{content:"";position:absolute;pointer-events:none;z-index:0;right:max(14px,3vw);top:36px;width:clamp(120px,14vw,210px);aspect-ratio:220/210;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 220 210%22%3E%3Cstyle%3Epolygon%7Btransform-box:fill-box;transform-origin:center;animation:f 9s ease-in-out infinite%7Dpolygon:nth-child(2)%7Banimation-duration:11s;animation-delay:-3s%7Dpolygon:nth-child(3)%7Banimation-duration:13s;animation-delay:-6s%7Dpolygon:nth-child(4)%7Banimation-delay:-1.5s%7Dpolygon:nth-child(5)%7Banimation-duration:10s;animation-delay:-7s%7D@keyframes f%7B0%25,100%25%7Btransform:translateY(0) rotate(0);opacity:1%7D50%25%7Btransform:translateY(-14px) rotate(10deg);opacity:.7%7D%7D@media (prefers-reduced-motion:reduce)%7B*%7Banimation:none!important%7D%7D%3C/style%3E%3Cpolygon points=%2260,10 100,50 60,90 20,50%22 fill=%22%231E4FD8%22/%3E%3Cpolygon points=%22150,26 182,58 150,90 118,58%22 fill=%22%23EBA327%22/%3E%3Cpolygon points=%22112,98 160,146 112,194 64,146%22 fill=%22%23C23B22%22/%3E%3Cpolygon points=%22192,112 212,132 192,152 172,132%22 fill=%22%230E7C66%22/%3E%3Cpolygon points=%2236,132 54,150 36,168 18,150%22 fill=%22%23EBA327%22/%3E%3C/svg%3E") center/contain no-repeat}
.abba-accueil .pst .wrap{position:relative;z-index:1}
.abba-accueil .pst .arch figure{position:relative;margin:0}
.abba-accueil .pst .arch img{position:relative;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:40% center;border-radius:300px 300px 26px 26px}
.abba-accueil .pst .eb-goldink{color:var(--gold-ink)}
.abba-accueil .pst .wrap p.q{margin:22px 0;max-width:540px;font:900 clamp(36px,4.6vw,70px)/1 var(--display);letter-spacing:-.03em}
.abba-accueil .pst .q mark{background:none;color:var(--vermilion)}
.abba-accueil .pst .wrap p:not(.q):not(.eyebrow){margin:0 0 30px}

/* Prière : halo + chevron */
.abba-accueil .pray .wrap p{margin:14px 0 0}
.abba-accueil .pray .wrap{z-index:1}
.abba-accueil .pray::before{content:"";position:absolute;right:-22%;top:50%;width:min(900px,110vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(235,163,39,.30),rgba(235,163,39,0) 62%);transform:translateY(-50%);animation:ac-br 8s ease-in-out infinite}
.abba-accueil .pray::after{content:"";position:absolute;right:-80px;top:-60px;width:520px;height:460px;opacity:.18;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 520 460%22%3E%3Cpath d=%22M40 420 L260 200 L480 420%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%2270%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M120 230 L320 30%22 stroke=%22%23fff%22 stroke-width=%2270%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
@media (max-width:700px){.abba-accueil .pray::before{display:none}}
@keyframes ac-br{0%,100%{transform:translateY(-50%) scale(.9);opacity:.65}50%{transform:translateY(-50%) scale(1.08);opacity:1}}

@media (max-width:900px){.abba-accueil .msg .play.wp-block-cover{transform:none}}
@media (prefers-reduced-motion: reduce){.abba-accueil *,.abba-accueil *::before,.abba-accueil *::after{animation:none!important;transition:none!important}}

/* ===== Page : decouvrir ===== */
/* Découvrir : les trois couleurs du vitrail ensemble, l'or réservé à « Planifier ma visite » */
.abba-decouvrir .wp-block-button[class*="btn-"],.abba-decouvrir .wp-block-button[class*="btn-"]:hover{background:none;border:0;padding:0;color:inherit}
.abba-decouvrir .dc-h2{margin:0;font:900 clamp(36px,4.8vw,72px)/1 var(--display);letter-spacing:-.03em}
.abba-decouvrir .dc-txt .pill{margin:13px 0;display:inline-flex;align-items:center;gap:12px;background:rgba(6,16,28,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:11px 18px;font:700 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}
.abba-decouvrir .pill::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}

/* surtitres : l'original était un <span> en ligne (boîte de ligne d'environ 20 px) */
.abba-decouvrir .dc-wel .wrap p.eyebrow,.abba-decouvrir .dc-open .wrap p.eyebrow,.abba-decouvrir .dc-rdv p.eyebrow,.abba-decouvrir .dc-next p.eyebrow{display:block;margin:0;padding:3px 0 4px;font-size:13px;line-height:1}

/* Hero : triptyque de vitraux vivants */
.abba-decouvrir .dc-hero{position:relative;background:var(--ink);color:#fff;overflow:hidden}
.abba-decouvrir .dc-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 78% 40%,rgba(30,79,216,.35),rgba(30,79,216,0) 70%),radial-gradient(ellipse 40% 50% at 60% 90%,rgba(194,59,34,.25),rgba(194,59,34,0) 70%),radial-gradient(ellipse 40% 50% at 95% 90%,rgba(14,124,102,.3),rgba(14,124,102,0) 70%)}
.abba-decouvrir .dc-hero .dc-hero-in{position:relative;width:var(--wrap);margin:0 auto;min-height:min(940px,100svh);padding:150px 0 90px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:60px;align-items:end}
.abba-decouvrir .dc-txt{display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.abba-decouvrir .dc-txt h1{margin:0;font:900 clamp(56px,7.6vw,128px)/.88 var(--display);letter-spacing:-.045em;text-transform:uppercase;color:#fff;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-decouvrir .dc-txt h1 mark{background:none;color:var(--gold)}
/* Barre tricolore (ancien <span class="dc-bar">) : pseudo-élément sous le titre */
.abba-decouvrir .dc-txt h1::after{content:"";display:block;margin-top:26px;width:min(300px,70%);height:8px;background:linear-gradient(90deg,var(--cobalt) 0 calc(33.333% - 5.34px),transparent 0 calc(33.333% + 2.67px),var(--emerald) 0 calc(66.667% - 2.67px),transparent 0 calc(66.667% + 5.34px),var(--vermilion) 0);border-radius:8px;transform-origin:left;animation:dc-grow .9s .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes dc-grow{from{transform:scaleX(0)}}
.abba-decouvrir .dc-txt .dc-lead{margin:0;max-width:540px;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--on-d)}
.abba-decouvrir .dc-lead strong{display:block;color:#fff;font:800 clamp(20px,1.7vw,25px)/1.3 var(--display);margin-bottom:12px}
.abba-decouvrir .dc-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end}
.abba-decouvrir .dc-tri .dc-win{position:relative;margin:0;border-radius:999px 999px 22px 22px;overflow:hidden;border:7px solid var(--c);background:var(--ink-2);box-shadow:0 30px 70px rgba(0,0,0,.45);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.abba-decouvrir .dc-win:hover{transform:translateY(-10px)}
.abba-decouvrir .dc-tri .dc-win img{width:100%;height:100%;object-fit:cover;animation:kb 20s ease-in-out infinite alternate}
.abba-decouvrir .dc-win::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,var(--c) 0%,transparent 38%);opacity:.75;mix-blend-mode:screen;animation:glint 7s ease-in-out infinite}
.abba-decouvrir .dc-win::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%) 0 0/300% 100% no-repeat;animation:dc-sweep 7s ease-in-out infinite}
@keyframes dc-sweep{0%,55%{background-position:100% 0}100%{background-position:-50% 0}}
.abba-decouvrir .dc-tri .dc-win figcaption{position:absolute;z-index:3;left:50%;bottom:16px;margin:0;transform:translateX(-50%);white-space:nowrap;background:rgba(6,16,28,.82);color:#fff;border-radius:999px;padding:8px 14px;font:700 12px/1 var(--display)}
.abba-decouvrir .dc-w1{--c:var(--cobalt);height:470px}.abba-decouvrir .dc-w2{--c:var(--emerald);height:590px}.abba-decouvrir .dc-w3{--c:var(--vermilion);height:430px}
.abba-decouvrir .dc-tri .dc-w1 img{object-position:center 30%}.abba-decouvrir .dc-tri .dc-w2 img{object-position:45% 25%}.abba-decouvrir .dc-tri .dc-w3 img{object-position:50% 35%}
.abba-decouvrir .dc-w2::after{animation-delay:-2.3s}.abba-decouvrir .dc-w3::after{animation-delay:-4.6s}.abba-decouvrir .dc-w2::before{animation-delay:-2s}.abba-decouvrir .dc-w3::before{animation-delay:-4s}
@media (max-width:900px){
  .abba-decouvrir .dc-hero .dc-hero-in{grid-template-columns:1fr;gap:36px;padding:118px 0 70px;min-height:0}
  .abba-decouvrir .dc-tri{order:-1;gap:10px}
  .abba-decouvrir .dc-tri .dc-win{border-width:5px}
  .abba-decouvrir .dc-w1{height:230px}.abba-decouvrir .dc-w2{height:290px}.abba-decouvrir .dc-w3{height:210px}
  .abba-decouvrir .dc-tri .dc-win figcaption{font-size:10px;padding:6px 9px;bottom:10px}
}

/* Déclaration qui s'encre (soulignement tricolore sur <mark>) */
.abba-decouvrir .dc-creed{padding:140px 0 130px}
.abba-decouvrir .dc-creed .wrap p{margin:0;max-width:1300px;font:900 clamp(32px,5vw,80px)/1.06 var(--display);letter-spacing:-.03em;text-wrap:balance}
.abba-decouvrir .dc-creed mark{color:inherit;background:linear-gradient(90deg,var(--cobalt),var(--emerald),var(--vermilion)) 0 92%/100% .14em no-repeat;padding-bottom:.04em}
@supports (animation-timeline: view()){
  .abba-decouvrir .dc-creed mark{animation:dc-under linear both;animation-timeline:view();animation-range:entry 30% cover 50%}
}
@keyframes dc-under{from{background-size:0% .14em}}

/* Bienvenue : collage */
.abba-decouvrir .dc-wel{background:var(--paper-2);padding:130px 0;overflow:hidden}
.abba-decouvrir .dc-wel .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:70px;align-items:center}
.abba-decouvrir .dc-wel .wrap p{margin:0 0 16px;max-width:520px;font-size:18px;line-height:1.65;color:var(--muted)}
.abba-decouvrir .dc-wel .wrap .eyebrow{color:var(--gold-ink)}
.abba-decouvrir .dc-wel .wrap .dc-h2{margin:16px 0 24px}
.abba-decouvrir .dc-col{position:relative;height:560px}
.abba-decouvrir .dc-col .dc-pic{position:absolute;margin:0;background:#fff;padding:10px 10px 44px;border-radius:6px;box-shadow:0 24px 50px rgba(6,16,28,.22);transform:rotate(var(--r));transition:transform .5s cubic-bezier(.2,.8,.2,1),z-index 0s}
.abba-decouvrir .dc-col .dc-pic:hover{transform:rotate(0) scale(1.04);z-index:5}
.abba-decouvrir .dc-col .dc-pic img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.abba-decouvrir .dc-col .dc-pic figcaption{position:absolute;left:14px;bottom:13px;margin:0;font:800 14px/1 var(--display);color:var(--ink)}
.abba-decouvrir .dc-col .dc-p1{--r:-3deg;left:0;top:30px;width:66%;height:330px;z-index:1}
.abba-decouvrir .dc-col .dc-p2{--r:4deg;right:0;top:0;width:44%;height:290px;z-index:2}
.abba-decouvrir .dc-col .dc-p3{--r:-2deg;right:8%;bottom:0;width:50%;height:270px;z-index:3}
.abba-decouvrir .dc-col .dc-p2 figcaption{left:auto;right:14px}.abba-decouvrir .dc-col .dc-p1 img{object-position:50% 25%}.abba-decouvrir .dc-col .dc-p2 img{object-position:55% 40%}.abba-decouvrir .dc-col .dc-p3 img{object-position:45% 35%}
.abba-decouvrir .dc-wel .wrap .dc-stk{position:absolute;left:4%;bottom:34px;z-index:4;margin:0;max-width:none;background:var(--emerald);color:#fff;border-radius:999px;padding:16px 24px;font:900 16px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em;box-shadow:0 14px 30px rgba(6,16,28,.25);animation:dc-wob 5s ease-in-out infinite}
@keyframes dc-wob{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(-2deg) translateY(-6px)}}
@media (max-width:900px){.abba-decouvrir .dc-wel .wrap{grid-template-columns:1fr;gap:50px}.abba-decouvrir .dc-col{height:480px}.abba-decouvrir .dc-col .dc-p1{height:210px;width:72%;top:10px}.abba-decouvrir .dc-col .dc-p2{height:190px;width:54%;top:170px}.abba-decouvrir .dc-col .dc-p3{height:170px;width:56%;right:auto;left:2%;bottom:0}.abba-decouvrir .dc-wel .wrap .dc-stk{left:auto;right:0;bottom:auto;top:20px;font-size:13px;padding:12px 16px}}

/* Ce que nous croyons : losanges en pseudo-éléments */
.abba-decouvrir .dc-bel{padding:130px 0 120px}
.abba-decouvrir .dc-bel .wrap .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:46px}
.abba-decouvrir .dc-bel .head .eyebrow{display:block;color:var(--gold-ink);margin:0 0 16px}
.abba-decouvrir .dc-rows{border-top:2px solid var(--ink)}
.abba-decouvrir .dc-rows .dc-row{display:grid;grid-template-columns:70px minmax(0,4fr) minmax(0,6fr);gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid #D9DCE1;transition:padding .35s ease,background .35s ease}
.abba-decouvrir .dc-rows .dc-row:hover{padding-left:18px;background:var(--paper-2)}
.abba-decouvrir .dc-row::before{content:"";width:44px;height:44px;background:var(--dia) center/contain no-repeat;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.abba-decouvrir .dc-row:hover::before{transform:rotate(90deg) scale(1.1)}
.abba-decouvrir .dc-r1{--dia:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath d=%22M20 3 L37 20 L20 37 L3 20 Z%22 fill=%22%231E4FD8%22/%3E%3C/svg%3E")}.abba-decouvrir .dc-r2{--dia:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath d=%22M20 3 L37 20 L20 37 L3 20 Z%22 fill=%22%230E7C66%22/%3E%3C/svg%3E")}.abba-decouvrir .dc-r3{--dia:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath d=%22M20 3 L37 20 L20 37 L3 20 Z%22 fill=%22%23C23B22%22/%3E%3C/svg%3E")}.abba-decouvrir .dc-r4{--dia:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath d=%22M20 3 L37 20 L20 37 L3 20 Z%22 fill=%22%23EBA327%22/%3E%3C/svg%3E")}.abba-decouvrir .dc-r5{--dia:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Cpath d=%22M20 3 L37 20 L20 37 L3 20 Z%22 fill=%22%2306101C%22/%3E%3C/svg%3E")}
.abba-decouvrir .dc-row h3{margin:0;font:900 clamp(22px,2.2vw,32px)/1.1 var(--display);letter-spacing:-.01em}
.abba-decouvrir .dc-row p{margin:0;font-size:18px;line-height:1.55;color:var(--muted)}
@media (max-width:760px){.abba-decouvrir .dc-rows .dc-row{grid-template-columns:44px minmax(0,1fr);gap:6px 16px}.abba-decouvrir .dc-row::before{width:32px;height:32px}.abba-decouvrir .dc-row p{grid-column:2}}

/* Bande géante (losange or en ::after de chaque mot) */
.abba-decouvrir .dc-mq{overflow:hidden;white-space:nowrap;border-block:2px solid var(--ink);padding:24px 0;background:#fff}
.abba-decouvrir .dc-mq .track{display:inline-flex;align-items:center;gap:42px;animation:mq 30s linear infinite;font:900 clamp(40px,6vw,92px)/1 var(--display);text-transform:uppercase;letter-spacing:-.02em}
.abba-decouvrir .dc-mq .track p{display:inline-flex;align-items:center;gap:42px;flex:none;white-space:nowrap}
.abba-decouvrir .dc-mq .track p::after{content:"";flex:none;width:.5em;height:.5em;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M5 0 L10 5 L5 10 L0 5 Z%22 fill=%22%23EBA327%22/%3E%3C/svg%3E") center/contain no-repeat}
.abba-decouvrir .dc-mq .track p:nth-child(3n+1){color:var(--cobalt)}.abba-decouvrir .dc-mq .track p:nth-child(3n+2){color:var(--emerald)}.abba-decouvrir .dc-mq .track p:nth-child(3n){color:var(--vermilion)}

/* Ce que vous pouvez vivre */
.abba-decouvrir .dc-live{background:var(--ink);color:#fff;padding:130px 0}
.abba-decouvrir .dc-live .wrap .head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:40px;align-items:end;margin-bottom:50px}
.abba-decouvrir .dc-live .head p{margin:0;font-size:19px;line-height:1.6;color:var(--on-d)}
.abba-decouvrir .dc-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.abba-decouvrir .dc-cards .dc-card{position:relative;height:100%;min-height:330px;border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:14px;color:#fff;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.abba-decouvrir .dc-card:hover{transform:translateY(-10px) rotate(-1.2deg);box-shadow:0 30px 60px rgba(0,0,0,.4)}
.abba-decouvrir .dc-cards .dc-card .n{position:absolute;right:20px;top:6px;margin:0;font:900 110px/1 var(--display);letter-spacing:-.05em;opacity:.18}
.abba-decouvrir .dc-card::before{content:"";flex:none;width:42px;height:42px;background:var(--ic) center/contain no-repeat}
.abba-decouvrir .dc-cards .dc-card h3{margin:auto 0 0;font:900 28px/1.05 var(--display)}
.abba-decouvrir .dc-card p{margin:0;font-size:16px;line-height:1.55;opacity:.93}
.abba-decouvrir .dc-k1{background:var(--cobalt);--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 18V5l11-2v13%22/%3E%3Ccircle cx=%226%22 cy=%2218%22 r=%223%22/%3E%3Ccircle cx=%2217%22 cy=%2216%22 r=%223%22/%3E%3C/svg%3E")}.abba-decouvrir .dc-k2{background:var(--emerald);--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 5c3-1.5 6.5-1.5 10 1 3.5-2.5 7-2.5 10-1v14c-3-1.5-6.5-1.5-10 1-3.5-2.5-7-2.5-10-1z%22/%3E%3Cpath d=%22M12 6v14%22/%3E%3C/svg%3E")}.abba-decouvrir .dc-k3{background:var(--vermilion);--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 2v6M9 5h6%22/%3E%3Cpath d=%22M5 22c0-6 3-9 7-9s7 3 7 9%22/%3E%3C/svg%3E")}.abba-decouvrir .dc-k4{background:var(--ink-2);border:1px solid var(--line-d);--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23EBA327%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Ccircle cx=%2217%22 cy=%229%22 r=%222.5%22/%3E%3Cpath d=%22M2.5 20a6.5 6.5 0 0 1 13 0M15 20a5 5 0 0 1 6.5-4.6%22/%3E%3C/svg%3E")}
@media (max-width:1000px){.abba-decouvrir .dc-cards{grid-template-columns:1fr 1fr}.abba-decouvrir .dc-live .wrap .head{grid-template-columns:1fr}}
@media (max-width:520px){.abba-decouvrir .dc-cards{grid-template-columns:1fr}.abba-decouvrir .dc-cards .dc-card{min-height:250px}}

/* Ouvert à tous + enfants (éclats flottants en ::before) */
.abba-decouvrir .dc-open{position:relative;background:var(--emerald);color:#fff;padding:140px 0;overflow:hidden}
.abba-decouvrir .dc-open::before{content:"";position:absolute;right:-30px;top:-40px;width:300px;aspect-ratio:1;opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 300 300%22%3E%3Cstyle%3Epolygon%7Banimation:g 6s ease-in-out infinite%7Dpolygon:nth-child(2n)%7Banimation-delay:-2s%7Dpolygon:nth-child(3n)%7Banimation-delay:-4s%7D@keyframes g%7B0%25,100%25%7Bopacity:.25%7D50%25%7Bopacity:.75%7D%7D@media (prefers-reduced-motion:reduce)%7B*%7Banimation:none!important%7D%7D%3C/style%3E%3Cpolygon points=%22150,10 220,80 150,150 80,80%22 fill=%22%231E4FD8%22/%3E%3Cpolygon points=%22220,80 290,150 220,220 150,150%22 fill=%22%23EBA327%22/%3E%3Cpolygon points=%2280,80 150,150 80,220 10,150%22 fill=%22%23C23B22%22/%3E%3Cpolygon points=%22150,150 220,220 150,290 80,220%22 fill=%22%2306101C%22 opacity=%22.5%22/%3E%3C/svg%3E") center/contain no-repeat;animation:dc-drift 9s ease-in-out infinite}
@keyframes dc-drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(16px) rotate(6deg)}}
.abba-decouvrir .dc-open .wrap{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:70px;align-items:center}
.abba-decouvrir .dc-open .wrap h2{margin:16px 0 22px;font:900 clamp(48px,8vw,130px)/.9 var(--display);letter-spacing:-.045em}
.abba-decouvrir .dc-open .wrap p{margin:0;max-width:540px;font-size:19px;line-height:1.6;color:#E0F4EE}
.abba-decouvrir .dc-open .wrap .eyebrow{color:#fff}
.abba-decouvrir .dc-kid{position:relative}
.abba-decouvrir .dc-open .dc-kid .dc-slot{max-width:none;aspect-ratio:5/4;border:3px dashed rgba(255,255,255,.7);border-radius:26px;background:rgba(6,16,28,.18);display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;font:800 13px/1.6 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#fff;transform:rotate(2deg)}
.abba-decouvrir .dc-kid .k{position:relative;margin-top:-36px;margin-left:24px;background:#fff;color:var(--text);border-radius:22px;padding:26px 28px;box-shadow:0 24px 50px rgba(6,16,28,.25);transform:rotate(-1.5deg);max-width:440px}
.abba-decouvrir .dc-open .dc-kid .k{margin-top:-36px}
.abba-decouvrir .dc-kid .k h3{margin:0 0 8px;font:900 24px/1.15 var(--display);color:var(--ink)}
.abba-decouvrir .dc-open .dc-kid .k p{color:var(--muted);font-size:16px}
@media (max-width:900px){.abba-decouvrir .dc-open .wrap{grid-template-columns:1fr;gap:50px}.abba-decouvrir .dc-open::before{width:180px;right:-50px;top:-30px}.abba-decouvrir .dc-open .dc-kid .k{margin-left:12px}}

/* Rendez-vous / prochain pas */
.abba-decouvrir .dc-split{display:grid;grid-template-columns:1fr 1fr}
.abba-decouvrir .dc-rdv{background:var(--ink);color:#fff;padding:120px max(18px,3vw) 120px max(18px,calc((100vw - min(1560px, calc(100vw - max(36px,6vw))))/2))}
.abba-decouvrir .dc-rdv .eyebrow{color:var(--gold)}
.abba-decouvrir .dc-split .dc-h2{margin:16px 0 36px}
.abba-decouvrir .dc-rdv .dc-slots{display:grid;gap:12px;margin-bottom:34px}
.abba-decouvrir .dc-slots .dc-sl{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:stretch;border-radius:20px;overflow:hidden;background:var(--ink-2);border:1px solid var(--line-d);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.abba-decouvrir .dc-sl:hover{transform:translateX(8px)}
.abba-decouvrir .dc-slots .dc-sl .h{display:flex;align-items:center;justify-content:center;font:900 clamp(30px,3vw,44px)/1 var(--display);letter-spacing:-.04em;background:var(--c);color:var(--tc,#fff);padding:18px 10px}
.abba-decouvrir .dc-s1{--c:var(--cobalt)}.abba-decouvrir .dc-s2{--c:var(--emerald)}.abba-decouvrir .dc-s3{--c:var(--vermilion)}.abba-decouvrir .dc-s4{--c:var(--gold);--tc:var(--ink)}.abba-decouvrir .dc-s5{--c:var(--ink-2)}
.abba-decouvrir .dc-slots .dc-s5 .h{font-size:clamp(18px,1.6vw,22px);text-align:center;line-height:1.15}
.abba-decouvrir .dc-sl .dc-sl-t{padding:18px 22px}
.abba-decouvrir .dc-sl .dc-sl-t .b{display:block;font:800 13px/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px}
.abba-decouvrir .dc-sl .x{font-size:15px;line-height:1.5;color:var(--on-d)}
.abba-decouvrir .dc-sl .x a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.abba-decouvrir .dc-next{background:var(--paper);padding:120px max(18px,calc((100vw - min(1560px, calc(100vw - max(36px,6vw))))/2)) 120px max(18px,3vw)}
.abba-decouvrir .dc-next .eyebrow{color:var(--gold-ink)}
.abba-decouvrir .dc-next .dc-go{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 54px;column-gap:16px;align-items:center;padding:26px 0;border-bottom:1px solid #D9DCE1;color:var(--text)}
.abba-decouvrir .dc-next .dc-g1{border-top:2px solid var(--ink)}
.abba-decouvrir .dc-g1{--c:var(--cobalt)}.abba-decouvrir .dc-g2{--c:var(--emerald)}.abba-decouvrir .dc-g3{--c:var(--vermilion)}.abba-decouvrir .dc-g4{--c:var(--ink)}
.abba-decouvrir .dc-go .go-t,.abba-decouvrir .dc-go .go-d{grid-column:1}
.abba-decouvrir .dc-next .dc-go .go-t{font:900 clamp(22px,2vw,28px)/1.15 var(--display);margin:0 0 6px;transition:color .3s ease}
.abba-decouvrir .dc-go .go-t a{color:inherit;text-decoration:none}
.abba-decouvrir .dc-go .go-t a::after{content:"";position:absolute;inset:0;z-index:1}
.abba-decouvrir .dc-go .go-d{font-size:16px;line-height:1.5;color:var(--muted)}
.abba-decouvrir .dc-go::after{content:"→";grid-column:2;grid-row:1/3;width:54px;height:54px;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font:800 20px/1 var(--display);transition:transform .35s ease,background .35s ease,color .35s ease,border-color .35s ease}
.abba-decouvrir .dc-go:hover::after{transform:rotate(-45deg);background:var(--c);border-color:var(--c);color:#fff}
.abba-decouvrir .dc-go:hover .go-t{color:var(--c)}
.abba-decouvrir .dc-go .go-t a:focus-visible{outline:none}.abba-decouvrir .dc-go:focus-within{outline:3px solid var(--gold);outline-offset:4px}
@media (max-width:1000px){.abba-decouvrir .dc-split{grid-template-columns:1fr}.abba-decouvrir .dc-rdv,.abba-decouvrir .dc-next{padding:100px max(18px,3vw)}}
@media (max-width:480px){.abba-decouvrir .dc-slots .dc-sl{grid-template-columns:104px minmax(0,1fr)}.abba-decouvrir .dc-slots .dc-sl .h{font-size:28px}.abba-decouvrir .dc-sl .dc-sl-t{padding:16px}}

/* Fin tricolore */
.abba-decouvrir .dc-end{position:relative;padding:130px 0;text-align:center;color:#fff;background:linear-gradient(90deg,var(--cobalt) 0 33.34%,var(--emerald) 33.34% 66.67%,var(--vermilion) 66.67% 100%);overflow:hidden}
.abba-decouvrir .dc-end::before{content:"";position:absolute;left:50%;top:50%;width:min(1000px,140vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(6,16,28,.55),rgba(6,16,28,0) 62%);animation:dc-breathe 7s ease-in-out infinite}
@keyframes dc-breathe{0%,100%{transform:translate(-50%,-50%) scale(.9)}50%{transform:translate(-50%,-50%) scale(1.08)}}
.abba-decouvrir .dc-end .wrap{position:relative}
.abba-decouvrir .dc-end .wrap .dc-end-t{margin:0 auto 12px;max-width:1100px;font:900 clamp(44px,7.4vw,124px)/.92 var(--display);letter-spacing:-.045em;text-shadow:0 4px 30px rgba(6,16,28,.35)}
.abba-decouvrir .dc-end .wrap .dc-end-s{display:block;margin:0 auto 34px;max-width:620px;font-size:20px;line-height:1.5}
.abba-decouvrir .dc-end .wp-block-buttons{justify-content:center}

@media (prefers-reduced-motion: reduce){.abba-decouvrir *,.abba-decouvrir *::before,.abba-decouvrir *::after{animation:none!important;transition:none!important}}

/* Correctifs relecture : pas de mot coupé */
@media (max-width:1180px){.abba-decouvrir .dc-cards{grid-template-columns:1fr 1fr}}

/* ===== Page : qui-sommes-nous ===== */
/* Qui sommes-nous : dominante cobalt, l'or réservé à « Planifier ma visite » */
.abba-qui-sommes-nous .wp-block-button[class*="btn-"],.abba-qui-sommes-nous .wp-block-button[class*="btn-"]:hover{background:none;border:0;padding:0;color:inherit}
.abba-qui-sommes-nous .qs-h2{margin:0;font:900 clamp(36px,4.8vw,72px)/1 var(--display);letter-spacing:-.03em}
/* surtitres : l'original était un <span> en ligne (boîte de ligne d'environ 20 px) */
.abba-qui-sommes-nous .wrap p.eyebrow{margin:0;padding:3px 0 4px}

/* Hero : titre-affiche + grande photo avec sceau tournant */
.abba-qui-sommes-nous .qs-hero{position:relative;background:var(--cobalt);color:#fff;overflow:hidden}
.abba-qui-sommes-nous .qs-hero::before{content:"";position:absolute;right:-10%;top:-30%;width:70vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,0) 62%);animation:qs-breathe 8s ease-in-out infinite}
@keyframes qs-breathe{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.06);opacity:1}}
.abba-qui-sommes-nous .qs-hero .qs-in{position:relative;width:var(--wrap);margin:0 auto;padding:150px 0 100px}
.abba-qui-sommes-nous .qs-in .pill{display:inline-flex;align-items:center;gap:12px;margin:13px 0;background:rgba(6,16,28,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:11px 18px;font:700 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}
.abba-qui-sommes-nous .qs-in .pill::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.abba-qui-sommes-nous .qs-hero .qs-in h1{margin:22px 0 46px;font:900 clamp(54px,8.8vw,150px)/.88 var(--display);letter-spacing:-.05em;text-transform:uppercase;color:#fff;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-qui-sommes-nous .qs-in h1 mark{background:none;color:var(--gold)}
.abba-qui-sommes-nous .qs-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:60px;align-items:end}
.abba-qui-sommes-nous .qs-copy .qs-sub{margin:0 0 18px;font:800 italic clamp(22px,2vw,30px)/1.2 var(--display)}
.abba-qui-sommes-nous .qs-sub mark{color:inherit;background:linear-gradient(var(--gold),var(--gold)) 0 100%/100% .16em no-repeat;animation:qs-under 1s .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes qs-under{from{background-size:0% .16em}}
.abba-qui-sommes-nous .qs-copy p.l{margin:0 0 30px;font-size:clamp(17px,1.3vw,19px);line-height:1.65;color:#E6ECFB}
.abba-qui-sommes-nous .qs-photo{position:relative;margin:0;aspect-ratio:16/10;border-radius:30px}
.abba-qui-sommes-nous .qs-photo .clip.wp-block-cover{position:absolute;inset:0;min-height:0;padding:0;border-radius:30px;overflow:hidden;box-shadow:0 30px 80px rgba(6,16,28,.4)}
.abba-qui-sommes-nous .qs-photo .wp-block-cover__image-background{object-position:60% 30%;animation:kb 22s ease-in-out infinite alternate}
.abba-qui-sommes-nous .qs-photo .wp-block-cover__background{display:none}
.abba-qui-sommes-nous .qs-photo .clip::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(6,16,28,.65),rgba(6,16,28,0) 40%);pointer-events:none}
.abba-qui-sommes-nous .qs-photo .wp-block-cover__inner-container{position:static}
.abba-qui-sommes-nous .qs-photo .clip p.cap{position:absolute;z-index:2;right:24px;left:130px;text-align:right;bottom:22px;margin:0;color:#fff;font:800 13px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
/* Sceau : disque or + croix (::before), texte circulaire tournant (::after) */
.abba-qui-sommes-nous .qs-photo::before,.abba-qui-sommes-nous .qs-photo::after{content:"";position:absolute;z-index:3;left:-70px;bottom:-60px;width:180px;height:180px;border-radius:50%;pointer-events:none}
.abba-qui-sommes-nous .qs-photo::before{background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%2306101C%22 stroke-width=%222.4%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M12 3v18M6 9h12%22/%3E%3C/svg%3E") center/44px 44px no-repeat;box-shadow:0 18px 40px rgba(6,16,28,.35)}
.abba-qui-sommes-nous .qs-photo::after{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3Cpath id=%22c%22 d=%22M100,100 m-74,0 a74,74 0 1,1 148,0 a74,74 0 1,1 -148,0%22/%3E%3C/defs%3E%3Ctext font-family=%22Montserrat,Arial Black,Arial,sans-serif%22 font-weight=%22900%22 font-size=%2215.5%22 letter-spacing=%222.2%22 fill=%22%2306101C%22%3E%3CtextPath href=%22%23c%22%3EUNE %C3%89GLISE LOCALE %C2%B7 UNE VISION MONDIALE %C2%B7%3C/textPath%3E%3C/text%3E%3C/svg%3E") center/100% 100% no-repeat;animation:qs-spin 26s linear infinite}
@keyframes qs-spin{to{transform:rotate(360deg)}}
@media (max-width:900px){
  .abba-qui-sommes-nous .qs-hero .qs-in{padding:120px 0 70px}.abba-qui-sommes-nous .qs-hero .qs-in h1{margin:18px 0 30px}
  .abba-qui-sommes-nous .qs-grid{grid-template-columns:1fr;gap:40px}
  .abba-qui-sommes-nous .qs-photo{order:-1;margin-left:36px;margin-bottom:24px}
  .abba-qui-sommes-nous .qs-grid .qs-photo{margin-left:36px;margin-bottom:24px}
  .abba-qui-sommes-nous .qs-photo::before,.abba-qui-sommes-nous .qs-photo::after{width:120px;height:120px;left:-44px;bottom:-40px}.abba-qui-sommes-nous .qs-photo::before{background-size:30px 30px}
}

/* Bande d'identité */
.abba-qui-sommes-nous .qs-id{background:var(--ink);color:#fff;padding:120px 0}
.abba-qui-sommes-nous .qs-id .wrap p{margin:0;max-width:1320px;font:900 clamp(30px,4.6vw,74px)/1.1 var(--display);letter-spacing:-.03em;text-wrap:balance}
.abba-qui-sommes-nous .qs-id strong{font-weight:inherit;color:var(--gold)}
.abba-qui-sommes-nous .qs-id mark{color:inherit;background:linear-gradient(var(--c),var(--c)) 0 94%/100% .16em no-repeat}
.abba-qui-sommes-nous .qs-id mark:nth-of-type(1){--c:var(--emerald)}.abba-qui-sommes-nous .qs-id mark:nth-of-type(2){--c:var(--vermilion)}.abba-qui-sommes-nous .qs-id mark:nth-of-type(3){--c:var(--gold)}
@supports (animation-timeline: view()){.abba-qui-sommes-nous .qs-id mark{animation:qs-und linear both;animation-timeline:view();animation-range:entry 40% cover 50%}}
@keyframes qs-und{from{background-size:0% .16em}}

/* Bienvenue : collage à gauche (arche de fond en ::before) */
.abba-qui-sommes-nous .qs-wel{padding:140px 0;overflow:hidden}
.abba-qui-sommes-nous .qs-wel .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:80px;align-items:center}
.abba-qui-sommes-nous .qs-col{position:relative;height:580px}
.abba-qui-sommes-nous .qs-col::before{content:"";position:absolute;left:18%;top:60px;width:70%;height:440px;border-radius:300px 300px 30px 30px;background:var(--cobalt);opacity:.12}
.abba-qui-sommes-nous .qs-col .qs-pic{position:absolute;margin:0;border-radius:22px;overflow:hidden;box-shadow:0 26px 60px rgba(6,16,28,.25);border:8px solid #fff;transform:rotate(var(--r));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.abba-qui-sommes-nous .qs-col .qs-pic:hover{transform:rotate(0) scale(1.04);z-index:5}
.abba-qui-sommes-nous .qs-col .qs-pic img{width:100%;height:100%;object-fit:cover}
.abba-qui-sommes-nous .qs-col .qs-pic figcaption{position:absolute;left:12px;bottom:12px;margin:0;background:rgba(6,16,28,.82);color:#fff;border-radius:999px;padding:7px 13px;font:700 12px/1 var(--display)}
.abba-qui-sommes-nous .qs-col .qs-a{--r:-2.5deg;left:0;top:0;width:70%;height:360px;z-index:1}.abba-qui-sommes-nous .qs-col .qs-a img{object-position:50% 30%}
.abba-qui-sommes-nous .qs-col .qs-b{--r:3deg;right:0;top:200px;width:46%;height:300px;z-index:2}.abba-qui-sommes-nous .qs-col .qs-b img{object-position:55% 40%}
.abba-qui-sommes-nous .qs-col .qs-c{--r:-4deg;left:8%;bottom:0;width:42%;height:220px;z-index:3}.abba-qui-sommes-nous .qs-col .qs-c img{object-position:45% 35%}
.abba-qui-sommes-nous .qs-wel .wrap p{margin:0 0 16px;max-width:520px;font-size:18px;line-height:1.65;color:var(--muted)}
.abba-qui-sommes-nous .qs-wel .wrap p.eyebrow{font-size:13px;line-height:1;margin:0;max-width:none;color:var(--gold-ink)}
.abba-qui-sommes-nous .qs-wel .wrap .qs-h2{margin:16px 0 24px}
.abba-qui-sommes-nous .qs-wel strong{color:var(--cobalt)}
@media (max-width:900px){.abba-qui-sommes-nous .qs-wel .wrap{grid-template-columns:1fr;gap:56px}.abba-qui-sommes-nous .qs-col{height:470px;order:2}.abba-qui-sommes-nous .qs-col .qs-a{height:230px;width:78%}.abba-qui-sommes-nous .qs-col .qs-b{top:150px;height:200px;width:54%}.abba-qui-sommes-nous .qs-col .qs-c{height:160px;width:52%;left:2%}}

/* Notre histoire (éclats en ::before) */
.abba-qui-sommes-nous .qs-his{position:relative;background:var(--paper-2);padding:140px 0;overflow:hidden}
.abba-qui-sommes-nous .qs-his::before{content:"";position:absolute;left:-60px;bottom:-60px;width:260px;aspect-ratio:1;opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 260 260%22%3E%3Cstyle%3Epolygon%7Banimation:g 6s ease-in-out infinite%7Dpolygon:nth-child(2n)%7Banimation-delay:-2s%7Dpolygon:nth-child(3n)%7Banimation-delay:-4s%7D@keyframes g%7B0%25,100%25%7Bopacity:.25%7D50%25%7Bopacity:.75%7D%7D@media (prefers-reduced-motion:reduce)%7B*%7Banimation:none!important%7D%7D%3C/style%3E%3Cpolygon points=%22130,10 190,70 130,130 70,70%22 fill=%22%231E4FD8%22/%3E%3Cpolygon points=%22190,70 250,130 190,190 130,130%22 fill=%22%230E7C66%22/%3E%3Cpolygon points=%2270,70 130,130 70,190 10,130%22 fill=%22%23EBA327%22/%3E%3Cpolygon points=%22130,130 190,190 130,250 70,190%22 fill=%22%23C23B22%22/%3E%3C/svg%3E") center/contain no-repeat;animation:qs-float 10s ease-in-out infinite}
@keyframes qs-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(-6deg)}}
.abba-qui-sommes-nous .qs-his .wrap{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:80px;align-items:start}
.abba-qui-sommes-nous .qs-his .wrap p.eyebrow{color:var(--gold-ink)}
.abba-qui-sommes-nous .qs-his .wrap h2{margin:16px 0 30px;font:900 clamp(42px,6.2vw,104px)/.94 var(--display);letter-spacing:-.045em}
.abba-qui-sommes-nous .qs-his h2 mark{background:none;color:var(--cobalt)}
.abba-qui-sommes-nous .qs-his .wrap .lead{margin:0;font:800 clamp(21px,1.8vw,27px)/1.4 var(--display);color:var(--ink);max-width:620px}
.abba-qui-sommes-nous .qs-his .body p{margin:0 0 18px;font-size:18px;line-height:1.7;color:var(--muted)}
.abba-qui-sommes-nous .qs-his .body p:first-of-type::first-letter{float:left;font:900 74px/.8 var(--display);color:var(--cobalt);margin:6px 10px 0 0}
.abba-qui-sommes-nous .qs-his .body figure{position:relative;margin:0 0 34px;border-radius:26px;overflow:hidden;aspect-ratio:16/10}
.abba-qui-sommes-nous .qs-his .body figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.abba-qui-sommes-nous .qs-his .body figure:hover img{transform:scale(1.06)}
.abba-qui-sommes-nous .qs-his .body p.qs-tbd{margin:26px 0 0;border:2px dashed #9AA3B2;border-radius:18px;padding:18px 22px;font:800 13px/1.5 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#fff}
@media (max-width:900px){.abba-qui-sommes-nous .qs-his .wrap{grid-template-columns:1fr;gap:40px}.abba-qui-sommes-nous .qs-his::before{width:160px;left:auto;right:-50px;bottom:auto;top:-30px}}

/* Croyances : lignes qui se colorent */
.abba-qui-sommes-nous .qs-bel{padding:140px 0 130px}
.abba-qui-sommes-nous .qs-bel .wrap .head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:40px;align-items:end;margin-bottom:46px}
.abba-qui-sommes-nous .qs-bel .head p{margin:0;font-size:19px;line-height:1.6;color:var(--muted)}
.abba-qui-sommes-nous .qs-bel .head p.eyebrow{color:var(--gold-ink);font-size:13px;line-height:1}
.abba-qui-sommes-nous .qs-bel .head .qs-h2{margin-top:16px}
.abba-qui-sommes-nous .qs-list{border-top:2px solid var(--ink)}
.abba-qui-sommes-nous .qs-list .qs-r{position:relative;display:grid;grid-template-columns:110px minmax(0,4fr) minmax(0,6fr);gap:24px;align-items:center;padding:30px 24px;border-bottom:1px solid #D9DCE1;overflow:hidden;isolation:isolate}
.abba-qui-sommes-nous .qs-r::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.abba-qui-sommes-nous .qs-r:hover::before{transform:none}
.abba-qui-sommes-nous .qs-c1{--c:var(--cobalt)}.abba-qui-sommes-nous .qs-c2{--c:var(--emerald)}.abba-qui-sommes-nous .qs-c3{--c:var(--vermilion)}.abba-qui-sommes-nous .qs-c4{--c:var(--gold);--nc:var(--gold-ink);--hc:var(--ink)}.abba-qui-sommes-nous .qs-c5{--c:var(--ink)}.abba-qui-sommes-nous .qs-c6{--c:var(--cobalt)}
.abba-qui-sommes-nous .qs-r p{margin:0;font-size:17px;line-height:1.6;color:var(--muted);transition:color .3s ease}
.abba-qui-sommes-nous .qs-list .qs-r p.n{font:900 clamp(44px,4.4vw,64px)/1 var(--display);letter-spacing:-.04em;color:var(--nc,var(--c));transition:color .3s ease}
.abba-qui-sommes-nous .qs-r h3{margin:0;font:900 clamp(22px,2.1vw,30px)/1.1 var(--display);transition:color .3s ease}
.abba-qui-sommes-nous .qs-list .qs-r:hover p,.abba-qui-sommes-nous .qs-list .qs-r:hover h3{color:var(--hc,#fff)}
@media (max-width:760px){.abba-qui-sommes-nous .qs-list .qs-r{grid-template-columns:64px minmax(0,1fr);gap:6px 14px;padding:24px 8px}.abba-qui-sommes-nous .qs-r p{grid-column:2}.abba-qui-sommes-nous .qs-list .qs-r p.n{grid-column:auto}}

/* Mandat */
.abba-qui-sommes-nous .qs-man{position:relative;background:var(--emerald);color:#fff;padding:150px 0;overflow:hidden}
.abba-qui-sommes-nous .qs-man::before{content:"";position:absolute;left:50%;top:50%;width:min(1100px,150vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(235,163,39,.28),rgba(235,163,39,0) 60%);animation:qs-halo 7s ease-in-out infinite}
@keyframes qs-halo{0%,100%{transform:translate(-50%,-50%) scale(.9);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}
.abba-qui-sommes-nous .qs-man .wrap{position:relative}
.abba-qui-sommes-nous .qs-man .wrap p.eyebrow{display:block;margin:0 0 26px;padding:0}
.abba-qui-sommes-nous .qs-man .wrap .qs-man-t{margin:0;max-width:1350px;font:900 clamp(32px,4.8vw,78px)/1.08 var(--display);letter-spacing:-.03em;text-wrap:balance}
.abba-qui-sommes-nous .qs-man mark{color:inherit;background:linear-gradient(var(--gold),var(--gold)) 0 96%/100% .14em no-repeat}
@supports (animation-timeline: view()){.abba-qui-sommes-nous .qs-man mark{animation:qs-und linear both;animation-timeline:view();animation-range:entry 40% cover 55%}}

/* Bande (losange or en ::after de chaque mot) */
.abba-qui-sommes-nous .qs-mq{overflow:hidden;white-space:nowrap;border-block:2px solid var(--ink);padding:22px 0;background:#fff}
.abba-qui-sommes-nous .qs-mq .track{display:inline-flex;align-items:center;gap:40px;animation:mq 34s linear infinite;font:900 clamp(36px,5vw,76px)/1 var(--display);text-transform:uppercase;letter-spacing:-.02em}
.abba-qui-sommes-nous .qs-mq .track p{display:inline-flex;align-items:center;gap:40px;flex:none;white-space:nowrap}
.abba-qui-sommes-nous .qs-mq .track p::after{content:"";flex:none;width:.45em;height:.45em;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M5 0 L10 5 L5 10 L0 5 Z%22 fill=%22%23EBA327%22/%3E%3C/svg%3E") center/contain no-repeat}
.abba-qui-sommes-nous .qs-mq .track p:nth-child(4n+1){color:var(--cobalt)}.abba-qui-sommes-nous .qs-mq .track p:nth-child(4n+2){color:var(--vermilion)}.abba-qui-sommes-nous .qs-mq .track p:nth-child(4n+3){color:var(--emerald)}.abba-qui-sommes-nous .qs-mq .track p:nth-child(4n){color:var(--ink)}

/* Pasteure */
.abba-qui-sommes-nous .qs-pas{background:var(--ink);color:#fff;padding:150px 0;overflow:hidden}
.abba-qui-sommes-nous .qs-pas .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:90px;align-items:center}
.abba-qui-sommes-nous .qs-stack{position:relative;padding:0 40px 60px 0}
.abba-qui-sommes-nous .qs-stack::before{content:"";position:absolute;inset:40px 0 20px 40px;border-radius:30px;background:var(--cobalt)}
.abba-qui-sommes-nous .qs-stack .qs-main{position:relative;margin:0;border-radius:30px;overflow:hidden;aspect-ratio:16/11}
.abba-qui-sommes-nous .qs-stack .qs-main img{width:100%;height:100%;object-fit:cover;object-position:35% 40%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.abba-qui-sommes-nous .qs-stack .qs-main:hover img{transform:scale(1.05)}
.abba-qui-sommes-nous .qs-stack .qs-mini{position:absolute;margin:0;width:34%;border:6px solid #fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.45);transform:rotate(var(--r));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.abba-qui-sommes-nous .qs-stack .qs-mini:hover{transform:rotate(0) scale(1.06)}
.abba-qui-sommes-nous .qs-stack .qs-mini img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.abba-qui-sommes-nous .qs-stack .qs-m1{--r:-6deg;right:-6px;bottom:0}.abba-qui-sommes-nous .qs-stack .qs-m1 img{object-position:50% 25%}
.abba-qui-sommes-nous .qs-stack .qs-m2{--r:5deg;right:30%;bottom:-24px;width:26%}.abba-qui-sommes-nous .qs-stack .qs-m2 img{object-position:50% 30%}
.abba-qui-sommes-nous .qs-pas .wrap p.eyebrow{color:var(--gold);font-size:13px;line-height:1;margin:0}
.abba-qui-sommes-nous .qs-pas .wrap h2{margin:16px 0 26px;font:900 clamp(40px,5.4vw,88px)/.95 var(--display);letter-spacing:-.04em}
.abba-qui-sommes-nous .qs-pas h2 mark{background:none;color:var(--gold)}
.abba-qui-sommes-nous .qs-pas .wrap p{margin:0 0 18px;font-size:18px;line-height:1.65;color:var(--on-d)}
.abba-qui-sommes-nous .qs-pas .wrap .qs-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.abba-qui-sommes-nous .qs-links p.lab{grid-column:1/-1;margin:0;font:800 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.abba-qui-sommes-nous .qs-links .qs-lk{position:relative;display:flex;flex-direction:column;gap:8px;border-radius:22px;padding:24px;color:#fff;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.abba-qui-sommes-nous .qs-lk:hover{transform:translateY(-6px) rotate(-1deg)}
.abba-qui-sommes-nous .qs-lk:focus-within{outline:3px solid var(--gold);outline-offset:3px}
.abba-qui-sommes-nous .qs-links .qs-lk p.lk-t{margin:0;font:900 22px/1.1 var(--display);color:#fff}
.abba-qui-sommes-nous .qs-lk .lk-t a{color:inherit;text-decoration:none;outline:none}
.abba-qui-sommes-nous .qs-lk .lk-t a::after{content:"";position:absolute;inset:0;border-radius:22px}
.abba-qui-sommes-nous .qs-links .qs-lk p.lk-s{margin:0;font-size:15px;line-height:1.45;opacity:.92;color:#fff}
.abba-qui-sommes-nous .qs-lk1{background:var(--cobalt)}.abba-qui-sommes-nous .qs-lk2{background:var(--vermilion)}
@media (max-width:900px){.abba-qui-sommes-nous .qs-pas .wrap{grid-template-columns:1fr;gap:70px}.abba-qui-sommes-nous .qs-stack{padding:0 20px 50px 0}}
@media (max-width:480px){.abba-qui-sommes-nous .qs-pas .wrap .qs-links{grid-template-columns:1fr}}

/* Fin (éclats en ::before) */
.abba-qui-sommes-nous .qs-end{position:relative;background:var(--cobalt);color:#fff;padding:120px 0;overflow:hidden}
.abba-qui-sommes-nous .qs-end::before{content:"";position:absolute;right:-40px;top:-50px;width:280px;aspect-ratio:1;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 260 260%22%3E%3Cstyle%3Epolygon%7Banimation:g 6s ease-in-out infinite%7Dpolygon:nth-child(2n)%7Banimation-delay:-3s%7D@keyframes g%7B0%25,100%25%7Bopacity:.25%7D50%25%7Bopacity:.75%7D%7D@media (prefers-reduced-motion:reduce)%7B*%7Banimation:none!important%7D%7D%3C/style%3E%3Cpolygon points=%22130,10 190,70 130,130 70,70%22 fill=%22%23EBA327%22/%3E%3Cpolygon points=%22190,70 250,130 190,190 130,130%22 fill=%22%230E7C66%22/%3E%3Cpolygon points=%2270,70 130,130 70,190 10,130%22 fill=%22%23C23B22%22/%3E%3Cpolygon points=%22130,130 190,190 130,250 70,190%22 fill=%22%23fff%22/%3E%3C/svg%3E") center/contain no-repeat;animation:qs-float 10s ease-in-out infinite}
.abba-qui-sommes-nous .qs-end .wrap{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:30px}
.abba-qui-sommes-nous .qs-end .wrap h2{margin:0 0 16px;font:900 clamp(44px,7vw,116px)/.92 var(--display);letter-spacing:-.045em}
.abba-qui-sommes-nous .qs-end .wrap p{margin:0;max-width:620px;font-size:20px;line-height:1.55;color:#E6ECFB}

@media (prefers-reduced-motion: reduce){.abba-qui-sommes-nous *,.abba-qui-sommes-nous *::before,.abba-qui-sommes-nous *::after{animation:none!important;transition:none!important}}

/* ===== Page : evangile ===== */
/* L'Évangile (blocs Gutenberg) : dominante vermillon chaud, lecture calme ; l'or réservé à « Parler à quelqu'un » et « Envoyer ».
   Préfixe .abba-evangile.abba-vitrail : passe devant la remise à zéro des marges des blocs (theme.css). */
.abba-evangile.abba-vitrail .ev-c-cobalt{--c:var(--cobalt)} .abba-evangile.abba-vitrail .ev-c-slate{--c:#3A4A66} .abba-evangile.abba-vitrail .ev-c-emerald{--c:var(--emerald)} .abba-evangile.abba-vitrail .ev-c-vermilion{--c:var(--vermilion)}
.abba-evangile.abba-vitrail .ev-c-gold{--c:var(--gold);--tc:var(--ink)} .abba-evangile.abba-vitrail .ev-c-white{--c:#fff;--tc:var(--ink)} .abba-evangile.abba-vitrail .ev-c-sky{--c:#4F7BFF}
.abba-evangile.abba-vitrail .ev-h2{margin:0;font:900 clamp(34px,4.6vw,68px)/1.02 var(--display);letter-spacing:-.03em}
.abba-evangile.abba-vitrail .eyebrow{display:block}
/* les classes btn-* sont portées par l'enveloppe .wp-block-button : on neutralise le fond que .btn-key/.btn-white de theme.css lui donnent */
.abba-evangile.abba-vitrail .wp-block-button[class*="btn-"]{background:none;border:0;padding:0}

/* Hero : soleil photo et anneaux qui respirent */
.abba-evangile.abba-vitrail .ev-hero{position:relative;background:var(--vermilion);color:#fff;overflow:hidden}
.abba-evangile.abba-vitrail .ev-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 85% 45%,rgba(235,163,39,.35),rgba(235,163,39,0) 65%)}
.abba-evangile.abba-vitrail .ev-sun{position:absolute;right:max(-120px,-8vw);top:50%;width:min(56vw,780px);aspect-ratio:1;transform:translateY(-46%)}
.abba-evangile.abba-vitrail .ev-sun .ring{position:absolute;inset:-9%;border-radius:50%;border:2px solid rgba(255,255,255,.28);animation:ev-ring 6s ease-in-out infinite}
.abba-evangile.abba-vitrail .ev-sun .ring:nth-child(2){inset:-19%;border-color:rgba(255,255,255,.16);animation-delay:-2s}
.abba-evangile.abba-vitrail .ev-sun .ring:nth-child(3){inset:-30%;border-color:rgba(255,255,255,.09);animation-delay:-4s}
@keyframes ev-ring{0%,100%{transform:scale(.97)}50%{transform:scale(1.03)}}
.abba-evangile.abba-vitrail .ev-sun .disc{position:absolute;inset:0;border-radius:50%;overflow:hidden;box-shadow:0 40px 100px rgba(6,16,28,.35)}
.abba-evangile.abba-vitrail .ev-sun .disc img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:45% 40%;animation:kb 22s ease-in-out infinite alternate}
.abba-evangile.abba-vitrail .ev-sun .disc::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(235,163,39,.18),rgba(194,59,34,.2))}
.abba-evangile.abba-vitrail .ev-hero-in{position:relative;width:var(--wrap);margin:0 auto;min-height:min(900px,100svh);padding:160px 0 100px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:26px}
.abba-evangile.abba-vitrail .ev-hero-in > *{max-width:min(640px,48%)}
.abba-evangile.abba-vitrail .ev-hero .pill::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite;flex:none}
.abba-evangile.abba-vitrail .ev-hero h1{margin:0;font:900 clamp(60px,9vw,150px)/.86 var(--display);letter-spacing:-.05em;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-evangile.abba-vitrail .ev-hero h1 em{display:block;margin-top:18px;font:800 clamp(22px,2.2vw,34px)/1.15 var(--display);font-style:normal;letter-spacing:-.01em;animation:rise 1s .15s cubic-bezier(.2,.8,.2,1) both}
.abba-evangile.abba-vitrail .ev-hero .lead{margin:0;font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:#FFEDE8}
.abba-evangile.abba-vitrail .ev-hero .actions{display:flex;flex-wrap:wrap;gap:14px;max-width:none}
@media (max-width:900px){
  .abba-evangile.abba-vitrail .ev-sun{position:relative;right:auto;top:auto;transform:none;width:min(76vw,380px);margin:120px 0 0 auto;margin-right:-10vw}
  .abba-evangile.abba-vitrail .ev-hero-in{min-height:0;padding:50px 0 80px}
  .abba-evangile.abba-vitrail .ev-hero-in > *{max-width:100%}
}

/* Questions en pastilles */
.abba-evangile.abba-vitrail .ev-q{padding:130px 0 110px;overflow:hidden}
.abba-evangile.abba-vitrail .ev-q .eyebrow{color:var(--vermilion);margin-bottom:30px;text-align:center}
.abba-evangile.abba-vitrail .ev-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 22px;max-width:1200px;margin:0 auto 54px}
.abba-evangile.abba-vitrail .ev-tag{display:inline-block;padding:20px 30px;border-radius:999px;font:900 clamp(20px,2.2vw,32px)/1.1 var(--display);letter-spacing:-.01em;color:#fff;transform:rotate(var(--r));animation:ev-bob 6s ease-in-out infinite;box-shadow:0 14px 30px rgba(6,16,28,.14)}
@keyframes ev-bob{0%,100%{transform:rotate(var(--r)) translateY(0)}50%{transform:rotate(var(--r)) translateY(-7px)}}
.abba-evangile.abba-vitrail .ev-tag:nth-child(1){--r:-3deg;background:var(--cobalt)}
.abba-evangile.abba-vitrail .ev-tag:nth-child(2){--r:2deg;background:var(--vermilion);animation-delay:-1.2s}
.abba-evangile.abba-vitrail .ev-tag:nth-child(3){--r:-1.5deg;background:var(--gold);color:var(--ink);animation-delay:-2.4s}
.abba-evangile.abba-vitrail .ev-tag:nth-child(4){--r:2.5deg;background:var(--emerald);animation-delay:-3.6s}
.abba-evangile.abba-vitrail .ev-tag:nth-child(5){--r:-2deg;background:var(--ink);animation-delay:-4.8s}
.abba-evangile.abba-vitrail .ev-q p.c{margin:0 auto;max-width:760px;text-align:center;font-size:clamp(18px,1.5vw,21px);line-height:1.65;color:var(--muted)}
.abba-evangile.abba-vitrail .ev-q p.c strong{color:var(--ink)}

/* Deux colonnes de lecture */
.abba-evangile.abba-vitrail .ev-read{background:var(--paper-2);padding:120px 0}
.abba-evangile.abba-vitrail .ev-read .wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.abba-evangile.abba-vitrail .ev-col{background:#fff;border-radius:30px;padding:clamp(30px,4vw,56px);border-top:8px solid var(--c);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;height:100%}
.abba-evangile.abba-vitrail .ev-col:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(6,16,28,.1)}
.abba-evangile.abba-vitrail .ev-col h2{margin:0 0 20px;font:900 clamp(28px,2.8vw,42px)/1.05 var(--display);letter-spacing:-.02em}
.abba-evangile.abba-vitrail .ev-col p{margin:0 0 16px;font-size:18px;line-height:1.7;color:var(--muted)}
.abba-evangile.abba-vitrail .ev-col p:last-child{margin:0}
@media (max-width:860px){.abba-evangile.abba-vitrail .ev-read .wrap{grid-template-columns:1fr}}

/* Frise des 7 étapes (signature) */
.abba-evangile.abba-vitrail .ev-story{background:var(--ink);color:#fff;padding:140px 0 130px;position:relative;overflow:hidden}
.abba-evangile.abba-vitrail .ev-story::before{content:"";position:absolute;left:50%;top:0;width:120vw;height:520px;transform:translateX(-50%);background:radial-gradient(ellipse 50% 60% at 50% 0%,rgba(194,59,34,.35),rgba(194,59,34,0) 70%)}
.abba-evangile.abba-vitrail .ev-story .wrap{position:relative}
.abba-evangile.abba-vitrail .ev-story .head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:40px;align-items:end;margin-bottom:80px}
.abba-evangile.abba-vitrail .ev-story .head>p{margin:0;font-size:19px;line-height:1.6;color:var(--on-d)}
.abba-evangile.abba-vitrail .ev-story .eyebrow{color:var(--gold);margin-bottom:16px}
.abba-evangile.abba-vitrail .ev-line{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px;margin:0;padding:0}
.abba-evangile.abba-vitrail .ev-line::before{content:"";position:absolute;left:0;right:0;top:34px;height:4px;border-radius:4px;background:rgba(255,255,255,.12)}
.abba-evangile.abba-vitrail .ev-line::after{content:"";position:absolute;left:0;right:0;top:34px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--cobalt),var(--emerald) 30%,var(--vermilion) 62%,var(--gold));transform-origin:left}
@supports (animation-timeline: view()){.abba-evangile.abba-vitrail .ev-line::after{animation:ev-draw linear both;animation-timeline:view();animation-range:entry 20% cover 60%}}
@keyframes ev-draw{from{transform:scaleX(0)}}
.abba-evangile.abba-vitrail .ev-st{position:relative}
.abba-evangile.abba-vitrail .ev-st .n{position:relative;z-index:1;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:900 26px/1 var(--display);background:var(--c);color:var(--tc,#fff);border:6px solid var(--ink);margin-bottom:24px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.abba-evangile.abba-vitrail .ev-st:hover .n{transform:scale(1.15) rotate(-8deg)}
.abba-evangile.abba-vitrail .ev-st h3{margin:0 0 10px;font:900 22px/1.1 var(--display)}
.abba-evangile.abba-vitrail .ev-st p:not(.n){margin:0;font-size:15px;line-height:1.6;color:var(--on-d)}
.abba-evangile.abba-vitrail .ev-st.key .n{box-shadow:0 0 0 0 rgba(235,163,39,.55);animation:pulse 2.6s infinite}
@media (max-width:1100px){
  .abba-evangile.abba-vitrail .ev-line{grid-template-columns:1fr;gap:34px;padding-left:96px}
  .abba-evangile.abba-vitrail .ev-line::before,.abba-evangile.abba-vitrail .ev-line::after{left:34px;right:auto;top:0;bottom:0;width:4px;height:auto}
  .abba-evangile.abba-vitrail .ev-line::after{transform-origin:top;background:linear-gradient(180deg,var(--cobalt),var(--emerald) 30%,var(--vermilion) 62%,var(--gold))}
  @supports (animation-timeline: view()){.abba-evangile.abba-vitrail .ev-line::after{animation-name:ev-drawy}}
  .abba-evangile.abba-vitrail .ev-st .n{position:absolute;left:-96px;top:-8px;margin:0}
  .abba-evangile.abba-vitrail .ev-story .head{grid-template-columns:1fr;margin-bottom:56px}
}
@keyframes ev-drawy{from{transform:scaleY(0)}}

/* Grande phrase surlignée */
.abba-evangile.abba-vitrail .ev-big{padding:150px 0 140px;text-align:center}
.abba-evangile.abba-vitrail .ev-big p{margin:0 auto;max-width:1240px;font:900 clamp(32px,5vw,82px)/1.08 var(--display);letter-spacing:-.035em;text-wrap:balance}
.abba-evangile.abba-vitrail .ev-big p strong{font-weight:inherit;color:var(--vermilion)}
.abba-evangile.abba-vitrail .ev-big mark{color:inherit;background:linear-gradient(transparent 58%,rgba(235,163,39,.75) 58%) 0 0/100% 100% no-repeat;padding:0 .08em}
@supports (animation-timeline: view()){.abba-evangile.abba-vitrail .ev-big mark{animation:ev-hl linear both;animation-timeline:view();animation-range:entry 40% cover 55%}}
@keyframes ev-hl{from{background-size:0% 100%}}

/* Répondre */
.abba-evangile.abba-vitrail .ev-resp{background:var(--paper-2);padding:130px 0;overflow:hidden}
.abba-evangile.abba-vitrail .ev-resp .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:60px;align-items:start}
.abba-evangile.abba-vitrail .ev-resp .eyebrow{color:var(--vermilion);margin-bottom:16px}
.abba-evangile.abba-vitrail .ev-resp .intro{margin:22px 0 40px;max-width:620px;font-size:18px;line-height:1.65;color:var(--muted)}
.abba-evangile.abba-vitrail .ev-ways{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.abba-evangile.abba-vitrail .ev-way{background:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px;height:100%;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.abba-evangile.abba-vitrail .ev-way:hover{transform:translateY(-6px) rotate(-.8deg);box-shadow:0 22px 44px rgba(6,16,28,.1)}
.abba-evangile.abba-vitrail .ev-way::before{content:"";width:40px;height:40px;background:var(--ic) center/contain no-repeat}
.abba-evangile.abba-vitrail .ev-way-1{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C23B22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 0 11H11'/%3E%3C/svg%3E")} .abba-evangile.abba-vitrail .ev-way-2{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E4FD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z'/%3E%3C/svg%3E")} .abba-evangile.abba-vitrail .ev-way-3{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E7C66' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1 7 17M17 7l2.1-2.1'/%3E%3C/svg%3E")} .abba-evangile.abba-vitrail .ev-way-4{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A5A0B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c3-1 4-4 4-7s1-6 4-7'/%3E%3Cpath d='M13 19c3-1 4-4 4-7s1-6 4-7'/%3E%3C/svg%3E")}
.abba-evangile.abba-vitrail .ev-way h3{margin:6px 0 0;font:900 22px/1.1 var(--display)}
.abba-evangile.abba-vitrail .ev-way p{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}
.abba-evangile.abba-vitrail .ev-pray{position:sticky;top:40px;background:var(--vermilion);color:#fff;border-radius:32px;padding:clamp(30px,3.6vw,52px);overflow:hidden}
.abba-evangile.abba-vitrail .ev-pray::before{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(235,163,39,.45),rgba(235,163,39,0) 65%);animation:ev-ring 7s ease-in-out infinite}
.abba-evangile.abba-vitrail .ev-pray>*{position:relative}
.abba-evangile.abba-vitrail .ev-pray h3{margin:12px 0 18px;font:900 clamp(28px,2.6vw,38px)/1.05 var(--display)}
.abba-evangile.abba-vitrail .ev-pray blockquote{margin:0 0 20px;font:700 clamp(19px,1.6vw,23px)/1.6 var(--body);font-style:italic}
.abba-evangile.abba-vitrail .ev-pray blockquote p{font:inherit}
.abba-evangile.abba-vitrail .ev-pray p.small{display:block;margin-bottom:26px;font-size:15px;line-height:1.6;color:#FFE3DC}
@media (max-width:900px){.abba-evangile.abba-vitrail .ev-resp .wrap{grid-template-columns:1fr}.abba-evangile.abba-vitrail .ev-pray{position:relative;top:auto}}
@media (max-width:520px){.abba-evangile.abba-vitrail .ev-ways{grid-template-columns:1fr}}

/* Faire un pas : cartes qui se soulèvent */
.abba-evangile.abba-vitrail .ev-step{padding:130px 0}
.abba-evangile.abba-vitrail .ev-step .ev-h2{margin-bottom:44px}
.abba-evangile.abba-vitrail .ev-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.abba-evangile.abba-vitrail .ev-card{position:relative;height:100%;min-height:330px;border-radius:30px;padding:36px;color:#fff;display:flex;flex-direction:column;gap:14px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.abba-evangile.abba-vitrail .ev-card:hover{transform:translateY(-10px) rotate(1deg);box-shadow:0 30px 60px rgba(6,16,28,.25)}
.abba-evangile.abba-vitrail .ev-card::after{content:"";position:absolute;right:-50px;bottom:-50px;width:160px;height:160px;border:24px solid rgba(255,255,255,.14);border-radius:50% 50% 0 0;transform:rotate(-20deg)}
.abba-evangile.abba-vitrail .ev-card h3{margin:0;font:900 clamp(26px,2.4vw,34px)/1.05 var(--display)}
.abba-evangile.abba-vitrail .ev-card p{margin:0;font-size:17px;line-height:1.6;opacity:.94}
.abba-evangile.abba-vitrail .ev-card .wp-block-buttons{margin-top:auto;align-self:flex-start;position:relative;z-index:1}
.abba-evangile.abba-vitrail .ev-c1{background:var(--vermilion)} .abba-evangile.abba-vitrail .ev-c2{background:var(--cobalt)} .abba-evangile.abba-vitrail .ev-c3{background:var(--emerald)}
@media (max-width:900px){.abba-evangile.abba-vitrail .ev-tri{grid-template-columns:1fr}.abba-evangile.abba-vitrail .ev-card{min-height:0}}

/* Aller plus loin : liste typographique (toute la ligne reste cliquable via le bouton) */
.abba-evangile.abba-vitrail .ev-more{background:var(--ink);color:#fff;padding:130px 0}
.abba-evangile.abba-vitrail .ev-more .eyebrow{color:var(--gold);margin-bottom:16px}
.abba-evangile.abba-vitrail .ev-more .ev-h2{margin-bottom:44px}
.abba-evangile.abba-vitrail .ev-res{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:24px;align-items:center;padding:34px 0;border-top:1px solid var(--line-d);color:#fff;transition:padding .35s ease}
.abba-evangile.abba-vitrail .ev-res:last-child{border-bottom:1px solid var(--line-d)}
.abba-evangile.abba-vitrail .ev-res:hover{padding-left:16px}
.abba-evangile.abba-vitrail .ev-res .n{font:900 clamp(48px,5vw,76px)/1 var(--display);letter-spacing:-.04em;color:var(--c)}
.abba-evangile.abba-vitrail .ev-res h3{margin:0 0 8px;font:900 clamp(22px,2.2vw,32px)/1.1 var(--display)}
.abba-evangile.abba-vitrail .ev-res-txt p{margin:0;max-width:700px;font-size:17px;line-height:1.55;color:var(--on-d)}
.abba-evangile.abba-vitrail .ev-res .go>.wp-block-button__link{display:inline-block;font:800 13px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#fff;background:transparent;border:2px solid #fff;border-radius:999px;padding:14px 20px;white-space:nowrap;transition:background .3s ease,color .3s ease}
.abba-evangile.abba-vitrail .ev-res .go>.wp-block-button__link::after{content:"";position:absolute;inset:0}
.abba-evangile.abba-vitrail .ev-res:hover .go>.wp-block-button__link{background:#fff;color:var(--ink)}
.abba-evangile.abba-vitrail .ev-res .go>.wp-block-button__link:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media (max-width:760px){.abba-evangile.abba-vitrail .ev-res{grid-template-columns:64px minmax(0,1fr);gap:8px 16px}.abba-evangile.abba-vitrail .ev-res .ev-go{grid-column:2;justify-self:start;margin-top:10px}}

/* Formulaire carte blanche sur vermillon */
.abba-evangile.abba-vitrail .ev-form{background:var(--vermilion);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-evangile.abba-vitrail .ev-form .wrap{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:60px;align-items:start}
.abba-evangile.abba-vitrail .ev-form h2{margin:16px 0 18px;font:900 clamp(38px,5vw,78px)/.98 var(--display);letter-spacing:-.035em}
.abba-evangile.abba-vitrail .ev-form .intro>p:not(.eyebrow):not(.ev-alt){margin:0 0 26px;color:#FFEDE8;font-size:18px;line-height:1.6}
.abba-evangile.abba-vitrail .ev-portrait{position:relative;margin:0 0 24px;width:min(300px,80%);aspect-ratio:1;border-radius:50%;overflow:hidden;border:8px solid rgba(255,255,255,.9);box-shadow:0 24px 50px rgba(6,16,28,.3)}
.abba-evangile.abba-vitrail .ev-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.abba-evangile.abba-vitrail .ev-alt{background:rgba(6,16,28,.22);border-radius:20px;padding:20px 22px;font-size:16px;line-height:1.6}
.abba-evangile.abba-vitrail .ev-alt strong{display:block;font:900 24px/1.2 var(--display)}
.abba-evangile.abba-vitrail form.ev-f{background:#fff;color:var(--text);border-radius:28px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;box-shadow:0 30px 70px rgba(6,16,28,.3)}
.abba-evangile.abba-vitrail form.ev-f label{display:flex;flex-direction:column;gap:8px;font:800 13px/1.2 var(--display);color:var(--ink)}
.abba-evangile.abba-vitrail form.ev-f .full{grid-column:1/-1}
.abba-evangile.abba-vitrail form.ev-f input,.abba-evangile.abba-vitrail form.ev-f select,.abba-evangile.abba-vitrail form.ev-f textarea{font:400 16px var(--body);color:var(--text);border:2px solid #C9CED6;border-radius:14px;padding:14px 16px;background:#fff;width:100%}
.abba-evangile.abba-vitrail form.ev-f input:focus,.abba-evangile.abba-vitrail form.ev-f select:focus,.abba-evangile.abba-vitrail form.ev-f textarea:focus{outline:none;border-color:var(--vermilion);box-shadow:0 0 0 4px rgba(194,59,34,.18)}
.abba-evangile.abba-vitrail form.ev-f label.ck{flex-direction:row;align-items:flex-start;gap:12px;font:400 15px/1.5 var(--body);color:var(--muted)}
.abba-evangile.abba-vitrail form.ev-f label.ck input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--vermilion)}
.abba-evangile.abba-vitrail form.ev-f button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer}
@media (max-width:900px){.abba-evangile.abba-vitrail .ev-form .wrap{grid-template-columns:1fr}}
@media (max-width:560px){.abba-evangile.abba-vitrail form.ev-f{grid-template-columns:1fr;padding:26px}}

@media (prefers-reduced-motion: reduce){.abba-evangile.abba-vitrail *,.abba-evangile.abba-vitrail *::before,.abba-evangile.abba-vitrail *::after{animation:none!important;transition:none!important}}

/* Correctif relecture : titre sans coupure */
.abba-evangile.abba-vitrail .ev-hero h1{font-size:clamp(52px,7vw,108px)}

/* ===== Page : temoignages ===== */
/* Témoignages (blocs Gutenberg) : dominante tricolore vitrail (cobalt, émeraude, vermillon), l'or réservé à « Partager mon témoignage ».
   Préfixe .abba-temoignages.abba-vitrail : passe devant la remise à zéro des marges des blocs (theme.css). */
.abba-temoignages.abba-vitrail .wp-block-button[class*="btn-"]{background:none;border:0;padding:0}
.abba-temoignages.abba-vitrail .eyebrow{display:block}
.abba-temoignages.abba-vitrail .te-eb-v{color:var(--vermilion)} .abba-temoignages.abba-vitrail .te-eb-e{color:var(--emerald)}

/* Hero collage */
.abba-temoignages.abba-vitrail .te-hero{position:relative;min-height:min(940px,100svh);background:var(--ink);color:#fff;overflow:hidden;display:flex;align-items:center}
.abba-temoignages.abba-vitrail .te-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:te-breathe 9s ease-in-out infinite}
.abba-temoignages.abba-vitrail .te-glow.g1{width:520px;height:520px;left:-140px;top:-120px;background:var(--cobalt)}
.abba-temoignages.abba-vitrail .te-glow.g2{width:460px;height:460px;right:8%;top:30%;background:var(--emerald);animation-delay:-3s}
.abba-temoignages.abba-vitrail .te-glow.g3{width:420px;height:420px;left:34%;bottom:-220px;background:var(--vermilion);animation-delay:-6s}
@keyframes te-breathe{0%,100%{transform:scale(.9);opacity:.4}50%{transform:scale(1.12);opacity:.65}}
.abba-temoignages.abba-vitrail .te-hin{position:relative;width:var(--wrap);margin:0 auto;padding:150px 0 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:60px;align-items:center}
.abba-temoignages.abba-vitrail .te-copy{display:flex;flex-direction:column;gap:28px}
.abba-temoignages.abba-vitrail .te-copy h1{margin:0;font:900 clamp(54px,7.6vw,128px)/.9 var(--display);letter-spacing:-.045em;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-temoignages.abba-vitrail .te-copy h1 mark{position:relative;display:inline-block;color:var(--gold);background:none}
.abba-temoignages.abba-vitrail .te-copy h1 mark::after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:.1em;border-radius:99px;background:var(--gold);transform-origin:left;animation:te-draw 1.1s .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes te-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.abba-temoignages.abba-vitrail .te-copy .pill{align-self:flex-start}
.abba-temoignages.abba-vitrail .te-copy .pill::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite;flex:none}
.abba-temoignages.abba-vitrail .te-copy .lead{margin:0;max-width:540px;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:var(--on-d)}
.abba-temoignages.abba-vitrail .te-copy .actions{display:flex;flex-wrap:wrap;gap:14px}
.abba-temoignages.abba-vitrail .te-collage{position:relative;height:640px}
.abba-temoignages.abba-vitrail .te-collage::after{content:"";position:absolute;right:-30px;bottom:-40px;width:260px;aspect-ratio:1;opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260'%3E%3Cpolygon points='130,10 190,70 130,130 70,70' fill='%23EBA327'/%3E%3Cpolygon points='190,70 250,130 190,190 130,130' fill='%230E7C66'/%3E%3Cpolygon points='70,70 130,130 70,190 10,130' fill='%23C23B22'/%3E%3Cpolygon points='130,130 190,190 130,250 70,190' fill='%231E4FD8'/%3E%3C/svg%3E") center/contain no-repeat;animation:te-glint 6s ease-in-out infinite;pointer-events:none}
@keyframes te-glint{0%,100%{opacity:.55}50%{opacity:.95}}
.abba-temoignages.abba-vitrail .te-pol{position:absolute;margin:0;background:#fff;padding:12px 12px 52px;border-radius:10px;box-shadow:0 30px 60px rgba(0,0,0,.45);transition:transform .5s cubic-bezier(.2,.8,.2,1),z-index 0s}
.abba-temoignages.abba-vitrail .te-pol img{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:4px;animation:te-pan 20s ease-in-out infinite alternate}
@keyframes te-pan{from{object-position:var(--op,50% 50%)}to{object-position:calc(var(--opx,50%) + 6%) calc(var(--opy,50%) + 4%)}}
.abba-temoignages.abba-vitrail .te-pol figcaption{position:absolute;left:16px;right:16px;bottom:15px;margin:0;font:800 15px/1.2 var(--display);color:var(--ink);letter-spacing:.01em;text-align:left}
.abba-temoignages.abba-vitrail .te-pol:hover{transform:rotate(0) scale(1.03);z-index:5}
.abba-temoignages.abba-vitrail .te-p1{left:6%;top:0;width:82%;height:380px;transform:rotate(-3deg)}
.abba-temoignages.abba-vitrail .te-p2{left:0;top:330px;width:46%;height:300px;transform:rotate(4deg);z-index:2}
.abba-temoignages.abba-vitrail .te-p3{right:0;top:350px;width:52%;height:260px;transform:rotate(-2.5deg);z-index:3}
.abba-temoignages.abba-vitrail .te-p1 img{--op:50% 35%;--opy:35%;object-position:50% 35%}
.abba-temoignages.abba-vitrail .te-p2 img{--op:50% 25%;--opy:25%;object-position:50% 25%;animation-delay:-6s}
.abba-temoignages.abba-vitrail .te-p3 img{--op:55% 40%;--opx:55%;--opy:40%;object-position:55% 40%;animation-delay:-12s}
.abba-temoignages.abba-vitrail .te-stk{position:absolute;z-index:6;padding:12px 18px;border-radius:999px;font:900 14px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.35);animation:te-wob 5s ease-in-out infinite}
.abba-temoignages.abba-vitrail .te-stk.s1{background:var(--vermilion);right:-8px;top:24px;--r:8deg}
.abba-temoignages.abba-vitrail .te-stk.s2{background:var(--emerald);left:-14px;top:290px;--r:-7deg;animation-delay:-1.6s}
.abba-temoignages.abba-vitrail .te-stk.s3{background:var(--cobalt);right:12%;bottom:-18px;--r:5deg;animation-delay:-3.2s}
@keyframes te-wob{0%,100%{transform:rotate(var(--r)) translateY(0)}50%{transform:rotate(calc(var(--r) * -.4)) translateY(-8px)}}
@media (max-width:980px){.abba-temoignages.abba-vitrail .te-hin{grid-template-columns:1fr;gap:50px;padding:130px 0 80px}.abba-temoignages.abba-vitrail .te-collage{height:560px;max-width:620px}}
@media (max-width:560px){.abba-temoignages.abba-vitrail .te-collage{height:540px}.abba-temoignages.abba-vitrail .te-p1{height:260px;left:2%;width:92%}.abba-temoignages.abba-vitrail .te-p2{top:290px;height:220px;width:54%}.abba-temoignages.abba-vitrail .te-p3{top:316px;height:190px;width:56%}.abba-temoignages.abba-vitrail .te-pol{padding:8px 8px 40px}.abba-temoignages.abba-vitrail .te-pol figcaption{font-size:13px;bottom:12px;left:12px}.abba-temoignages.abba-vitrail .te-stk{font-size:12px;padding:10px 14px}.abba-temoignages.abba-vitrail .te-stk.s2{left:-4px;top:262px}.abba-temoignages.abba-vitrail .te-stk.s1{right:0}}

/* Rubans croisés */
.abba-temoignages.abba-vitrail .te-ribbons{position:relative;height:270px;overflow:hidden;background:var(--paper)}
.abba-temoignages.abba-vitrail .te-rb{position:absolute;left:-5%;width:110%;overflow:hidden;white-space:nowrap;padding:22px 0;box-shadow:0 14px 30px rgba(6,16,28,.18)}
.abba-temoignages.abba-vitrail .te-rb .track{display:inline-flex;gap:40px;font:900 clamp(32px,4.4vw,58px)/1 var(--display);text-transform:uppercase;letter-spacing:-.01em;color:#fff;animation:mq 30s linear infinite}
.abba-temoignages.abba-vitrail .te-rb .track p{white-space:nowrap}
.abba-temoignages.abba-vitrail .te-rb .track p.sep{color:var(--gold);font-size:.55em;align-self:center}
.abba-temoignages.abba-vitrail .te-rb.r1{top:42px;background:var(--vermilion);transform:rotate(-3deg);z-index:2}
.abba-temoignages.abba-vitrail .te-rb.r2{top:140px;background:var(--cobalt);transform:rotate(2.5deg)}
.abba-temoignages.abba-vitrail .te-rb.r2 .track{animation-direction:reverse;animation-duration:38s}
.abba-temoignages.abba-vitrail .te-rb.r2 .track p:nth-child(4n+1){color:#CFE0FF}

/* Grande phrase */
.abba-temoignages.abba-vitrail .te-say{position:relative;padding:130px 0 140px;overflow:hidden}
.abba-temoignages.abba-vitrail .te-say::before{content:"";position:absolute;right:-40px;top:30px;width:200px;aspect-ratio:1;opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpolygon points='100,0 140,40 100,80 60,40' fill='%231E4FD8'/%3E%3Cpolygon points='150,60 190,100 150,140 110,100' fill='%23C23B22'/%3E%3Cpolygon points='70,100 110,140 70,180 30,140' fill='%230E7C66'/%3E%3C/svg%3E") center/contain no-repeat;animation:te-float 8s ease-in-out infinite}
.abba-temoignages.abba-vitrail .te-say .wrap{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:60px;align-items:end;position:relative}
.abba-temoignages.abba-vitrail .te-say h2{margin:0;font:900 clamp(40px,6.2vw,100px)/1 var(--display);letter-spacing:-.04em;text-wrap:balance}
.abba-temoignages.abba-vitrail .te-say h2 strong{font-weight:inherit;color:var(--cobalt)}
.abba-temoignages.abba-vitrail .te-say h2 mark{color:var(--ink);background:linear-gradient(var(--gold),var(--gold)) 0 88%/100% 38% no-repeat;padding:0 .06em}
@supports (animation-timeline: view()){
  .abba-temoignages.abba-vitrail .te-say h2 mark{animation:te-hl linear both;animation-timeline:view();animation-range:entry 30% cover 50%}
}
@keyframes te-hl{from{background-size:0% 38%}to{background-size:100% 38%}}
.abba-temoignages.abba-vitrail .te-say .wrap>p{margin:0;font-size:19px;line-height:1.65;color:var(--muted)}
@keyframes te-float{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(-14px);opacity:1}}
@media (max-width:900px){.abba-temoignages.abba-vitrail .te-say .wrap{grid-template-columns:1fr;gap:28px}.abba-temoignages.abba-vitrail .te-say::before{width:130px;top:10px;right:-30px}}

/* Témoignage à la une */
.abba-temoignages.abba-vitrail .te-une{background:var(--cobalt);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-temoignages.abba-vitrail .te-une .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:center;position:relative}
.abba-temoignages.abba-vitrail .te-slot{position:relative;aspect-ratio:4/5;border-radius:300px 300px 28px 28px;border:3px dashed rgba(255,255,255,.65);background:#1A43B8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:40px}
.abba-temoignages.abba-vitrail .te-slot::before{content:"";width:84px;height:84px;border-radius:50%;border:3px solid #fff;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='34' viewBox='0 0 40 44'%3E%3Cpath d='M6 4 L36 22 L6 40 Z' fill='none' stroke='%23fff' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") 54% 50%/30px 34px no-repeat;flex:none}
.abba-temoignages.abba-vitrail .te-slot .te-slot-t{font:800 14px/1.5 var(--display);letter-spacing:.14em;text-transform:uppercase}
.abba-temoignages.abba-vitrail .te-slot .te-slot-s{font-size:15px;line-height:1.5;color:#DCE6FF;max-width:260px}
.abba-temoignages.abba-vitrail .te-slot::after{content:"";position:absolute;inset:22px -22px -22px 22px;border-radius:300px 300px 28px 28px;background:var(--emerald);z-index:-1}
.abba-temoignages.abba-vitrail .te-slot-w{position:relative;z-index:0;max-width:440px}
.abba-temoignages.abba-vitrail .te-une .tags{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 22px}
.abba-temoignages.abba-vitrail .te-une .tags p{background:#fff;color:var(--cobalt);border-radius:999px;padding:9px 16px;font:800 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}
.abba-temoignages.abba-vitrail .te-une .tags p:nth-child(2){background:var(--vermilion);color:#fff}
.abba-temoignages.abba-vitrail .te-une h2{margin:0;font:900 clamp(44px,6.4vw,104px)/.95 var(--display);letter-spacing:-.04em}
.abba-temoignages.abba-vitrail .te-une h2.te-smile-h::after{content:"";display:block;width:min(360px,70%);aspect-ratio:6/1;margin:6px 0 24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 60'%3E%3Cpath d='M8 10 C 90 62, 270 62, 352 10' fill='none' stroke='%23EBA327' stroke-width='10' stroke-linecap='round'/%3E%3C/svg%3E") left center/contain no-repeat}
@supports (animation-timeline: view()){
  .abba-temoignages.abba-vitrail .te-une h2.te-smile-h::after{animation:te-smile linear both;animation-timeline:view();animation-range:entry 40% cover 45%}
}
@keyframes te-smile{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.abba-temoignages.abba-vitrail .te-une .wrap>.rv:not(.te-slot-w)>p:not(.eyebrow):not(.who){margin:0 0 18px;max-width:620px;font-size:20px;line-height:1.6;color:#E6ECFB}
.abba-temoignages.abba-vitrail .te-une .who{font:800 14px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:#fff}
@media (max-width:900px){.abba-temoignages.abba-vitrail .te-une .wrap{grid-template-columns:1fr;gap:60px}.abba-temoignages.abba-vitrail .te-slot-w{max-width:340px}}

/* Cartes qui se retournent (clic, tap et clavier : js/temoignages.js) */
.abba-temoignages.abba-vitrail .te-flip-sec{background:var(--paper-2);padding:130px 0}
.abba-temoignages.abba-vitrail .te-flip-sec .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:46px}
.abba-temoignages.abba-vitrail .te-flip-sec h2{margin:12px 0 0;font:900 clamp(38px,5vw,78px)/1 var(--display);letter-spacing:-.035em}
.abba-temoignages.abba-vitrail .te-flip-sec .head>p{margin:0;max-width:380px;font-size:16px;line-height:1.6;color:var(--muted)}
.abba-temoignages.abba-vitrail .te-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.abba-temoignages.abba-vitrail .te-flip{position:relative;height:460px;perspective:1400px;cursor:pointer;border-radius:32px;outline:none}
.abba-temoignages.abba-vitrail .te-flip:focus-visible{outline:3px solid var(--gold);outline-offset:6px}
.abba-temoignages.abba-vitrail .te-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.abba-temoignages.abba-vitrail .te-flip:hover .te-in,.abba-temoignages.abba-vitrail .te-flip:focus-visible .te-in,.abba-temoignages.abba-vitrail .te-flip.is-flipped .te-in{transform:rotateY(180deg)}
.abba-temoignages.abba-vitrail .te-face{position:absolute;inset:0;border-radius:32px;padding:38px;display:flex;flex-direction:column;gap:16px;color:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.abba-temoignages.abba-vitrail .te-face .cat{align-self:flex-start;border:2px solid rgba(255,255,255,.7);border-radius:999px;padding:8px 14px;font:800 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase}
.abba-temoignages.abba-vitrail .te-face .big{margin:auto 0 0;font:900 clamp(34px,3vw,46px)/1.02 var(--display);letter-spacing:-.025em}
.abba-temoignages.abba-vitrail .te-face .nm{font:800 14px/1 var(--display);letter-spacing:.14em;text-transform:uppercase}
.abba-temoignages.abba-vitrail .te-face .hint{display:flex;align-items:center;gap:8px;font:700 13px/1 var(--display);opacity:.85}
.abba-temoignages.abba-vitrail .te-face .hint::before{content:"";width:18px;height:18px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 0 1 15.5-6.2L21 8M21 3v5h-5'/%3E%3C/svg%3E") center/contain no-repeat}
.abba-temoignages.abba-vitrail .te-back{transform:rotateY(180deg);justify-content:center}
.abba-temoignages.abba-vitrail .te-back p:not(.cat){margin:0;font-size:19px;line-height:1.6}
.abba-temoignages.abba-vitrail .te-v{background:var(--vermilion)} .abba-temoignages.abba-vitrail .te-e{background:var(--emerald)}
.abba-temoignages.abba-vitrail .te-v.te-back{background:#A9311B} .abba-temoignages.abba-vitrail .te-e.te-back{background:#0B6655}
.abba-temoignages.abba-vitrail .te-face::after{content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;transform:rotate(45deg);border:22px solid rgba(255,255,255,.13)}
.abba-temoignages.abba-vitrail .te-you{border-radius:32px;background:var(--ink);color:#fff;padding:38px;display:flex;flex-direction:column;gap:18px;height:460px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.abba-temoignages.abba-vitrail .te-you::before{content:"";position:absolute;right:24px;top:24px;width:96px;aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpolygon points='60,0 90,30 60,60 30,30' fill='%231E4FD8'/%3E%3Cpolygon points='90,30 120,60 90,90 60,60' fill='%230E7C66'/%3E%3Cpolygon points='30,30 60,60 30,90 0,60' fill='%23C23B22'/%3E%3C/svg%3E") center/contain no-repeat;animation:te-glint 5s ease-in-out infinite}
.abba-temoignages.abba-vitrail .te-you:hover{transform:translateY(-8px) rotate(-.8deg)}
.abba-temoignages.abba-vitrail .te-you h3{margin:auto 0 0;font:900 clamp(34px,3vw,46px)/1.02 var(--display);letter-spacing:-.025em}
.abba-temoignages.abba-vitrail .te-you h3 mark{color:var(--gold);background:none}
.abba-temoignages.abba-vitrail .te-you p{margin:0;font-size:17px;line-height:1.6;color:var(--on-d)}
.abba-temoignages.abba-vitrail .te-you .wp-block-buttons{align-self:flex-start}
@media (max-width:1000px){.abba-temoignages.abba-vitrail .te-cards{grid-template-columns:1fr 1fr}.abba-temoignages.abba-vitrail .te-you{grid-column:1/-1;height:auto;min-height:340px}}
@media (max-width:640px){.abba-temoignages.abba-vitrail .te-cards{grid-template-columns:1fr}.abba-temoignages.abba-vitrail .te-flip,.abba-temoignages.abba-vitrail .te-you{height:400px}}

/* Formulaire */
.abba-temoignages.abba-vitrail .te-form{background:var(--vermilion);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-temoignages.abba-vitrail .te-form .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start;position:relative}
.abba-temoignages.abba-vitrail .te-form h2{margin:16px 0 20px;font:900 clamp(40px,5.4vw,86px)/.96 var(--display);letter-spacing:-.04em}
.abba-temoignages.abba-vitrail .te-form .intro>p:not(.eyebrow){margin:0 0 26px;font-size:19px;line-height:1.6;color:#FFE9E4;max-width:460px}
.abba-temoignages.abba-vitrail .te-form .stks{display:flex;flex-wrap:wrap;gap:12px}
.abba-temoignages.abba-vitrail .te-form .stks p{background:#fff;color:var(--ink);border-radius:999px;padding:11px 16px;font:900 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 22px rgba(6,16,28,.25);animation:te-wob 6s ease-in-out infinite}
.abba-temoignages.abba-vitrail .te-form .stks p:nth-child(1){--r:-4deg} .abba-temoignages.abba-vitrail .te-form .stks p:nth-child(2){--r:3deg;animation-delay:-2s;background:var(--cobalt);color:#fff} .abba-temoignages.abba-vitrail .te-form .stks p:nth-child(3){--r:-2deg;animation-delay:-4s;background:var(--emerald);color:#fff}
.abba-temoignages.abba-vitrail form.te-f{background:#fff;color:var(--text);border-radius:30px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;box-shadow:0 30px 70px rgba(6,16,28,.3);transform:rotate(.6deg)}
.abba-temoignages.abba-vitrail form.te-f label{display:flex;flex-direction:column;gap:8px;font:800 13px/1.2 var(--display);color:var(--ink)}
.abba-temoignages.abba-vitrail form.te-f .full{grid-column:1/-1}
.abba-temoignages.abba-vitrail form.te-f input,.abba-temoignages.abba-vitrail form.te-f textarea{font:400 16px var(--body);color:var(--text);border:2px solid #C9CED6;border-radius:14px;padding:14px 16px;background:#fff;width:100%}
.abba-temoignages.abba-vitrail form.te-f input:focus,.abba-temoignages.abba-vitrail form.te-f textarea:focus{outline:none;border-color:var(--vermilion);box-shadow:0 0 0 4px rgba(194,59,34,.18)}
.abba-temoignages.abba-vitrail form.te-f .chk{flex-direction:row;align-items:flex-start;gap:10px;font:400 15px/1.5 var(--body);color:var(--text)}
.abba-temoignages.abba-vitrail form.te-f .chk input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--vermilion)}
.abba-temoignages.abba-vitrail form.te-f button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer}
.abba-temoignages.abba-vitrail form.te-f .note{grid-column:1/-1;margin:0;font-size:14px;color:var(--muted)}
@media (max-width:900px){.abba-temoignages.abba-vitrail .te-form .wrap{grid-template-columns:1fr;gap:44px}.abba-temoignages.abba-vitrail form.te-f{transform:none}}
@media (max-width:560px){.abba-temoignages.abba-vitrail form.te-f{grid-template-columns:1fr;padding:26px}}

/* Prière : arche sur aplat */
.abba-temoignages.abba-vitrail .te-pray{padding:140px 0;background:var(--paper)}
.abba-temoignages.abba-vitrail .te-pray .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:90px;align-items:center}
.abba-temoignages.abba-vitrail .te-arch{position:relative;max-width:500px}
.abba-temoignages.abba-vitrail .te-arch::before{content:"";position:absolute;inset:-26px 26px 26px -26px;border-radius:300px 300px 26px 26px;background:var(--emerald);animation:te-tilt 8s ease-in-out infinite}
@keyframes te-tilt{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(1.5deg)}}
.abba-temoignages.abba-vitrail .te-arch img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:38% center;border-radius:300px 300px 26px 26px}
.abba-temoignages.abba-vitrail .te-pray h2{margin:16px 0 22px;font:900 clamp(38px,5vw,80px)/.98 var(--display);letter-spacing:-.035em}
.abba-temoignages.abba-vitrail .te-pray h2 mark{color:var(--emerald);background:none}
.abba-temoignages.abba-vitrail .te-pray .wrap>div>p:not(.eyebrow){margin:0 0 30px;font-size:19px;line-height:1.65;color:var(--muted);max-width:540px}
.abba-temoignages.abba-vitrail .te-pray .actions{display:flex;flex-wrap:wrap;gap:14px}
@media (max-width:900px){.abba-temoignages.abba-vitrail .te-pray .wrap{grid-template-columns:1fr;gap:70px}.abba-temoignages.abba-vitrail .te-arch{max-width:380px;margin-left:26px}}

@media (prefers-reduced-motion: reduce){.abba-temoignages.abba-vitrail *,.abba-temoignages.abba-vitrail *::before,.abba-temoignages.abba-vitrail *::after{animation:none!important;transition:none!important}}

/* ===== Page : planifier ===== */
/* Planifier (blocs Gutenberg) : dominante cobalt, l'or réservé à « Je viens ce dimanche » et « Envoyer ».
   Préfixe .abba-planifier.abba-vitrail : passe devant la remise à zéro des marges des blocs (theme.css). */
.abba-planifier.abba-vitrail .wp-block-button[class*="btn-"]{background:none;border:0;padding:0}
.abba-planifier.abba-vitrail .eyebrow{display:block}
.abba-planifier.abba-vitrail .pv-eb-gold{color:var(--gold)}

/* Hero */
.abba-planifier.abba-vitrail .pv-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:min(860px,100svh);background:var(--cobalt);color:#fff;overflow:hidden}
.abba-planifier.abba-vitrail .pv-left{position:relative;padding:170px 0 90px max(18px,calc((100vw - min(1560px, calc(100vw - max(36px,6vw))))/2));padding-right:56px;display:flex;flex-direction:column;justify-content:flex-end;gap:28px;z-index:2}
.abba-planifier.abba-vitrail .pv-left .pill{color:#fff}
.abba-planifier.abba-vitrail .pv-left .pill::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite;flex:none}
.abba-planifier.abba-vitrail .pv-left h1{margin:0;font:900 clamp(54px,8.6vw,150px)/.86 var(--display);letter-spacing:-.045em;text-transform:uppercase;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-planifier.abba-vitrail .pv-left h1 mark{background:none;color:var(--gold)}
.abba-planifier.abba-vitrail .pv-left>p{margin:0;max-width:500px;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:#E6ECFB}
.abba-planifier.abba-vitrail .pv-left .actions{display:flex;flex-wrap:wrap;gap:14px}
.abba-planifier.abba-vitrail .pv-photo{position:relative;overflow:hidden;min-height:0;height:100%}
.abba-planifier.abba-vitrail .pv-photo .wp-block-cover__image-background{object-position:45% 35%;animation:kb 20s ease-in-out infinite alternate}
.abba-planifier.abba-vitrail .pv-photo .wp-block-cover__background{opacity:0}
.abba-planifier.abba-vitrail .pv-photo::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,var(--cobalt) 0%,rgba(30,79,216,0) 30%);pointer-events:none}
.abba-planifier.abba-vitrail .pv-sticker{position:absolute;right:max(18px,4vw);bottom:60px;z-index:3;width:170px;height:170px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:900 15px/1.1 var(--display);text-transform:uppercase;animation:pv-wob 5s ease-in-out infinite;box-shadow:0 18px 40px rgba(6,16,28,.35)}
.abba-planifier.abba-vitrail .pv-sticker strong{font-size:52px;line-height:1;font-weight:900}
@keyframes pv-wob{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(-2deg) scale(1.05)}}
@media (max-width:900px){.abba-planifier.abba-vitrail .pv-hero{grid-template-columns:1fr}.abba-planifier.abba-vitrail .pv-photo{min-height:420px;order:-1}.abba-planifier.abba-vitrail .pv-photo .wp-block-cover__background{opacity:0}
.abba-planifier.abba-vitrail .pv-photo::after{background:linear-gradient(0deg,var(--cobalt) 0%,rgba(30,79,216,0) 40%)}.abba-planifier.abba-vitrail .pv-left{padding:40px max(18px,3vw) 70px}.abba-planifier.abba-vitrail .pv-sticker{width:130px;height:130px;top:330px;bottom:auto}.abba-planifier.abba-vitrail .pv-sticker strong{font-size:40px}}

/* Billet du dimanche */
.abba-planifier.abba-vitrail .ticket-sec{background:var(--paper-2);padding:110px 0}
.abba-planifier.abba-vitrail .ticket{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:0;background:var(--ink);color:#fff;border-radius:30px;position:relative;overflow:hidden}
.abba-planifier.abba-vitrail .ticket>div{padding:40px 38px;border-left:2px dashed #2C3B55}
.abba-planifier.abba-vitrail .ticket>div:first-child{border-left:0;background:var(--gold);color:var(--ink);display:flex;flex-direction:column;justify-content:center;min-width:220px}
.abba-planifier.abba-vitrail .ticket .big{font:900 clamp(64px,7vw,108px)/.9 var(--display);letter-spacing:-.04em}
.abba-planifier.abba-vitrail .ticket p.lab{font:800 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:block}
.abba-planifier.abba-vitrail .ticket>div:first-child p.lab{color:var(--ink)}
.abba-planifier.abba-vitrail .ticket p{margin:0;font-size:17px;line-height:1.55;color:var(--on-d)}
.abba-planifier.abba-vitrail .ticket p.big{font-size:clamp(64px,7vw,108px);line-height:.9;color:inherit}
.abba-planifier.abba-vitrail .ticket p.tk-ink{color:var(--ink);font-weight:600}
.abba-planifier.abba-vitrail .ticket p.tk-strong{display:block;color:#fff;font:800 22px/1.25 var(--display);margin-bottom:8px}
.abba-planifier.abba-vitrail .ticket a{color:var(--gold);font:800 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;display:inline-block}
.abba-planifier.abba-vitrail .ticket p.tk-link a{margin-top:16px}
.abba-planifier.abba-vitrail .ticket p.novotel{margin-top:18px;border:2px dashed #3A4A66;border-radius:16px;padding:16px;font-size:13px;color:#B9C0CB}
.abba-planifier.abba-vitrail .ticket::before,.abba-planifier.abba-vitrail .ticket::after{content:"";position:absolute;width:36px;height:36px;border-radius:50%;background:var(--paper-2);left:calc(220px + 76px - 18px)}
.abba-planifier.abba-vitrail .ticket::before{top:-18px} .abba-planifier.abba-vitrail .ticket::after{bottom:-18px}
@media (max-width:1000px){.abba-planifier.abba-vitrail .ticket{grid-template-columns:1fr 1fr}.abba-planifier.abba-vitrail .ticket>div{border-left:0;border-top:2px dashed #2C3B55}.abba-planifier.abba-vitrail .ticket>div:first-child{grid-column:1/-1;border-top:0}.abba-planifier.abba-vitrail .ticket::before,.abba-planifier.abba-vitrail .ticket::after{display:none}}
@media (max-width:560px){.abba-planifier.abba-vitrail .ticket{grid-template-columns:1fr}}

/* Déroulé du culte */
.abba-planifier.abba-vitrail .flow{padding:140px 0}
.abba-planifier.abba-vitrail .flow .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:60px}
.abba-planifier.abba-vitrail .flow h2{margin:0;font:900 clamp(36px,5vw,76px)/1 var(--display);letter-spacing:-.03em;max-width:820px}
.abba-planifier.abba-vitrail .flow .head>p{margin:0;max-width:420px;font-size:18px;line-height:1.6;color:var(--muted)}
.abba-planifier.abba-vitrail .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative;view-timeline:--pv-steps}
.abba-planifier.abba-vitrail .steps::before{content:"";position:absolute;left:0;right:0;top:38px;height:4px;background:linear-gradient(90deg,var(--cobalt),var(--emerald),var(--vermilion),var(--gold));border-radius:4px}
@supports (animation-timeline: view()){
  .abba-planifier.abba-vitrail .steps::before{transform-origin:left center;animation:pv-draw linear both;animation-timeline:--pv-steps;animation-range:entry 30% cover 50%}
}
@keyframes pv-draw{from{transform:scaleX(0)}}
.abba-planifier.abba-vitrail .step{position:relative;padding-top:0}
.abba-planifier.abba-vitrail .step .n{position:relative;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:900 30px/1 var(--display);color:#fff;margin-bottom:26px;border:6px solid var(--paper);transition:translate .35s cubic-bezier(.2,.8,.2,1),rotate .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.abba-planifier.abba-vitrail .step:hover .n{translate:0 -8px;rotate:-10deg;box-shadow:0 14px 28px rgba(6,16,28,.22)}
.abba-planifier.abba-vitrail .step:nth-child(1) .n{background:var(--cobalt)} .abba-planifier.abba-vitrail .step:nth-child(2) .n{background:var(--emerald)} .abba-planifier.abba-vitrail .step:nth-child(3) .n{background:var(--vermilion)} .abba-planifier.abba-vitrail .step:nth-child(4) .n{background:var(--gold);color:var(--ink)}
.abba-planifier.abba-vitrail .step h3{margin:0 0 10px;font:900 26px/1.1 var(--display)}
.abba-planifier.abba-vitrail .step p:not(.n){margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
@media (max-width:900px){.abba-planifier.abba-vitrail .steps{grid-template-columns:1fr 1fr;row-gap:40px}.abba-planifier.abba-vitrail .steps::before{display:none}}
@media (max-width:480px){.abba-planifier.abba-vitrail .steps{grid-template-columns:1fr}}

/* FAQ (blocs Détails) */
.abba-planifier.abba-vitrail .faq{background:var(--ink);color:#fff;padding:130px 0}
.abba-planifier.abba-vitrail .faq .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:70px;align-items:start}
.abba-planifier.abba-vitrail .faq h2{margin:16px 0 18px;font:900 clamp(36px,4.6vw,70px)/1 var(--display);letter-spacing:-.03em}
.abba-planifier.abba-vitrail .faq .side{position:sticky;top:40px}
.abba-planifier.abba-vitrail .faq .side>p:not(.eyebrow){color:var(--on-d);font-size:17px;line-height:1.6;margin:0}
.abba-planifier.abba-vitrail .faq details{border-bottom:1px solid var(--line-d)}
.abba-planifier.abba-vitrail .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font:800 clamp(19px,1.6vw,24px)/1.3 var(--display)}
.abba-planifier.abba-vitrail .faq summary::-webkit-details-marker{display:none}
.abba-planifier.abba-vitrail .faq summary::after{content:"+";flex:none;width:44px;height:44px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:24px;box-sizing:border-box;transition:transform .3s ease,background .3s ease}
.abba-planifier.abba-vitrail .faq details[open] summary::after{transform:rotate(45deg);background:var(--gold);color:var(--ink)}
.abba-planifier.abba-vitrail .faq summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.abba-planifier.abba-vitrail .faq details p{margin:0 0 26px;max-width:640px;font-size:17px;line-height:1.65;color:var(--on-d)}
@media (max-width:900px){.abba-planifier.abba-vitrail .faq .wrap{grid-template-columns:1fr;gap:30px}.abba-planifier.abba-vitrail .faq .side{position:static}}

/* Enfants (éclats de vitrail en CSS) */
.abba-planifier.abba-vitrail .kids{position:relative;padding:140px 0;background:var(--vermilion);color:#fff;overflow:hidden}
.abba-planifier.abba-vitrail .kids::before{content:"";position:absolute;pointer-events:none;z-index:0;right:max(14px,3vw);top:30px;width:clamp(110px,13vw,200px);aspect-ratio:220/210;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 210'%3E%3Cpolygon points='60,10 100,50 60,90 20,50' fill='%231E4FD8'/%3E%3Cpolygon points='150,26 182,58 150,90 118,58' fill='%23EBA327'/%3E%3Cpolygon points='112,98 160,146 112,194 64,146' fill='%2306101C'/%3E%3Cpolygon points='192,112 212,132 192,152 172,132' fill='%230E7C66'/%3E%3Cpolygon points='36,132 54,150 36,168 18,150' fill='%23EBA327'/%3E%3C/svg%3E") center/contain no-repeat;animation:pv-fl 9s ease-in-out infinite}
@keyframes pv-fl{0%,100%{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-14px) rotate(4deg);opacity:.8}}
.abba-planifier.abba-vitrail .kids .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:70px;align-items:center}
.abba-planifier.abba-vitrail .kids h2{margin:16px 0 22px;font:900 clamp(38px,5.2vw,82px)/.98 var(--display);letter-spacing:-.035em}
.abba-planifier.abba-vitrail .kids .wrap>div>p:not(.eyebrow){margin:0 0 16px;max-width:560px;font-size:18px;line-height:1.65;color:#FFE9E4}
.abba-planifier.abba-vitrail .kids .ph-slot{aspect-ratio:4/5;border-radius:300px 300px 26px 26px;border:3px dashed rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;font:800 13px/1.6 var(--display);letter-spacing:.12em;text-transform:uppercase;background:rgba(6,16,28,.15)}
.abba-planifier.abba-vitrail .kids .ph-slot p{margin:0;max-width:none;font:inherit;color:#fff}
@media (max-width:900px){.abba-planifier.abba-vitrail .kids .wrap{grid-template-columns:1fr}.abba-planifier.abba-vitrail .kids .ph-slot{max-width:380px}}

/* Grande phrase */
.abba-planifier.abba-vitrail .big-q{padding:150px 0 130px;text-align:center}
.abba-planifier.abba-vitrail .big-q p.rv{margin:0 auto;max-width:1200px;font:900 clamp(38px,6.4vw,104px)/1 var(--display);letter-spacing:-.04em;text-wrap:balance}
.abba-planifier.abba-vitrail .big-q mark{background:var(--gold);padding:0 .12em;border-radius:12px;color:var(--ink)}
@supports (animation-timeline: view()){
  .abba-planifier.abba-vitrail .big-q mark{background:linear-gradient(var(--gold),var(--gold)) 0 0/100% 100% no-repeat;animation:pv-hl linear both;animation-timeline:view();animation-range:entry 60% cover 50%}
}
@keyframes pv-hl{from{background-size:0% 100%}}
.abba-planifier.abba-vitrail .big-q .pv-small{display:block;margin-top:26px;font:800 14px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt)}

/* Formulaire */
.abba-planifier.abba-vitrail .form-sec{background:var(--cobalt);padding:130px 0;color:#fff}
.abba-planifier.abba-vitrail .form-sec .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:60px;align-items:start}
.abba-planifier.abba-vitrail .form-sec h2{margin:16px 0 18px;font:900 clamp(38px,5vw,78px)/.98 var(--display);letter-spacing:-.035em}
.abba-planifier.abba-vitrail .form-sec .intro>p:not(.eyebrow){color:#E6ECFB;font-size:18px;line-height:1.6;margin:0}
.abba-planifier.abba-vitrail form.card-f{background:#fff;color:var(--text);border-radius:28px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;box-shadow:0 30px 70px rgba(6,16,28,.3)}
.abba-planifier.abba-vitrail form.card-f label{display:flex;flex-direction:column;gap:8px;font:800 13px/1.2 var(--display);color:var(--ink)}
.abba-planifier.abba-vitrail form.card-f .full{grid-column:1/-1}
.abba-planifier.abba-vitrail form.card-f input,.abba-planifier.abba-vitrail form.card-f select,.abba-planifier.abba-vitrail form.card-f textarea{font:400 16px var(--body);color:var(--text);border:2px solid #C9CED6;border-radius:14px;padding:14px 16px;background:#fff;width:100%}
.abba-planifier.abba-vitrail form.card-f input:focus,.abba-planifier.abba-vitrail form.card-f select:focus,.abba-planifier.abba-vitrail form.card-f textarea:focus{outline:none;border-color:var(--cobalt);box-shadow:0 0 0 4px rgba(30,79,216,.18)}
.abba-planifier.abba-vitrail form.card-f .note{grid-column:1/-1;margin:0;font:400 14px var(--body);color:var(--muted)}
.abba-planifier.abba-vitrail form.card-f button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer}
@media (max-width:900px){.abba-planifier.abba-vitrail .form-sec .wrap{grid-template-columns:1fr}}
@media (max-width:560px){.abba-planifier.abba-vitrail form.card-f{grid-template-columns:1fr;padding:26px}}

/* Alternatives */
.abba-planifier.abba-vitrail .alts{padding:110px 0}
.abba-planifier.abba-vitrail .alts .wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.abba-planifier.abba-vitrail .alt{border-radius:28px;padding:46px;color:#fff;display:flex;flex-direction:column;gap:16px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.abba-planifier.abba-vitrail .alt:hover{transform:translateY(-6px)}
.abba-planifier.abba-vitrail .alt h3{margin:0;font:900 clamp(28px,3vw,42px)/1.05 var(--display)}
.abba-planifier.abba-vitrail .alt p:not(.eyebrow):not(.num){margin:0;font-size:17px;line-height:1.6;opacity:.92}
.abba-planifier.abba-vitrail .alt .num{font:900 clamp(26px,2.6vw,36px)/1 var(--display);letter-spacing:-.01em}
.abba-planifier.abba-vitrail .alt .wp-block-buttons{align-self:flex-start}
.abba-planifier.abba-vitrail .alt .wp-block-buttons.pv-push{margin-top:auto}
.abba-planifier.abba-vitrail .a1{background:var(--emerald)} .abba-planifier.abba-vitrail .a2{background:var(--ink)}
@media (max-width:800px){.abba-planifier.abba-vitrail .alts .wrap{grid-template-columns:1fr}}

/* Final : halos cobalt et émeraude qui respirent */
.abba-planifier.abba-vitrail .end{background:var(--ink);color:#fff;padding:110px 0;text-align:center;position:relative;overflow:hidden}
.abba-planifier.abba-vitrail .end p{margin:0 auto 34px;max-width:1100px;font:900 clamp(34px,5vw,80px)/1.02 var(--display);letter-spacing:-.035em}
.abba-planifier.abba-vitrail .end p mark{background:none;color:var(--gold)}
.abba-planifier.abba-vitrail .end .wp-block-buttons{justify-content:center}
.abba-planifier.abba-vitrail .end::before,.abba-planifier.abba-vitrail .end::after{content:"";position:absolute;width:min(760px,100vw);aspect-ratio:1;border-radius:50%;animation:pv-br 9s ease-in-out infinite}
.abba-planifier.abba-vitrail .end::before{left:-18%;top:-55%;background:radial-gradient(circle,rgba(30,79,216,.55),rgba(30,79,216,0) 62%)}
.abba-planifier.abba-vitrail .end::after{right:-18%;bottom:-60%;background:radial-gradient(circle,rgba(14,124,102,.5),rgba(14,124,102,0) 62%);animation-delay:-4.5s}
.abba-planifier.abba-vitrail .end .wrap{position:relative;z-index:1}
@keyframes pv-br{0%,100%{scale:.88;opacity:.6}50%{scale:1.08;opacity:1}}

@media (prefers-reduced-motion: reduce){.abba-planifier.abba-vitrail .step .n,.abba-planifier.abba-vitrail .step:hover .n{translate:none;rotate:none}.abba-planifier.abba-vitrail *,.abba-planifier.abba-vitrail *::before,.abba-planifier.abba-vitrail *::after{animation:none!important;transition:none!important}}

/* ===== Page : priere ===== */
.abba-priere .entry-content .wp-block-button[class*="btn-"]{background:none;border:0;padding:0}



.abba-priere .entry-content .pr-hero{position:relative;min-height:min(900px,100svh);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;background:var(--ink);padding:0}
.abba-priere .entry-content .pr-hero .wp-block-cover__image-background{object-position:center 30%;animation:kb 24s ease-in-out infinite alternate}
.abba-priere .entry-content .pr-hero .wp-block-cover__background{background:radial-gradient(ellipse 70% 60% at 50% 55%,rgba(6,16,28,.55),rgba(6,16,28,.88) 70%),linear-gradient(0deg,rgba(14,124,102,.55),rgba(14,124,102,0) 60%)!important;opacity:1!important}
.abba-priere .entry-content .pr-hero::after{content:"";position:absolute;z-index:1;pointer-events:none;left:50%;top:46%;width:min(900px,120vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(235,163,39,.28),rgba(235,163,39,0) 60%);animation:pr-breathe 7s ease-in-out infinite}
.abba-priere .entry-content .pr-hero .wp-block-cover__inner-container{display:flex;justify-content:center}
.abba-priere .entry-content .pr-hero .wp-block-cover__inner-container>*{max-width:none}
.abba-priere .entry-content .pr-in{position:relative;width:var(--wrap);margin:0 auto;padding:160px 0 110px;display:flex;flex-direction:column;align-items:center;gap:28px}
.abba-priere .entry-content .pr-in .pill{margin:1em 0}
.abba-priere .entry-content .pr-in .pill::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.abba-priere .entry-content .pr-in h1{margin:0;font:900 clamp(50px,9vw,150px)/.9 var(--display);letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance;color:#fff}
.abba-priere .entry-content .pr-in h1 mark{background:none;color:var(--gold)}
.abba-priere .entry-content .pr-in .lead{margin:0;max-width:640px;font-size:clamp(18px,1.6vw,22px);line-height:1.55;color:#E3E8EE}
.abba-priere .entry-content .pr-in .actions{justify-content:center;gap:14px}


.abba-priere .entry-content .prom{background:var(--emerald);color:#fff}
.abba-priere .entry-content .prom .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.abba-priere .entry-content .prom .it{padding:44px 30px;border-left:1px solid rgba(255,255,255,.22);display:flex;flex-direction:column;gap:12px}
.abba-priere .entry-content .prom .it:first-child{border-left:0;padding-left:0}
.abba-priere .entry-content .prom .it::before{content:"";display:block;width:34px;height:34px;background:center/contain no-repeat}
.abba-priere .entry-content .prom .it-lock::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}
.abba-priere .entry-content .prom .it-heart::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z'/%3E%3C/svg%3E")}
.abba-priere .entry-content .prom .it-chat::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}
.abba-priere .entry-content .prom .it-people::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0M15 20a5 5 0 0 1 6.5-4.6'/%3E%3C/svg%3E")}
.abba-priere .entry-content .prom h3{margin:0;font:900 21px/1.15 var(--display);color:#fff}
.abba-priere .entry-content .prom p{margin:0;font-size:15px;line-height:1.55;color:#DDF3EC}
@media (max-width:900px){.abba-priere .entry-content .prom .wrap{grid-template-columns:1fr 1fr}.abba-priere .entry-content .prom .it{border-left:0;padding:30px 0;border-top:1px solid rgba(255,255,255,.22)}.abba-priere .entry-content .prom .it:nth-child(-n+2){border-top:0}}
@media (max-width:480px){.abba-priere .entry-content .prom .wrap{grid-template-columns:1fr}.abba-priere .entry-content .prom .it:nth-child(2){border-top:1px solid rgba(255,255,255,.22)}}


.abba-priere .entry-content .alone{padding:150px 0 120px}
.abba-priere .entry-content .alone .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:60px;align-items:end}
.abba-priere .entry-content .alone h2{margin:0;font:900 clamp(40px,6.4vw,104px)/.96 var(--display);letter-spacing:-.04em;color:var(--text)}
.abba-priere .entry-content .alone h2 mark{color:var(--emerald);background:linear-gradient(var(--gold),var(--gold)) 0 96%/100% .11em no-repeat;padding-bottom:.04em}
.abba-priere .entry-content .alone p{margin:0 0 18px;font-size:18px;line-height:1.65;color:var(--muted)}
.abba-priere .entry-content .alone p strong{color:var(--ink)}
@media (max-width:900px){.abba-priere .entry-content .alone .wrap{grid-template-columns:1fr}}
@supports (animation-timeline: view()){
  .abba-priere .entry-content .alone h2 mark{animation:pr-ul linear both;animation-timeline:view();animation-range:entry 70% cover 45%}
}


.abba-priere .entry-content .pr-form{padding:0 0 140px}
.abba-priere .entry-content .pr-form .box{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);border-radius:34px;overflow:hidden;box-shadow:0 30px 80px rgba(6,16,28,.18)}
.abba-priere .entry-content .pr-form .side{background:var(--ink);color:#fff;padding:52px;display:flex;flex-direction:column;gap:20px}
.abba-priere .entry-content .pr-form .eb-gold{color:var(--gold)}
.abba-priere .entry-content .pr-form .side h2{margin:0;font:900 clamp(32px,3.4vw,52px)/1 var(--display);letter-spacing:-.03em;color:#fff}
.abba-priere .entry-content .pr-form .side-txt{margin:0;color:var(--on-d);font-size:17px;line-height:1.6}
.abba-priere .entry-content .pr-form .wa{margin-top:auto;background:var(--emerald);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:10px}
.abba-priere .entry-content .pr-form .wa-num{margin:0;font:900 28px/1 var(--display)}
.abba-priere .entry-content form.pf{background:#fff;padding:52px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.abba-priere .entry-content form.pf label{display:flex;flex-direction:column;gap:8px;font:800 13px/1.2 var(--display);color:var(--ink)}
.abba-priere .entry-content form.pf .full{grid-column:1/-1}
.abba-priere .entry-content form.pf input,.abba-priere .entry-content form.pf select,.abba-priere .entry-content form.pf textarea{font:400 16px var(--body);color:var(--text);border:2px solid #C9CED6;border-radius:14px;padding:14px 16px;background:#fff;width:100%}
.abba-priere .entry-content form.pf input:focus,.abba-priere .entry-content form.pf select:focus,.abba-priere .entry-content form.pf textarea:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 4px rgba(14,124,102,.18)}
.abba-priere .entry-content form.pf fieldset{grid-column:1/-1;border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 24px;font:400 15px var(--body)}
.abba-priere .entry-content form.pf legend{font:800 13px/1.2 var(--display);color:var(--ink);margin-bottom:10px;padding:0}
.abba-priere .entry-content form.pf fieldset label{flex-direction:row;align-items:center;font:400 15px var(--body);gap:8px}
.abba-priere .entry-content form.pf input[type=radio]{width:auto;accent-color:var(--emerald)}
.abba-priere .entry-content form.pf button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer}
.abba-priere .entry-content form.pf .note{grid-column:1/-1;margin:0;font-size:14px;color:var(--muted)}
@media (max-width:900px){.abba-priere .entry-content .pr-form .box{grid-template-columns:1fr}}
@media (max-width:560px){.abba-priere .entry-content form.pf{grid-template-columns:1fr;padding:28px}.abba-priere .entry-content .pr-form .side{padding:30px}}


.abba-priere .entry-content .wit{background:var(--cobalt);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-priere .entry-content .wit::before{content:"\201C";position:absolute;left:-20px;top:-80px;font:900 520px/1 var(--display);color:rgba(255,255,255,.08);pointer-events:none}
.abba-priere .entry-content .wit::after{content:"";position:absolute;pointer-events:none;z-index:0;right:max(14px,3vw);top:34px;width:clamp(110px,13vw,200px);aspect-ratio:220/210;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 210'%3E%3Cpolygon points='60,10 100,50 60,90 20,50' fill='%230E7C66'/%3E%3Cpolygon points='150,26 182,58 150,90 118,58' fill='%23EBA327'/%3E%3Cpolygon points='112,98 160,146 112,194 64,146' fill='%23C23B22'/%3E%3Cpolygon points='192,112 212,132 192,152 172,132' fill='%23FFFFFF'/%3E%3Cpolygon points='36,132 54,150 36,168 18,150' fill='%23EBA327'/%3E%3C/svg%3E") center/contain no-repeat;animation:pr-fl 9s ease-in-out infinite}
.abba-priere .entry-content .wit .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,3fr);gap:50px;align-items:end}
.abba-priere .entry-content .wit h2{margin:16px 0 22px;font:900 clamp(40px,6vw,96px)/.95 var(--display);letter-spacing:-.04em;color:#fff}
.abba-priere .entry-content .wit .wit-txt{margin:0;max-width:720px;font-size:20px;line-height:1.6;color:#E6ECFB}
.abba-priere .entry-content .wit .wit-btns{justify-self:start}

.abba-priere .entry-content .wit .eyebrow,.abba-priere .entry-content .p3 .eb-gold{line-height:19.8px}
@media (max-width:900px){.abba-priere .entry-content .wit .wrap{grid-template-columns:1fr}}


.abba-priere .entry-content .p3{background:var(--ink);color:#fff;padding:140px 0;position:relative;overflow:hidden}
.abba-priere .entry-content .p3 .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:70px;align-items:center}
.abba-priere .entry-content .p3 .eb-gold{color:var(--gold)}
.abba-priere .entry-content .p3 .giant{margin:0;font:900 clamp(140px,20vw,320px)/.8 var(--display);letter-spacing:-.06em;background:linear-gradient(120deg,var(--gold),#F7D488 45%,var(--gold) 60%,#B8801F);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:220% 100%;animation:pr-sheen 6s ease-in-out infinite}
.abba-priere .entry-content .p3 h2{margin:6px 0 18px;font:900 clamp(30px,3.4vw,52px)/1.05 var(--display);color:#fff}
.abba-priere .entry-content .p3 .p3-txt{margin:0 0 26px;max-width:560px;font-size:18px;line-height:1.65;color:var(--on-d)}
.abba-priere .entry-content .p3 .meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.abba-priere .entry-content .p3 .meta p{margin:0;border:1px solid var(--line-d);border-radius:999px;padding:10px 16px;font:800 13px/1 var(--display);letter-spacing:.06em}
.abba-priere .entry-content .p3 .photo{position:relative;margin:0}
.abba-priere .entry-content .p3 .photo::before{content:"";position:absolute;inset:26px -26px -26px 26px;border-radius:30px;background:var(--emerald);rotate:4deg;transition:rotate .5s cubic-bezier(.2,.8,.2,1)}
.abba-priere .entry-content .p3 .photo img{position:relative;width:100%;height:auto;aspect-ratio:4/3.2;object-fit:cover;border-radius:30px;rotate:-2deg;box-shadow:0 26px 60px rgba(0,0,0,.45);transition:rotate .5s cubic-bezier(.2,.8,.2,1),translate .5s cubic-bezier(.2,.8,.2,1)}
.abba-priere .entry-content .p3 .photo:hover img{rotate:0deg;translate:0 -6px}
.abba-priere .entry-content .p3 .photo:hover::before{rotate:1deg}
@media (max-width:900px){.abba-priere .entry-content .p3 .wrap{grid-template-columns:1fr}}


.abba-priere .entry-content .times{padding:130px 0}
.abba-priere .entry-content .times h2{margin:0 0 40px;font:900 clamp(34px,4.4vw,66px)/1 var(--display);letter-spacing:-.03em;color:var(--text)}
.abba-priere .entry-content .times .grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.abba-priere .entry-content .time{border-radius:30px;padding:44px;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:10px 30px;align-items:center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.abba-priere .entry-content .time:hover{transform:translateY(-6px) rotate(-.5deg)}
.abba-priere .entry-content .time.tm{grid-column:1/-1;background:var(--ink)}
.abba-priere .entry-content .time p{margin:0;font-size:16px;line-height:1.5;opacity:.92}
.abba-priere .entry-content .time p.h{grid-row:span 3;font:900 clamp(60px,7vw,110px)/.9 var(--display);letter-spacing:-.04em;opacity:1}
.abba-priere .entry-content .time p.d{font:800 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.abba-priere .entry-content .time h3{margin:0;font:900 26px/1.1 var(--display);color:#fff}
.abba-priere .entry-content .time .zoom a{color:#fff;font-weight:700}
.abba-priere .entry-content .tv{background:var(--vermilion)}
.abba-priere .entry-content .tc{background:var(--cobalt)}
@media (max-width:800px){.abba-priere .entry-content .times .grid{grid-template-columns:1fr}.abba-priere .entry-content .time{grid-template-columns:1fr}.abba-priere .entry-content .time p.h{grid-row:auto}}


.abba-priere .entry-content .pr-end{background:var(--emerald);color:#fff;padding:120px 0;text-align:center;position:relative;overflow:hidden}
.abba-priere .entry-content .pr-end::before{content:"";position:absolute;left:50%;top:50%;width:min(980px,130vw);aspect-ratio:1;border-radius:50%;translate:-50% -50%;background:radial-gradient(circle,rgba(6,16,28,.32),rgba(6,16,28,0) 60%);animation:pr-br 8s ease-in-out infinite}
.abba-priere .entry-content .pr-end::after{content:"";position:absolute;right:-12%;top:-40%;width:min(560px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(235,163,39,.28),rgba(235,163,39,0) 62%);animation:pr-br 8s ease-in-out infinite;animation-delay:-4s}
.abba-priere .entry-content .pr-end .wrap{position:relative;z-index:1}
.abba-priere .entry-content .pr-end .end-big{margin:0 auto 12px;font:900 clamp(40px,6.4vw,104px)/.95 var(--display);letter-spacing:-.04em}
.abba-priere .entry-content .pr-end .end-small{display:block;margin:0 0 34px;font-size:20px;color:#DDF3EC}
.abba-priere .entry-content .pr-end .end-btns{justify-content:center}

@media (prefers-reduced-motion: reduce){.abba-priere .entry-content .pr-hero::after,.abba-priere .entry-content .pr-end::before,.abba-priere .entry-content .pr-end::after,.abba-priere .entry-content .wit::after,.abba-priere .entry-content .p3 .giant,.abba-priere .entry-content .pr-hero .wp-block-cover__image-background,.abba-priere .entry-content .pr-in .pill::before{animation:none!important}.abba-priere .entry-content .alone h2 mark{animation:none!important;background-size:100% .11em!important}}

@keyframes pr-breathe{0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.06);opacity:1}}
@keyframes pr-ul{from{background-size:0% .11em}}
@keyframes pr-fl{0%,100%{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-14px) rotate(6deg);opacity:.8}}
@keyframes pr-sheen{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes pr-br{0%,100%{scale:.9;opacity:.65}50%{scale:1.07;opacity:1}}

/* ===== Page : formations ===== */
.abba-formations .entry-content .wp-block-button[class*="btn-"]{background:none;border:0;padding:0}



.abba-formations .entry-content .fo-hero{position:relative;background:var(--cobalt);color:#fff;overflow:hidden;padding:150px 0 0}
.abba-formations .entry-content .fo-hero::before{content:"";position:absolute;right:-12vw;top:-10vw;width:min(900px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 62%);animation:fo-breathe 8s ease-in-out infinite;pointer-events:none}
.abba-formations .entry-content .fo-hero .wrap{position:relative}
.abba-formations .entry-content .fo-hero .pill{margin:1em 0}
.abba-formations .entry-content .fo-hero .pill::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.abba-formations .entry-content .fo-hero h1{margin:26px 0 0;font:900 clamp(58px,12.4vw,220px)/.82 var(--display);letter-spacing:-.055em;text-transform:uppercase;animation:rise 1s cubic-bezier(.2,.8,.2,1) both;color:#fff}
.abba-formations .entry-content .fo-hero h1 mark{background:none;color:var(--gold)}
.abba-formations .entry-content .fo-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:start;margin-top:34px}
.abba-formations .entry-content .fo-row .txt{display:flex;flex-direction:column;gap:22px;padding-bottom:110px}
.abba-formations .entry-content .fo-row .sub{margin:0;font:800 clamp(20px,1.9vw,28px)/1.25 var(--display);max-width:560px}
.abba-formations .entry-content .fo-row .lead{margin:0;max-width:520px;font-size:clamp(17px,1.35vw,19px);line-height:1.65;color:#E6ECFB}
.abba-formations .entry-content .fo-row .actions{gap:14px}
.abba-formations .entry-content .fan{position:relative;height:min(560px,44vw);min-height:360px;margin:-20px 0 50px}
.abba-formations .entry-content .fan figure{position:absolute;margin:0;width:62%;aspect-ratio:4/3;border-radius:22px;overflow:hidden;border:8px solid #fff;box-shadow:0 30px 60px rgba(6,16,28,.38);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.abba-formations .entry-content .fan figure img{width:100%;height:100%;object-fit:cover}
.abba-formations .entry-content .fan .f2 img{object-position:55% 40%}
.abba-formations .entry-content .fan .f1 img{animation:kb 20s ease-in-out infinite alternate}
.abba-formations .entry-content .fan figcaption{position:absolute;left:12px;bottom:12px;margin:0;background:rgba(6,16,28,.82);color:#fff;border-radius:999px;padding:7px 13px;font:700 12px/1 var(--display)}
.abba-formations .entry-content .fan .f1{left:19%;top:12%;z-index:3;animation:fo-fan1 1.4s .2s cubic-bezier(.2,.8,.2,1) both}
.abba-formations .entry-content .fan .f2{left:0;top:30%;z-index:2;animation:fo-fan2 1.4s .2s cubic-bezier(.2,.8,.2,1) both}
.abba-formations .entry-content .fan .f3{left:38%;top:36%;z-index:1;animation:fo-fan3 1.4s .2s cubic-bezier(.2,.8,.2,1) both}
.abba-formations .entry-content .fan:hover .f1{transform:translateY(-14px) rotate(0)}
.abba-formations .entry-content .fan:hover .f2{transform:translateX(-26px) rotate(-13deg)}
.abba-formations .entry-content .fan:hover .f3{transform:translateX(26px) rotate(11deg)}
.abba-formations .entry-content .fo-stk{position:absolute;right:2%;top:-2%;z-index:5;margin:0;background:var(--gold);color:var(--ink);border-radius:16px;padding:14px 18px;font:900 14px/1.15 var(--display);text-transform:uppercase;letter-spacing:.04em;box-shadow:0 14px 30px rgba(6,16,28,.3);animation:fo-wob 5s ease-in-out infinite}
.abba-formations .entry-content .fo-stk strong{display:block;font-size:34px;letter-spacing:-.02em;font-weight:900}
@media (max-width:900px){.abba-formations .entry-content .fo-row{grid-template-columns:1fr}.abba-formations .entry-content .fo-row .txt{padding-bottom:10px}.abba-formations .entry-content .fan{height:auto;aspect-ratio:1/0.82;min-height:0;margin:0 0 30px}.abba-formations .entry-content .fan figure{width:66%}.abba-formations .entry-content .fo-stk{right:0;top:-6%}}


.abba-formations .entry-content .fo-mq{overflow:hidden;white-space:nowrap;background:var(--paper);padding:30px 0;border-bottom:2px solid var(--ink)}
.abba-formations .entry-content .fo-mq .track{display:inline-flex;gap:40px;animation:mq 30s linear infinite;font:900 clamp(44px,7vw,110px)/1 var(--display);text-transform:uppercase;letter-spacing:-.03em}
.abba-formations .entry-content .fo-mq .track p{margin:0;flex:none}
.abba-formations .entry-content .fo-mq .track p:nth-child(8n+1){color:var(--cobalt)}
.abba-formations .entry-content .fo-mq .track p:nth-child(8n+3){color:var(--emerald)}
.abba-formations .entry-content .fo-mq .track p:nth-child(8n+5){color:var(--vermilion)}
.abba-formations .entry-content .fo-mq .track p:nth-child(8n+7){color:var(--ink)}
.abba-formations .entry-content .fo-mq .track p.sep{color:var(--gold);font-size:.5em;align-self:center}


.abba-formations .entry-content .fo-intro{padding:130px 0 120px}
.abba-formations .entry-content .fo-intro .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:70px;align-items:end}
.abba-formations .entry-content .fo-intro h2{margin:0;font:900 clamp(40px,5.8vw,92px)/.98 var(--display);letter-spacing:-.04em;text-wrap:balance;color:var(--text)}
.abba-formations .entry-content .fo-intro h2 mark{color:inherit;background:linear-gradient(var(--gold),var(--gold)) 0 88%/100% 34% no-repeat;padding:0 .06em}
@supports (animation-timeline: view()){.abba-formations .entry-content .fo-intro h2 mark{animation:fo-mark linear both;animation-timeline:view();animation-range:entry 30% cover 45%}}
.abba-formations .entry-content .fo-intro .intro-txt{margin:0 0 26px;font-size:18px;line-height:1.65;color:var(--muted)}
.abba-formations .entry-content .fo-toc{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.abba-formations .entry-content .fo-toc li{margin:0}
.abba-formations .entry-content .fo-toc a{display:flex;align-items:center;gap:22px;padding:22px 4px;border-bottom:2px solid var(--ink);text-decoration:none;color:var(--text);font:900 clamp(22px,2.2vw,32px)/1.1 var(--display);transition:padding .3s ease,color .3s ease}
.abba-formations .entry-content .fo-toc a:hover{padding-left:16px;color:var(--cobalt)}
.abba-formations .entry-content .fo-toc a strong{font-size:.6em;font-weight:900;color:var(--cobalt)}
.abba-formations .entry-content .fo-toc li:nth-child(2) a strong{color:var(--emerald)}
.abba-formations .entry-content .fo-toc a em{margin-left:auto;font-style:normal}
@media (max-width:900px){.abba-formations .entry-content .fo-intro .wrap{grid-template-columns:1fr;gap:40px}}


.abba-formations .entry-content .fo-fd{background:var(--paper-2);padding:130px 0;position:relative;overflow:hidden}
.abba-formations .entry-content .fo-fd::before{content:"01";position:absolute;right:-1vw;top:-60px;font:900 clamp(200px,30vw,460px)/.8 var(--display);letter-spacing:-.06em;color:rgba(30,79,216,.07);pointer-events:none}
.abba-formations .entry-content .fo-fd .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:70px;align-items:center;position:relative}
.abba-formations .entry-content .fo-fd .fd-media{position:relative}
.abba-formations .entry-content .fo-fd .fd-media::after{content:"";position:absolute;left:-30px;bottom:-30px;width:150px;aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpolygon points='100,0 150,50 100,100 50,50' fill='%231E4FD8'/%3E%3Cpolygon points='150,50 200,100 150,150 100,100' fill='%23EBA327'/%3E%3Cpolygon points='50,50 100,100 50,150 0,100' fill='%23C23B22'/%3E%3Cpolygon points='100,100 150,150 100,200 50,150' fill='%230E7C66'/%3E%3C/svg%3E") center/contain no-repeat}
.abba-formations .entry-content .slot{position:relative;aspect-ratio:4/5;border-radius:300px 300px 28px 28px;border:3px dashed #8C95A4;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;font:800 13px/1.6 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.abba-formations .entry-content .slot p{margin:0}
.abba-formations .entry-content .slot .slot-small{margin-top:12px;font:400 15px/1.5 var(--body);letter-spacing:0;text-transform:none}
.abba-formations .entry-content .fo-fd h2{margin:18px 0 10px;font:900 clamp(44px,6vw,96px)/.92 var(--display);letter-spacing:-.045em;color:var(--text)}
.abba-formations .entry-content .fo-fd .sub{margin:0 0 22px;max-width:640px;font:800 clamp(20px,1.8vw,26px)/1.25 var(--display);color:var(--cobalt)}
.abba-formations .entry-content .fo-fd .fd-txt{margin:0 0 16px;max-width:640px;font-size:18px;line-height:1.65;color:var(--muted)}
.abba-formations .entry-content .fo-fd .tag{margin:0;display:inline-block;background:var(--cobalt);color:#fff;border-radius:10px;padding:10px 14px;font:800 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;transform:rotate(-3deg)}
.abba-formations .entry-content .pre{margin:28px 0 34px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.abba-formations .entry-content .pre .pre-it{background:#fff;border-radius:20px;padding:22px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 10px 30px rgba(6,16,28,.07);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.abba-formations .entry-content .pre .pre-it:hover{transform:translateY(-5px) rotate(-.6deg)}
.abba-formations .entry-content .pre .pre-it::before{content:"";flex:none;width:30px;height:30px;background:center/contain no-repeat}
.abba-formations .entry-content .pre .pre-vid::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E4FD8' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='M10 9l5 3-5 3z'/%3E%3C/svg%3E")}
.abba-formations .entry-content .pre .pre-book::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E7C66' stroke-width='2'%3E%3Cpath d='M12 6c-2-1.5-5-2-8-1.5V19c3-.5 6 0 8 1.5 2-1.5 5-2 8-1.5V4.5C17 4 14 4.5 12 6z'/%3E%3Cpath d='M12 6v14.5'/%3E%3C/svg%3E")}
.abba-formations .entry-content .pre p{margin:0;font-size:14px;line-height:29.7px;color:var(--muted)}
.abba-formations .entry-content .pre p strong{display:block;font:800 16px/1.3 var(--display);color:var(--ink)}
.abba-formations .entry-content .fo-fd .actions{gap:14px}
@media (max-width:900px){.abba-formations .entry-content .fo-fd .wrap{grid-template-columns:1fr;gap:50px}.abba-formations .entry-content .slot{max-width:400px}.abba-formations .entry-content .pre{grid-template-columns:1fr}}


.abba-formations .entry-content .fo-rc{background:var(--emerald);color:#fff;padding:120px 0;position:relative;overflow:hidden}
.abba-formations .entry-content .fo-rc .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:60px;align-items:center}
.abba-formations .entry-content .fo-rc .eb-white{color:#fff}

.abba-formations .entry-content .fo-rc .eb-white,.abba-formations .entry-content .fo-oth .eb-goldink,.abba-formations .entry-content .fo-form .intro>.eyebrow{line-height:19.8px}
.abba-formations .entry-content .fo-rc h2{margin:16px 0 10px;font:900 clamp(42px,5.6vw,88px)/.95 var(--display);letter-spacing:-.04em;color:#fff}
.abba-formations .entry-content .fo-rc .sub{margin:0 0 20px;max-width:600px;font:800 clamp(19px,1.7vw,24px)/1.3 var(--display);color:#fff}
.abba-formations .entry-content .fo-rc .rc-txt{margin:0 0 26px;max-width:600px;font-size:18px;line-height:1.65;color:#DDF3EC}
.abba-formations .entry-content .fo-rc blockquote.rc-q{margin:0 0 30px;padding:0 0 0 24px;border:0;border-left:5px solid var(--gold);font:700 clamp(19px,1.6vw,23px)/1.45 var(--display);max-width:600px}
.abba-formations .entry-content .fo-rc blockquote.rc-q p{margin:0;font:inherit;color:#fff}
.abba-formations .entry-content .fo-rc blockquote.rc-q cite{display:block;margin-top:10px;font:800 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:#DDF3EC}
.abba-formations .entry-content .fo-rc .actions{gap:14px}
.abba-formations .entry-content .nums{display:grid;gap:14px}
.abba-formations .entry-content .nums .num{border-radius:26px;padding:26px 30px;display:flex;align-items:baseline;gap:20px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.abba-formations .entry-content .nums .num:hover{transform:translateX(-8px) rotate(-1deg)}
.abba-formations .entry-content .nums .n{margin:0;font:900 clamp(70px,8vw,124px)/.85 var(--display);letter-spacing:-.05em}
.abba-formations .entry-content .nums .l{margin:0;font:800 15px/1.25 var(--display);letter-spacing:.08em;text-transform:uppercase}
.abba-formations .entry-content .nums .num:nth-child(1){background:var(--ink)}
.abba-formations .entry-content .nums .num:nth-child(2){background:#fff;color:var(--ink)}
.abba-formations .entry-content .nums .num:nth-child(2) .n{color:var(--cobalt)}
.abba-formations .entry-content .nums .num:nth-child(3){background:var(--vermilion)}
@media (max-width:900px){.abba-formations .entry-content .fo-rc .wrap{grid-template-columns:1fr}}


.abba-formations .entry-content .fo-oth{padding:130px 0}
.abba-formations .entry-content .fo-oth .head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px;align-items:end;margin-bottom:46px}
.abba-formations .entry-content .fo-oth .eb-goldink{color:var(--gold-ink)}
.abba-formations .entry-content .fo-oth h2{margin:14px 0 0;font:900 clamp(34px,4.2vw,62px)/1 var(--display);letter-spacing:-.03em;color:var(--text)}
.abba-formations .entry-content .fo-oth .head-txt{margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
.abba-formations .entry-content .flips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.abba-formations .entry-content .flip{perspective:1200px;min-height:260px}
.abba-formations .entry-content .flip .in{position:relative;height:100%;min-height:260px;transition:transform .8s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.abba-formations .entry-content .flip:hover .in,.abba-formations .entry-content .flip:focus-within .in{transform:rotateY(180deg)}
.abba-formations .entry-content .flip .fa,.abba-formations .entry-content .flip .ba{position:absolute;inset:0;border-radius:26px;padding:30px;display:flex;flex-direction:column;gap:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.abba-formations .entry-content .flip .fa{background:#fff;border:2px solid #D5DAE1}
.abba-formations .entry-content .flip .fa::before{content:"";flex:none;width:34px;height:34px;background:center/contain no-repeat}
.abba-formations .entry-content .fl-dis .fa::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E4FD8' stroke-width='2'%3E%3Cpath d='M4 20c3-6 5-9 8-16 3 7 5 10 8 16'/%3E%3Cpath d='M8 13h8'/%3E%3C/svg%3E")}
.abba-formations .entry-content .fl-lead .fa::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C23B22' stroke-width='2'%3E%3Ccircle cx='12' cy='7' r='3.5'/%3E%3Cpath d='M5 21a7 7 0 0 1 14 0'/%3E%3C/svg%3E")}
.abba-formations .entry-content .fl-evg .fa::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E7C66' stroke-width='2'%3E%3Cpath d='M3 11l16-7-5 16-3-7z'/%3E%3Cpath d='M11 13l8-9'/%3E%3C/svg%3E")}
.abba-formations .entry-content .flip h3{margin:auto 0 0;font:900 26px/1.1 var(--display);color:var(--text)}
.abba-formations .entry-content .flip .fa p{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}
.abba-formations .entry-content .flip .ba{transform:rotateY(180deg);background:var(--ink);color:#fff;justify-content:space-between}
.abba-formations .entry-content .flip .ba p{margin:0;font:800 22px/1.25 var(--display)}
.abba-formations .entry-content .flip:nth-child(2) .ba{background:var(--vermilion)}
.abba-formations .entry-content .flip:nth-child(3) .ba{background:var(--cobalt)}
@media (max-width:900px){.abba-formations .entry-content .flips{grid-template-columns:1fr}.abba-formations .entry-content .flip,.abba-formations .entry-content .flip .in{min-height:220px}}
@media (hover:none){.abba-formations .entry-content .flip .in{transform:none!important}.abba-formations .entry-content .flip .ba{position:relative;transform:none;margin-top:10px;inset:auto;min-height:0}.abba-formations .entry-content .flip .fa{position:relative;inset:auto}.abba-formations .entry-content .flip,.abba-formations .entry-content .flip .in{min-height:0}}


.abba-formations .entry-content .fo-form{background:var(--cobalt);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-formations .entry-content .fo-form::before{content:"";position:absolute;left:-200px;bottom:-260px;width:760px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(235,163,39,.3),rgba(235,163,39,0) 62%);animation:fo-breathe 8s ease-in-out infinite;pointer-events:none}
.abba-formations .entry-content .fo-form .wrap{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:60px;align-items:start}
.abba-formations .entry-content .fo-form .eb-gold{color:var(--gold)}
.abba-formations .entry-content .fo-form h2{margin:16px 0 18px;font:900 clamp(40px,5vw,80px)/.96 var(--display);letter-spacing:-.04em;color:#fff}
.abba-formations .entry-content .fo-form .intro-txt{margin:0 0 30px;color:#E6ECFB;font-size:18px;line-height:1.6}
.abba-formations .entry-content .fo-form .wa{background:var(--ink);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px;transform:rotate(-1.5deg);transition:transform .35s ease}
.abba-formations .entry-content .fo-form .wa:hover{transform:rotate(0)}
.abba-formations .entry-content .fo-form .wa-txt{margin:0;color:var(--on-d);font-size:16px;line-height:1.55}
.abba-formations .entry-content .fo-form .wa-num{margin:0;font:900 26px/1 var(--display)}
.abba-formations .entry-content form.fo-f{background:#fff;color:var(--text);border-radius:30px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;box-shadow:0 30px 70px rgba(6,16,28,.3)}
.abba-formations .entry-content form.fo-f label{display:flex;flex-direction:column;gap:8px;font:800 13px/1.2 var(--display);color:var(--ink)}
.abba-formations .entry-content form.fo-f .full{grid-column:1/-1}
.abba-formations .entry-content form.fo-f input[type=text],.abba-formations .entry-content form.fo-f input[type=email],.abba-formations .entry-content form.fo-f input[type=tel],.abba-formations .entry-content form.fo-f textarea{font:400 16px var(--body);color:var(--text);border:2px solid #C9CED6;border-radius:14px;padding:14px 16px;background:#fff;width:100%}
.abba-formations .entry-content form.fo-f input:focus,.abba-formations .entry-content form.fo-f textarea:focus{outline:none;border-color:var(--cobalt);box-shadow:0 0 0 4px rgba(30,79,216,.18)}
.abba-formations .entry-content form.fo-f fieldset{grid-column:1/-1;border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.abba-formations .entry-content form.fo-f legend{font:800 13px/1.2 var(--display);color:var(--ink);margin-bottom:10px;padding:0}
.abba-formations .entry-content form.fo-f .choice{position:relative;display:block!important;cursor:pointer}
.abba-formations .entry-content form.fo-f .choice input{position:absolute;opacity:0;width:1px;height:1px}
.abba-formations .entry-content form.fo-f .choice span{display:flex;flex-direction:column;gap:6px;border:2px solid #C9CED6;border-radius:20px;padding:20px 22px;transition:border-color .25s ease,background .25s ease,transform .25s ease}
.abba-formations .entry-content form.fo-f .choice span b{font:900 20px/1.15 var(--display);color:var(--ink)}
.abba-formations .entry-content form.fo-f .choice span i{font:400 14px/1.4 var(--body);font-style:normal;color:var(--muted)}
.abba-formations .entry-content form.fo-f .choice span em{font:900 13px/1 var(--display);font-style:normal;letter-spacing:.12em;color:var(--cobalt)}
.abba-formations .entry-content form.fo-f .choice:hover span{transform:translateY(-3px)}
.abba-formations .entry-content form.fo-f .choice input:checked+span{border-color:var(--cobalt);background:#EEF2FD;box-shadow:inset 0 0 0 2px var(--cobalt)}
.abba-formations .entry-content form.fo-f .choice input:focus-visible+span{outline:3px solid var(--gold);outline-offset:3px}
.abba-formations .entry-content form.fo-f button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer}
.abba-formations .entry-content form.fo-f .note{grid-column:1/-1;margin:0;font-size:14px;color:var(--muted)}
@media (max-width:900px){.abba-formations .entry-content .fo-form .wrap{grid-template-columns:1fr}}
@media (max-width:560px){.abba-formations .entry-content form.fo-f{grid-template-columns:1fr;padding:26px}.abba-formations .entry-content form.fo-f fieldset{grid-template-columns:1fr}}


.abba-formations .entry-content .fo-end{background:var(--ink);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-formations .entry-content .fo-end::before{content:"";position:absolute;right:-40px;top:-40px;width:220px;aspect-ratio:1;opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpolygon points='100,0 150,50 100,100 50,50' fill='%231E4FD8'/%3E%3Cpolygon points='150,50 200,100 150,150 100,100' fill='%230E7C66'/%3E%3Cpolygon points='50,50 100,100 50,150 0,100' fill='%23C23B22'/%3E%3Cpolygon points='100,100 150,150 100,200 50,150' fill='%23EBA327'/%3E%3C/svg%3E") center/contain no-repeat;animation:fo-glint 6s ease-in-out infinite;pointer-events:none}
.abba-formations .entry-content .fo-end .wrap{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:60px;align-items:center}
.abba-formations .entry-content .fo-end h2{margin:0 0 20px;font:900 clamp(42px,6.4vw,104px)/.94 var(--display);letter-spacing:-.045em;color:#fff}
.abba-formations .entry-content .fo-end h2 mark{background:none;color:var(--gold)}
.abba-formations .entry-content .fo-end .end-txt{margin:0 0 32px;max-width:560px;font-size:19px;line-height:1.6;color:var(--on-d)}
.abba-formations .entry-content .fo-end figure.end-fig{position:relative;margin:0;transform:rotate(3deg);border-radius:24px;overflow:hidden;border:8px solid #fff;box-shadow:0 30px 70px rgba(0,0,0,.5);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.abba-formations .entry-content .fo-end figure.end-fig:hover{transform:rotate(0) scale(1.02)}
.abba-formations .entry-content .fo-end figure.end-fig img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 30%}
.abba-formations .entry-content .fo-end figure.end-fig figcaption{position:absolute;left:14px;bottom:14px;margin:0;color:#fff;background:rgba(6,16,28,.82);border-radius:999px;padding:8px 14px;font:700 13px/1 var(--display)}
@media (max-width:900px){.abba-formations .entry-content .fo-end .wrap{grid-template-columns:1fr}.abba-formations .entry-content .fo-end figure.end-fig{max-width:340px}}

@media (prefers-reduced-motion: reduce){.abba-formations .entry-content .fo-intro h2 mark{background-size:100% 34%!important}.abba-formations .entry-content .fan figure{transform:none!important}.abba-formations .entry-content .fo-hero::before,.abba-formations .entry-content .fo-form::before,.abba-formations .entry-content .fo-end::before,.abba-formations .entry-content .fo-stk,.abba-formations .entry-content .fan figure,.abba-formations .entry-content .fan .f1 img,.abba-formations .entry-content .fo-hero .pill::before{animation:none!important}}

@keyframes fo-breathe{0%,100%{transform:scale(.9);opacity:.6}50%{transform:scale(1.06);opacity:1}}
@keyframes fo-fan1{from{transform:translate(0,30px) rotate(0)}to{transform:rotate(-2deg)}}
@keyframes fo-fan2{from{transform:translate(19vw,0) rotate(0)}to{transform:rotate(-9deg)}}
@keyframes fo-fan3{from{transform:translate(-19vw,0) rotate(0)}to{transform:rotate(7deg)}}
@keyframes fo-wob{0%,100%{transform:rotate(6deg)}50%{transform:rotate(1deg) translateY(-6px)}}
@keyframes fo-mark{from{background-size:0% 34%}to{background-size:100% 34%}}
@keyframes fo-glint{0%,100%{opacity:.6}50%{opacity:.95}}

/* ===== Page : cours-de-fondement ===== */
.abba-cours-de-fondement .entry-content .wp-block-button[class*="btn-"]{background:none;border:0;padding:0}



.abba-cours-de-fondement .entry-content .cf-hero{position:relative;background:var(--cobalt);color:#fff;overflow:hidden;padding:140px 0 90px;text-align:center}
.abba-cours-de-fondement .entry-content .cf-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 120px);pointer-events:none}
.abba-cours-de-fondement .entry-content .cf-hero .wrap{display:flex;flex-direction:column;align-items:center}
.abba-cours-de-fondement .entry-content .cf-hero::after,.abba-cours-de-fondement .entry-content .cf-hero .wrap::before,.abba-cours-de-fondement .entry-content .cf-hero .wrap::after{content:"";position:absolute;width:70px;height:70px;transform:rotate(45deg);border-radius:10px;animation:cf-float 6s ease-in-out infinite;pointer-events:none}
.abba-cours-de-fondement .entry-content .cf-hero::after{left:8%;top:34%;background:var(--emerald)}
.abba-cours-de-fondement .entry-content .cf-hero .wrap::before{right:9%;top:52%;width:50px;height:50px;background:var(--vermilion);animation-delay:-2s}
.abba-cours-de-fondement .entry-content .cf-hero .wrap::after{left:14%;bottom:12%;width:36px;height:36px;background:var(--gold);animation-delay:-4s}
.abba-cours-de-fondement .entry-content .cf-hero .pill{position:relative;margin:1em 0}
.abba-cours-de-fondement .entry-content .cf-hero .pill::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.abba-cours-de-fondement .entry-content .cf-hero h1{margin:22px 0 0;font:900 clamp(52px,10.4vw,176px)/.84 var(--display);letter-spacing:-.05em;text-transform:uppercase;position:relative;z-index:2;color:#fff}
.abba-cours-de-fondement .entry-content .cf-hero h1 strong,.abba-cours-de-fondement .entry-content .cf-hero h1 mark{display:block;font-weight:inherit;background:none;color:inherit;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-cours-de-fondement .entry-content .cf-hero h1 mark{animation-delay:.12s;color:var(--gold)}
.abba-cours-de-fondement .entry-content .cf-hero .ogive{position:relative;width:min(560px,76vw);aspect-ratio:5/6;margin:-34px auto 0;z-index:1;clip-path:polygon(50% 0,64% 3%,77% 10%,88% 21%,96% 35%,100% 50%,100% 100%,0 100%,0 50%,4% 35%,12% 21%,23% 10%,36% 3%);background:var(--ink)}
.abba-cours-de-fondement .entry-content .cf-hero .ogive .wp-block-cover__image-background{object-position:50% 40%;animation:kb 20s ease-in-out infinite alternate}
.abba-cours-de-fondement .entry-content .cf-hero .ogive .wp-block-cover__background{background:linear-gradient(0deg,rgba(30,79,216,.85),rgba(30,79,216,0) 45%)!important;opacity:1!important}
.abba-cours-de-fondement .entry-content .cf-hero .under{position:relative;z-index:3;margin-top:-120px;display:flex;flex-direction:column;align-items:center;gap:24px}
.abba-cours-de-fondement .entry-content .cf-hero .sub{margin:0;font:800 clamp(20px,2vw,28px)/1.25 var(--display);max-width:720px;text-wrap:balance}
.abba-cours-de-fondement .entry-content .cf-hero .lead{margin:0;max-width:660px;font-size:clamp(17px,1.35vw,19px);line-height:1.65;color:#E6ECFB}
.abba-cours-de-fondement .entry-content .cf-hero .actions{justify-content:center;gap:14px}
@media (max-width:700px){.abba-cours-de-fondement .entry-content .cf-hero::after{left:-20px;top:40%}.abba-cours-de-fondement .entry-content .cf-hero .wrap::before{right:-14px}.abba-cours-de-fondement .entry-content .cf-hero .under{margin-top:-70px}}


.abba-cours-de-fondement .entry-content .cf-st{padding:140px 0 120px}
.abba-cours-de-fondement .entry-content .cf-st .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:60px;align-items:end}
.abba-cours-de-fondement .entry-content .cf-st h2{margin:0;font:900 clamp(40px,6vw,98px)/.98 var(--display);letter-spacing:-.04em;text-wrap:balance;color:var(--text)}
@supports (animation-timeline: view()){
  .abba-cours-de-fondement .entry-content .cf-st h2{background:linear-gradient(90deg,var(--text) 50%,#C9CED6 50%) 100% 0/200% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ink linear both;animation-timeline:view();animation-range:entry 10% cover 50%}
}
.abba-cours-de-fondement .entry-content .cf-st p{margin:0 0 16px;font-size:18px;line-height:1.65;color:var(--muted)}
.abba-cours-de-fondement .entry-content .cf-st p strong{color:var(--cobalt)}
@media (max-width:900px){.abba-cours-de-fondement .entry-content .cf-st .wrap{grid-template-columns:1fr;gap:30px}}


.abba-cours-de-fondement .entry-content .cf-disc{padding:0 0 130px;position:relative}
.abba-cours-de-fondement .entry-content .cf-disc h2{margin:0 0 36px;font:900 clamp(30px,3.4vw,52px)/1 var(--display);letter-spacing:-.03em;color:var(--text)}
.abba-cours-de-fondement .entry-content .cf-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.abba-cours-de-fondement .entry-content .cf-tile{position:relative;border-radius:26px;padding:30px;min-height:300px;color:#fff;display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.abba-cours-de-fondement .entry-content .cf-tile:hover{transform:translateY(-10px) rotate(-1deg)}
.abba-cours-de-fondement .entry-content .cf-tile:nth-child(even):hover{transform:translateY(-10px) rotate(1deg)}
.abba-cours-de-fondement .entry-content .cf-tile p.n{margin:0;font:900 72px/.9 var(--display);letter-spacing:-.05em;opacity:.95}
.abba-cours-de-fondement .entry-content .cf-tile h3{margin:auto 0 0;font:900 24px/1.1 var(--display);color:#fff}
.abba-cours-de-fondement .entry-content .cf-tile p{margin:0;font-size:15px;line-height:1.55;opacity:.95}
.abba-cours-de-fondement .entry-content .cf-tile::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;transform:rotate(45deg);border:18px solid rgba(255,255,255,.14);border-radius:14px}
.abba-cours-de-fondement .entry-content .cf-tile:nth-child(1){background:var(--cobalt)}
.abba-cours-de-fondement .entry-content .cf-tile:nth-child(2){background:var(--emerald)}
.abba-cours-de-fondement .entry-content .cf-tile:nth-child(3){background:var(--vermilion)}
.abba-cours-de-fondement .entry-content .cf-tile:nth-child(4){background:var(--ink)}
.abba-cours-de-fondement .entry-content .cf-tile:nth-child(4) p.n{color:var(--gold)}
@media (max-width:1000px){.abba-cours-de-fondement .entry-content .cf-tiles{grid-template-columns:1fr 1fr}.abba-cours-de-fondement .entry-content .cf-tile{min-height:240px}}
@media (max-width:520px){.abba-cours-de-fondement .entry-content .cf-tiles{grid-template-columns:1fr}}


.abba-cours-de-fondement .entry-content .cf-path{background:var(--cobalt);color:#fff;padding:130px 0 120px;position:relative;overflow:hidden}
.abba-cours-de-fondement .entry-content .cf-path .head{text-align:center;max-width:860px;margin:0 auto 70px}
.abba-cours-de-fondement .entry-content .cf-path .eb-gold{color:var(--gold)}
.abba-cours-de-fondement .entry-content .cf-path h2{margin:16px 0 18px;font:900 clamp(40px,5.6vw,90px)/.95 var(--display);letter-spacing:-.04em;color:#fff}
.abba-cours-de-fondement .entry-content .cf-path .head-txt{margin:0;font-size:18px;line-height:1.6;color:#E6ECFB}
.abba-cours-de-fondement .entry-content .road{position:relative}
.abba-cours-de-fondement .entry-content .stn{display:grid;grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);align-items:stretch}
.abba-cours-de-fondement .entry-content .stn .rail{position:relative;display:flex;flex-direction:column;align-items:center;min-height:176px}
.abba-cours-de-fondement .entry-content .stn .rail::before,.abba-cours-de-fondement .entry-content .stn .rail::after{content:"";position:absolute;left:0;right:0;top:96px;bottom:0;background:center/100% 100% no-repeat;pointer-events:none}
.abba-cours-de-fondement .entry-content .stn.seg-a .rail::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='none' vector-effect='non-scaling-stroke' stroke='rgba(255,255,255,.28)' stroke-width='5' stroke-dasharray='2 12' stroke-linecap='round' d='M50 0 C 95 30, 5 70, 50 100'/%3E%3C/svg%3E")}
.abba-cours-de-fondement .entry-content .stn.seg-a .rail::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='none' vector-effect='non-scaling-stroke' stroke='%23EBA327' stroke-width='6' stroke-linecap='round' d='M50 0 C 95 30, 5 70, 50 100'/%3E%3C/svg%3E")}
.abba-cours-de-fondement .entry-content .stn.seg-b .rail::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='none' vector-effect='non-scaling-stroke' stroke='rgba(255,255,255,.28)' stroke-width='5' stroke-dasharray='2 12' stroke-linecap='round' d='M50 0 C 5 30, 95 70, 50 100'/%3E%3C/svg%3E")}
.abba-cours-de-fondement .entry-content .stn.seg-b .rail::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='none' vector-effect='non-scaling-stroke' stroke='%23EBA327' stroke-width='6' stroke-linecap='round' d='M50 0 C 5 30, 95 70, 50 100'/%3E%3C/svg%3E")}
@supports (animation-timeline: view()){.abba-cours-de-fondement .entry-content .stn .rail::after{animation:cf-draw linear both;animation-timeline:view();animation-range:entry 20% cover 70%}}
.abba-cours-de-fondement .entry-content .stn .node{position:relative;z-index:2;flex:none;margin:0;width:96px;height:96px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;font:900 13px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;border:8px solid var(--cobalt);box-shadow:0 0 0 3px rgba(255,255,255,.5)}
.abba-cours-de-fondement .entry-content .stn .node strong{font-size:34px;font-weight:900;letter-spacing:-.03em;margin-top:2px}
.abba-cours-de-fondement .entry-content .stn .card{background:#fff;color:var(--text);border-radius:28px;padding:36px;margin:0 0 70px;box-shadow:0 26px 60px rgba(6,16,28,.28);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.abba-cours-de-fondement .entry-content .stn .card:hover{transform:translateY(-6px)}
.abba-cours-de-fondement .entry-content .stn:nth-child(odd) .card{grid-column:1;grid-row:1;transform:rotate(-1deg)}
.abba-cours-de-fondement .entry-content .stn:nth-child(odd) .card:hover{transform:rotate(0) translateY(-6px)}
.abba-cours-de-fondement .entry-content .stn:nth-child(odd) .rail{grid-column:2;grid-row:1}
.abba-cours-de-fondement .entry-content .stn:nth-child(even) .rail{grid-column:2;grid-row:1}
.abba-cours-de-fondement .entry-content .stn:nth-child(even) .card{grid-column:3;grid-row:1;transform:rotate(1deg)}
.abba-cours-de-fondement .entry-content .stn:nth-child(even) .card:hover{transform:rotate(0) translateY(-6px)}
.abba-cours-de-fondement .entry-content .stn .aside{grid-row:1;align-self:start;padding:18px 40px 0;display:flex;flex-direction:column;gap:10px}
.abba-cours-de-fondement .entry-content .stn:nth-child(odd) .aside{grid-column:3}
.abba-cours-de-fondement .entry-content .stn:nth-child(even) .aside{grid-column:1;align-items:flex-end;text-align:right}
.abba-cours-de-fondement .entry-content .aside .big{margin:0;font:900 clamp(90px,11vw,170px)/.8 var(--display);letter-spacing:-.06em;color:#fff}
.abba-cours-de-fondement .entry-content .aside .big.g{color:var(--gold)}
.abba-cours-de-fondement .entry-content .aside .lab{margin:0;font:800 14px/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#E6ECFB}
.abba-cours-de-fondement .entry-content .card .k{margin:0;font:800 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt);opacity:1}
.abba-cours-de-fondement .entry-content .card h3{margin:12px 0 14px;font:900 clamp(26px,2.4vw,36px)/1.05 var(--display);color:var(--ink)}
.abba-cours-de-fondement .entry-content .card p{margin:0 0 14px;font-size:16px;line-height:1.6;color:var(--muted)}
.abba-cours-de-fondement .entry-content .card .ph-slot{display:block;border:3px dashed #8C95A4;border-radius:18px;padding:22px;text-align:center;font:800 12px/1.5 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--paper-2);margin:6px 0 18px;opacity:1}
.abba-cours-de-fondement .entry-content .card .ph-slot em{display:block;margin-top:6px;font:400 14px/1.45 var(--body);font-style:normal;letter-spacing:0;text-transform:none}
.abba-cours-de-fondement .entry-content .card .ph-link{padding:0}
.abba-cours-de-fondement .entry-content .card .ph-link a{display:block;padding:22px;color:inherit;text-decoration:none}
.abba-cours-de-fondement .entry-content .cover{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;margin:4px 0 18px}
.abba-cours-de-fondement .entry-content .cover .bk{margin:0;aspect-ratio:3/4;border-radius:8px 14px 14px 8px;border:3px dashed #8C95A4;background:var(--paper-2);display:flex;flex-direction:column;justify-content:center;padding:12px;font:900 16px/1 var(--display);color:var(--ink);transform:rotate(-4deg);transition:transform .4s ease;opacity:1}
.abba-cours-de-fondement .entry-content .cover .bk em{font:700 10px/1.3 var(--display);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.abba-cours-de-fondement .entry-content .card:hover .cover .bk{transform:rotate(0) scale(1.04)}
.abba-cours-de-fondement .entry-content .cover .cover-txt{margin:0;font-size:14px}
.abba-cours-de-fondement .entry-content .card .card-note{margin:12px 0 0;font-size:13px}
.abba-cours-de-fondement .entry-content .vids{list-style:none;margin:6px 0 18px;padding:0;display:grid;gap:8px}
.abba-cours-de-fondement .entry-content .vids li{margin:0;border-radius:14px;background:var(--paper-2);font:800 15px/1.2 var(--display);color:var(--ink);transition:transform .3s ease,background .3s ease}
.abba-cours-de-fondement .entry-content .vids li a{display:flex;align-items:center;gap:14px;padding:12px 14px;color:inherit;text-decoration:none}
.abba-cours-de-fondement .entry-content .vids li:hover{transform:translateX(6px);background:#EEF2FD}
.abba-cours-de-fondement .entry-content .vids li strong{flex:none;width:34px;height:34px;border-radius:50%;background:var(--cobalt);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.abba-cours-de-fondement .entry-content .vids li:nth-child(2) strong{background:var(--emerald)}
.abba-cours-de-fondement .entry-content .vids li:nth-child(3) strong{background:var(--vermilion)}
.abba-cours-de-fondement .entry-content .vids li:nth-child(4) strong{background:var(--gold);color:var(--ink)}
.abba-cours-de-fondement .entry-content .vids li em{margin-left:auto;font-size:13px;font-style:normal;color:var(--muted)}
.abba-cours-de-fondement .entry-content .tri{display:grid;gap:10px;margin:8px 0 6px}
.abba-cours-de-fondement .entry-content .tri p{margin:0;border-left:4px solid var(--cobalt);padding:4px 0 4px 14px;font-size:15px;line-height:1.5;color:var(--muted);opacity:1}
.abba-cours-de-fondement .entry-content .tri p:nth-child(2){border-color:var(--emerald)}
.abba-cours-de-fondement .entry-content .tri p:nth-child(3){border-color:var(--gold)}
.abba-cours-de-fondement .entry-content .tri p strong{display:block;font:800 15px/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.abba-cours-de-fondement .entry-content .arrive{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;margin-top:10px}
.abba-cours-de-fondement .entry-content .arrive::before{content:"";width:120px;height:120px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E4FD8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4'/%3E%3Cpath d='M5 4h11l-2 4 2 4H5'/%3E%3C/svg%3E") center/54px 54px no-repeat;box-shadow:0 0 0 10px rgba(255,255,255,.18);animation:cf-pulse-w 2.6s infinite}
.abba-cours-de-fondement .entry-content .arrive .arrive-txt{margin:0;max-width:560px;font:800 clamp(20px,2vw,26px)/1.3 var(--display)}
.abba-cours-de-fondement .entry-content .arrive .arrive-btns{justify-content:center}
@media (max-width:900px){
  .abba-cours-de-fondement .entry-content .stn{grid-template-columns:76px minmax(0,1fr)}
  .abba-cours-de-fondement .entry-content .stn .rail,.abba-cours-de-fondement .entry-content .stn:nth-child(odd) .rail,.abba-cours-de-fondement .entry-content .stn:nth-child(even) .rail{grid-column:1;grid-row:1 / span 2}
  .abba-cours-de-fondement .entry-content .stn .rail::before,.abba-cours-de-fondement .entry-content .stn .rail::after{top:64px}
  .abba-cours-de-fondement .entry-content .stn .node{width:64px;height:64px;border-width:5px;font-size:9px}
  .abba-cours-de-fondement .entry-content .stn .node strong{font-size:22px}
  .abba-cours-de-fondement .entry-content .stn .card,.abba-cours-de-fondement .entry-content .stn:nth-child(odd) .card,.abba-cours-de-fondement .entry-content .stn:nth-child(even) .card{grid-column:2;grid-row:2;transform:none;margin:0 0 50px;padding:26px}
  .abba-cours-de-fondement .entry-content .stn .aside,.abba-cours-de-fondement .entry-content .stn:nth-child(odd) .aside,.abba-cours-de-fondement .entry-content .stn:nth-child(even) .aside{grid-column:2;grid-row:1;align-items:flex-start;text-align:left;padding:4px 0 18px 6px;flex-direction:row;align-items:baseline;gap:12px}
  .abba-cours-de-fondement .entry-content .aside .big{font-size:64px}
  .abba-cours-de-fondement .entry-content .cover{grid-template-columns:96px 1fr}
}


.abba-cours-de-fondement .entry-content .cf-mq-wrap{overflow:hidden;padding:20px 0 10px}
.abba-cours-de-fondement .entry-content .cf-mq{overflow:hidden;white-space:nowrap;background:var(--gold);padding:24px 0;transform:rotate(-1.5deg);margin:-20px -20px 0;position:relative;z-index:2}
.abba-cours-de-fondement .entry-content .cf-mq .track{display:inline-flex;gap:36px;animation:mq 32s linear infinite;font:900 clamp(30px,4.2vw,62px)/1 var(--display);text-transform:uppercase;letter-spacing:-.02em;color:var(--ink)}
.abba-cours-de-fondement .entry-content .cf-mq .track p{margin:0;flex:none}
.abba-cours-de-fondement .entry-content .cf-mq .track p:nth-child(4n+3){color:var(--cobalt)}
.abba-cours-de-fondement .entry-content .cf-mq .track p.sep{font-size:.55em;align-self:center;color:var(--vermilion)}


.abba-cours-de-fondement .entry-content .cf-form{padding:140px 0 130px;background:var(--paper-2)}
.abba-cours-de-fondement .entry-content .cf-form .box{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:24px;align-items:stretch}
.abba-cours-de-fondement .entry-content form.cf-f{background:#fff;border-radius:32px;padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;box-shadow:0 30px 80px rgba(6,16,28,.12);border-top:10px solid var(--cobalt)}
.abba-cours-de-fondement .entry-content form.cf-f .eyebrow.full{grid-column:1/-1}
.abba-cours-de-fondement .entry-content form.cf-f h2{grid-column:1/-1;margin:0;font:900 clamp(34px,4vw,60px)/1 var(--display);letter-spacing:-.035em;color:var(--ink)}
.abba-cours-de-fondement .entry-content form.cf-f .intro{grid-column:1/-1;margin:0 0 6px;font-size:17px;line-height:1.6;color:var(--muted)}
.abba-cours-de-fondement .entry-content form.cf-f label{display:flex;flex-direction:column;gap:8px;font:800 13px/1.25 var(--display);color:var(--ink)}
.abba-cours-de-fondement .entry-content form.cf-f .full{grid-column:1/-1}
.abba-cours-de-fondement .entry-content form.cf-f input,.abba-cours-de-fondement .entry-content form.cf-f select,.abba-cours-de-fondement .entry-content form.cf-f textarea{font:400 16px var(--body);color:var(--text);border:2px solid #C9CED6;border-radius:14px;padding:14px 16px;background:#fff;width:100%}
.abba-cours-de-fondement .entry-content form.cf-f input:focus,.abba-cours-de-fondement .entry-content form.cf-f select:focus,.abba-cours-de-fondement .entry-content form.cf-f textarea:focus{outline:none;border-color:var(--cobalt);box-shadow:0 0 0 4px rgba(30,79,216,.18)}
.abba-cours-de-fondement .entry-content form.cf-f button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer}
.abba-cours-de-fondement .entry-content form.cf-f .note{grid-column:1/-1;margin:0;font-size:14px;color:var(--muted)}
.abba-cours-de-fondement .entry-content .cf-side{display:grid;gap:24px;grid-template-rows:auto 1fr}
.abba-cours-de-fondement .entry-content .cf-wa{background:var(--emerald);color:#fff;border-radius:30px;padding:34px;display:flex;flex-direction:column;gap:12px}
.abba-cours-de-fondement .entry-content .cf-wa .wa-txt{margin:0;font-size:16px;line-height:1.55;color:#DDF3EC}
.abba-cours-de-fondement .entry-content .cf-wa .wa-num{margin:0;font:900 28px/1 var(--display)}
.abba-cours-de-fondement .entry-content .cf-pol{position:relative;margin:0;border-radius:22px;overflow:hidden;border:8px solid #fff;box-shadow:0 20px 50px rgba(6,16,28,.18);transform:rotate(2deg);transition:transform .5s cubic-bezier(.2,.8,.2,1);min-height:240px}
.abba-cours-de-fondement .entry-content .cf-pol:hover{transform:rotate(0)}
.abba-cours-de-fondement .entry-content .cf-pol img{width:100%;height:100%;object-fit:cover;object-position:45% 35%;transition:transform .8s ease}
.abba-cours-de-fondement .entry-content .cf-pol:hover img{transform:scale(1.06)}
.abba-cours-de-fondement .entry-content .cf-pol figcaption{position:absolute;left:12px;bottom:12px;margin:0;background:rgba(6,16,28,.82);color:#fff;border-radius:999px;padding:7px 13px;font:700 12px/1 var(--display)}
@media (max-width:900px){.abba-cours-de-fondement .entry-content .cf-form .box{grid-template-columns:1fr}}
@media (max-width:560px){.abba-cours-de-fondement .entry-content form.cf-f{grid-template-columns:1fr;padding:28px}}


.abba-cours-de-fondement .entry-content .cf-next{background:var(--ink);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-cours-de-fondement .entry-content .cf-next .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:80px;align-items:center}
.abba-cours-de-fondement .entry-content .cf-arch{position:relative;margin:0}
.abba-cours-de-fondement .entry-content .cf-arch::before{content:"";position:absolute;inset:26px -26px -26px 26px;border-radius:300px 300px 26px 26px;background:var(--emerald)}
.abba-cours-de-fondement .entry-content .cf-arch img{position:relative;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border-radius:300px 300px 26px 26px}
.abba-cours-de-fondement .entry-content .cf-arch figcaption{position:absolute;left:18px;bottom:18px;margin:0;color:#fff;background:rgba(6,16,28,.82);border-radius:999px;padding:8px 14px;font:700 13px/1 var(--display)}
.abba-cours-de-fondement .entry-content .cf-next .eb-gold{color:var(--gold)}

.abba-cours-de-fondement .entry-content .cf-path .head .eb-gold,.abba-cours-de-fondement .entry-content .cf-next .eb-gold{line-height:19.8px}
.abba-cours-de-fondement .entry-content .cf-next h2{margin:16px 0 20px;font:900 clamp(38px,5vw,80px)/.96 var(--display);letter-spacing:-.04em;color:#fff}
.abba-cours-de-fondement .entry-content .cf-next h2 mark{background:none;color:var(--gold)}
.abba-cours-de-fondement .entry-content .cf-next .next-txt{margin:0 0 30px;max-width:560px;font-size:18px;line-height:1.65;color:var(--on-d)}
.abba-cours-de-fondement .entry-content .cf-next .actions{gap:14px}
@media (max-width:900px){.abba-cours-de-fondement .entry-content .cf-next .wrap{grid-template-columns:1fr;gap:60px}.abba-cours-de-fondement .entry-content .cf-arch{max-width:380px}}

@media (prefers-reduced-motion: reduce){.abba-cours-de-fondement .entry-content .stn .rail::after{clip-path:none!important;animation:none!important}.abba-cours-de-fondement .entry-content .cf-st h2{color:var(--text)!important;background:none!important}.abba-cours-de-fondement .entry-content .cf-hero::after,.abba-cours-de-fondement .entry-content .cf-hero .wrap::before,.abba-cours-de-fondement .entry-content .cf-hero .wrap::after,.abba-cours-de-fondement .entry-content .arrive::before,.abba-cours-de-fondement .entry-content .cf-hero .pill::before,.abba-cours-de-fondement .entry-content .cf-hero .ogive .wp-block-cover__image-background{animation:none!important}}

@keyframes cf-float{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(55deg) translateY(-16px)}}
@keyframes cf-draw{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes cf-pulse-w{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}70%{box-shadow:0 0 0 22px rgba(255,255,255,0)}}

/* ===== Page : cours-racines ===== */
/* cours-racines : CSS de page, prefixe .abba-cours-racines */
.abba-cours-racines .entry-content .wp-block-button[class*="btn-"]{background:transparent}
.abba-cours-racines .entry-content .wp-block-group>p.eyebrow{line-height:20px}
.abba-cours-racines .entry-content .ey-gold{color:var(--gold)}
.abba-cours-racines .entry-content .ey-goldink{color:var(--gold-ink)}
.abba-cours-racines .entry-content .ey-verm{color:var(--vermilion)}
.abba-cours-racines .entry-content .ey-cob{color:var(--cobalt)}
.abba-cours-racines .entry-content .cr-hero{position:relative;background:var(--cobalt);color:#fff;overflow:hidden;padding:130px 0 0}
.abba-cours-racines .entry-content .cr-top{width:var(--wrap);margin:0 auto 18px;display:flex}
.abba-cours-racines .entry-content .cr-top .pill{margin:1em 0}
.abba-cours-racines .entry-content .cr-top .pill::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.abba-cours-racines .entry-content .cr-banner.wp-block-cover{position:relative;width:var(--wrap);margin:0 auto;height:min(520px,46vw);min-height:300px;border-radius:34px;overflow:hidden;background:var(--ink)}
.abba-cours-racines .entry-content .cr-banner .wp-block-cover__image-background{object-position:50% 30%;animation:kb 22s ease-in-out infinite alternate}
.abba-cours-racines .entry-content .cr-banner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(30,79,216,.95) 0%,rgba(30,79,216,0) 45%),linear-gradient(180deg,rgba(6,16,28,.35),rgba(6,16,28,0) 30%)}
.abba-cours-racines .entry-content .cr-banner .wp-block-cover__background{opacity:0}
.abba-cours-racines .entry-content .cr-hero h1{position:relative;z-index:3;width:var(--wrap);margin:-0.62em auto 0;font:900 clamp(60px,13vw,224px)/.84 var(--display);letter-spacing:-.055em;text-transform:uppercase;padding-left:clamp(0px,2vw,30px)}
.abba-cours-racines .entry-content .cr-hero h1 strong,.abba-cours-racines .entry-content .cr-hero h1 mark{display:inline-block;font-weight:inherit;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-cours-racines .entry-content .cr-hero h1 mark{background:none;animation-delay:.12s;color:var(--gold)}
.abba-cours-racines .entry-content .cr-under{width:var(--wrap);margin:34px auto 0;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:50px;align-items:start;position:relative;z-index:3}
.abba-cours-racines .entry-content .cr-under .sub{margin:0 0 22px;font:800 clamp(20px,1.9vw,28px)/1.25 var(--display)}
.abba-cours-racines .entry-content .cr-under .lead{margin:0 0 28px;font-size:clamp(17px,1.35vw,19px);line-height:1.65;color:#E6ECFB;max-width:560px}
.abba-cours-racines .entry-content .cr-verse{margin:0;padding:30px 32px;border-radius:26px;background:rgba(6,16,28,.35);border:1px solid rgba(255,255,255,.22);font:700 clamp(19px,1.7vw,24px)/1.45 var(--display);transform:rotate(1.5deg);transition:transform .4s ease}
.abba-cours-racines .entry-content .cr-verse.wp-block-quote{padding:30px 32px;border:1px solid rgba(255,255,255,.22)}
.abba-cours-racines .entry-content .cr-verse:hover{transform:rotate(0)}
.abba-cours-racines .entry-content .cr-verse p{font:inherit}
.abba-cours-racines .entry-content .cr-verse cite{display:block;margin-top:14px;font:800 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--gold)}
.abba-cours-racines .entry-content .roots.wp-block-spacer{display:block;width:100%;height:clamp(120px,14vw,220px)!important;margin-top:20px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 200%22 preserveAspectRatio=%22none%22%3E%3Cpath pathLength=%221%22 d=%22M720 0 C 720 60, 640 90, 560 120 S 380 170, 260 200%22 stroke=%22%23EBA327%22 stroke-width=%227%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath pathLength=%221%22 d=%22M720 0 C 720 70, 800 100, 900 130 S 1100 160, 1240 200%22 stroke=%22%23EBA327%22 stroke-width=%227%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath pathLength=%221%22 d=%22M720 0 C 718 80, 724 140, 716 200%22 stroke=%22%23fff%22 stroke-width=%226%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath pathLength=%221%22 d=%22M560 120 C 500 140, 470 170, 440 200%22 stroke=%22%239FE3D1%22 stroke-width=%224%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath pathLength=%221%22 d=%22M900 130 C 960 150, 990 175, 1010 200%22 stroke=%22%23FFC2B5%22 stroke-width=%224%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath pathLength=%221%22 d=%22M640 90 C 560 80, 420 90, 120 150%22 stroke=%22%23fff%22 stroke-width=%223%22 fill=%22none%22 stroke-linecap=%22round%22 opacity=%22.6%22/%3E%3Cpath pathLength=%221%22 d=%22M800 100 C 900 85, 1100 90, 1380 140%22 stroke=%22%23fff%22 stroke-width=%223%22 fill=%22none%22 stroke-linecap=%22round%22 opacity=%22.6%22/%3E%3Cpath pathLength=%221%22 d=%22M716 140 C 690 165, 660 185, 640 200%22 stroke=%22%239FE3D1%22 stroke-width=%223%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;animation:cr-reveal 2.6s cubic-bezier(.3,.6,.2,1) .4s both}
@media (max-width:900px){
.abba-cours-racines .entry-content .cr-under{grid-template-columns:1fr;gap:34px}
.abba-cours-racines .entry-content .cr-hero h1{margin-top:-.55em}
}
.abba-cours-racines .entry-content .cr-nums{background:var(--paper);padding:110px 0 100px}
.abba-cours-racines .entry-content .cr-nums .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.abba-cours-racines .entry-content .cr-n{position:relative;padding:10px 0 0;border-top:6px solid currentColor;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.abba-cours-racines .entry-content .cr-n:hover{transform:translateY(-8px)}
.abba-cours-racines .entry-content .cr-n .num{display:block;font:900 clamp(120px,17vw,280px)/.82 var(--display);letter-spacing:-.07em}
.abba-cours-racines .entry-content .cr-n .lbl{display:block;margin-top:14px;font:900 clamp(18px,1.7vw,26px)/1.15 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--ink)}
.abba-cours-racines .entry-content .cr-n:nth-child(1){color:var(--cobalt)}
.abba-cours-racines .entry-content .cr-n:nth-child(2){color:var(--emerald)}
.abba-cours-racines .entry-content .cr-n:nth-child(3){color:var(--vermilion)}
.abba-cours-racines .entry-content .cr-n .stk{position:absolute;right:0;top:30px;margin:0;background:var(--gold);color:var(--ink);border-radius:12px;padding:9px 12px;font:900 12px/1.1 var(--display);text-transform:uppercase;letter-spacing:.06em;animation:cr-wob 5s ease-in-out infinite}
@keyframes cr-wob{0%,100%{transform:rotate(8deg)}50%{transform:rotate(2deg) translateY(-5px)}}
@media (max-width:760px){
.abba-cours-racines .entry-content .cr-nums .wrap{grid-template-columns:1fr;gap:40px}
}
.abba-cours-racines .entry-content .cr-intro{background:var(--paper-2);padding:130px 0;position:relative;overflow:hidden}
.abba-cours-racines .entry-content .cr-intro::before{content:"";position:absolute;right:-50px;top:-60px;width:220px;aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cstyle%3Epolygon%7Banimation:g 7s ease-in-out infinite%7Dpolygon:nth-child(2n)%7Banimation-delay:-2s%7Dpolygon:nth-child(3n)%7Banimation-delay:-4.5s%7D%40keyframes g%7B0%25,100%25%7Bopacity:.25%7D50%25%7Bopacity:.75%7D%7D%40media (prefers-reduced-motion:reduce)%7Bpolygon%7Banimation:none%7D%7D%3C/style%3E%3Cpolygon points=%22100,0 150,50 100,100 50,50%22 fill=%22%231E4FD8%22/%3E%3Cpolygon points=%22150,50 200,100 150,150 100,100%22 fill=%22%230E7C66%22/%3E%3Cpolygon points=%2250,50 100,100 50,150 0,100%22 fill=%22%23EBA327%22/%3E%3Cpolygon points=%22100,100 150,150 100,200 50,150%22 fill=%22%23C23B22%22/%3E%3C/svg%3E") center/contain no-repeat}
.abba-cours-racines .entry-content .cr-intro .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:70px;align-items:center;position:relative}
.abba-cours-racines .entry-content .cr-slot{aspect-ratio:5/4;border-radius:30px;border:3px dashed #8C95A4;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;font:800 13px/1.6 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transform:rotate(-1.5deg)}
.abba-cours-racines .entry-content .cr-slot .sm{display:block;margin-top:10px;font:400 15px/1.5 var(--body);letter-spacing:0;text-transform:none}
.abba-cours-racines .entry-content .cr-intro h2{margin:0 0 24px;font:900 clamp(38px,5vw,78px)/.98 var(--display);letter-spacing:-.04em}
.abba-cours-racines .entry-content .cr-intro h2 mark{color:inherit;background:linear-gradient(var(--gold),var(--gold)) 0 88%/0% 32% no-repeat;padding:0 .05em}
@supports (animation-timeline: view()){
.abba-cours-racines .entry-content .cr-intro h2 mark{animation:cr-mark linear both;animation-timeline:view();animation-range:entry 30% cover 45%}
}
@supports not (animation-timeline: view()){
.abba-cours-racines .entry-content .cr-intro h2 mark{background-size:100% 32%}
}
@keyframes cr-mark{to{background-size:100% 32%}}
.abba-cours-racines .entry-content .cr-intro p{margin:0 0 16px;max-width:620px;font-size:18px;line-height:1.65;color:var(--muted)}
@media (max-width:900px){
.abba-cours-racines .entry-content .cr-intro .wrap{grid-template-columns:1fr;gap:50px}
}
.abba-cours-racines .entry-content .cr-prog{background:var(--cobalt);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-cours-racines .entry-content .cr-prog .head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:50px;align-items:end;margin-bottom:56px}
.abba-cours-racines .entry-content .cr-prog h2{margin:16px 0 0;font:900 clamp(42px,6vw,96px)/.94 var(--display);letter-spacing:-.045em}
.abba-cours-racines .entry-content .cr-prog .head>p{margin:0;font-size:17px;line-height:1.6;color:#E6ECFB}
.abba-cours-racines .entry-content .mods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px}
.abba-cours-racines .entry-content .mods li{display:flex;align-items:baseline;gap:18px;padding:22px 6px;border-bottom:2px solid rgba(255,255,255,.22);font:900 clamp(20px,1.8vw,27px)/1.15 var(--display);transition:padding .3s ease,background .3s ease;border-radius:6px}
.abba-cours-racines .entry-content .mods li:hover{padding-left:18px;background:rgba(6,16,28,.22)}
.abba-cours-racines .entry-content .mods li strong{flex:none;font-weight:900;font-size:.72em;width:2.2em;color:var(--gold);transition:transform .3s ease}
.abba-cours-racines .entry-content .mods li:hover strong{transform:scale(1.25)}
.abba-cours-racines .entry-content .mods li:nth-child(3n+2) strong{color:#9FE3D1}
.abba-cours-racines .entry-content .mods li:nth-child(3n) strong{color:#FFC2B5}
.abba-cours-racines .entry-content .cr-prog .note{margin:40px 0 16px;display:flex;gap:16px;align-items:center;background:rgba(6,16,28,.3);border-radius:20px;padding:20px 24px;font-size:16px;line-height:1.55;color:#E6ECFB}
.abba-cours-racines .entry-content .cr-prog .note::before{content:"";flex:none;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23EBA327%22 stroke-width=%222%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M12 11v6M12 7.5v.5%22/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:1000px){
.abba-cours-racines .entry-content .mods{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
.abba-cours-racines .entry-content .cr-prog .head{grid-template-columns:1fr;gap:20px}
}
@media (max-width:560px){
.abba-cours-racines .entry-content .mods{grid-template-columns:1fr}
}
.abba-cours-racines .entry-content .cr-who{padding:140px 0}
.abba-cours-racines .entry-content .cr-who .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:60px;align-items:start}
.abba-cours-racines .entry-content .cr-who h2{margin:16px 0 26px;font:900 clamp(34px,4.2vw,62px)/1 var(--display);letter-spacing:-.035em}
.abba-cours-racines .entry-content .cr-who .prose{margin:0;font:600 clamp(20px,1.9vw,27px)/1.55 var(--body);color:var(--text)}
.abba-cours-racines .entry-content .cr-who .prose em{font-style:normal;color:var(--cobalt);font-weight:700}
.abba-cours-racines .entry-content .eng{background:var(--emerald);color:#fff;border-radius:30px;padding:38px;transform:rotate(1.2deg);transition:transform .4s ease;position:relative}
.abba-cours-racines .entry-content .eng:hover{transform:rotate(0)}
.abba-cours-racines .entry-content .eng h3{margin:0 0 20px;font:900 26px/1.1 var(--display)}
.abba-cours-racines .entry-content .eng ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.abba-cours-racines .entry-content .eng li{display:flex;gap:12px;font-size:16px;line-height:1.5}
.abba-cours-racines .entry-content .eng li::before{content:"";flex:none;width:22px;height:22px;margin-top:2px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23EBA327%22 stroke-width=%223%22%3E%3Cpath d=%22M4 12l5 5L20 6%22/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:900px){
.abba-cours-racines .entry-content .cr-who .wrap{grid-template-columns:1fr}
}
.abba-cours-racines .entry-content .cr-mq{overflow:hidden;white-space:nowrap;background:var(--ink);padding:26px 0}
.abba-cours-racines .entry-content .cr-mq .track{display:inline-flex;gap:40px;animation:mq 36s linear infinite;font:900 clamp(40px,6vw,96px)/1 var(--display);text-transform:uppercase;letter-spacing:-.03em;color:#fff}
.abba-cours-racines .entry-content .cr-mq .track p{font:inherit}
.abba-cours-racines .entry-content .cr-mq .track p:nth-child(8n+3){color:var(--gold)}
.abba-cours-racines .entry-content .cr-mq .track p:nth-child(8n+5){color:#7FA0F5}
.abba-cours-racines .entry-content .cr-mq .track p:nth-child(8n+7){color:#5FD0B4}
.abba-cours-racines .entry-content .cr-mq .track .sep{font-size:.5em;align-self:center;color:var(--vermilion)!important}
.abba-cours-racines .entry-content .cr-pre{padding:130px 0;background:var(--paper-2)}
.abba-cours-racines .entry-content .cr-pre .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:44px}
.abba-cours-racines .entry-content .cr-pre h2{margin:14px 0 0;font:900 clamp(36px,4.6vw,70px)/1 var(--display);letter-spacing:-.035em}
.abba-cours-racines .entry-content .tks{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.abba-cours-racines .entry-content .tk{display:grid;grid-template-columns:150px 1fr;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(6,16,28,.1);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.abba-cours-racines .entry-content .tk:hover{transform:translateY(-8px) rotate(-.6deg)}
.abba-cours-racines .entry-content .tk .stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;color:#fff;text-align:center;border-right:3px dashed rgba(255,255,255,.5)}
.abba-cours-racines .entry-content .tk .stub .num{font:900 64px/.9 var(--display);letter-spacing:-.04em}
.abba-cours-racines .entry-content .tk .stub .lbl{font:800 11px/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase}
.abba-cours-racines .entry-content .tk:nth-child(1) .stub{background:var(--vermilion)}
.abba-cours-racines .entry-content .tk:nth-child(2) .stub{background:var(--ink)}
.abba-cours-racines .entry-content .tk .body{padding:32px;display:flex;flex-direction:column;gap:12px}
.abba-cours-racines .entry-content .tk .k{font:800 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt)}
.abba-cours-racines .entry-content .tk h3{margin:0;font:900 26px/1.1 var(--display);color:var(--ink)}
.abba-cours-racines .entry-content .tk .body>p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
.abba-cours-racines .entry-content .tk .body>p.k{font:800 12px/1 var(--display);color:var(--cobalt)}
.abba-cours-racines .entry-content .tk .body>p.cov{border:2px dashed #8C95A4;border-radius:12px;padding:10px 12px;font:800 11px/1.4 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.abba-cours-racines .entry-content .tk .body>.wp-block-buttons{margin-top:auto}
@media (max-width:1000px){
.abba-cours-racines .entry-content .tks{grid-template-columns:1fr}
}
@media (max-width:520px){
.abba-cours-racines .entry-content .tk{grid-template-columns:1fr}
.abba-cours-racines .entry-content .tk .stub{flex-direction:row;border-right:0;border-bottom:3px dashed rgba(255,255,255,.5);justify-content:flex-start;gap:16px}
.abba-cours-racines .entry-content .tk .stub .num{font-size:44px}
}
.abba-cours-racines .entry-content .cr-form{background:var(--cobalt);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-cours-racines .entry-content .cr-form::before{content:"";position:absolute;right:-220px;top:-220px;width:780px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 62%);animation:cr-breathe 8s ease-in-out infinite}
@keyframes cr-breathe{0%,100%{transform:scale(.9);opacity:.6}50%{transform:scale(1.07);opacity:1}}
.abba-cours-racines .entry-content .cr-form .wrap{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:50px;align-items:start}
.abba-cours-racines .entry-content form.cr-f{background:#fff;color:var(--text);border-radius:30px;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;box-shadow:0 30px 70px rgba(6,16,28,.3)}
.abba-cours-racines .entry-content form.cr-f h2{grid-column:1/-1;margin:0;font:900 clamp(34px,4vw,62px)/1 var(--display);letter-spacing:-.035em;color:var(--ink)}
.abba-cours-racines .entry-content form.cr-f .intro{grid-column:1/-1;margin:0 0 6px;font-size:17px;line-height:1.6;color:var(--muted)}
.abba-cours-racines .entry-content form.cr-f label{display:flex;flex-direction:column;gap:8px;font:800 13px/1.25 var(--display);color:var(--ink)}
.abba-cours-racines .entry-content form.cr-f .full{grid-column:1/-1}
.abba-cours-racines .entry-content form.cr-f input,.abba-cours-racines .entry-content form.cr-f select,.abba-cours-racines .entry-content form.cr-f textarea{font:400 16px var(--body);color:var(--text);border:2px solid #C9CED6;border-radius:14px;padding:14px 16px;background:#fff;width:100%}
.abba-cours-racines .entry-content form.cr-f input:focus,.abba-cours-racines .entry-content form.cr-f select:focus,.abba-cours-racines .entry-content form.cr-f textarea:focus{outline:none;border-color:var(--cobalt);box-shadow:0 0 0 4px rgba(30,79,216,.18)}
.abba-cours-racines .entry-content form.cr-f button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer}
.abba-cours-racines .entry-content form.cr-f .note{grid-column:1/-1;margin:0;font-size:14px;color:var(--muted)}
.abba-cours-racines .entry-content .cr-side{display:flex;flex-direction:column;gap:30px}
.abba-cours-racines .entry-content .cr-wa{background:var(--ink);border-radius:26px;padding:32px;display:flex;flex-direction:column;gap:12px}
.abba-cours-racines .entry-content .cr-wa p{margin:0;color:var(--on-d);font-size:16px;line-height:1.55}
.abba-cours-racines .entry-content .cr-wa p.eyebrow{font-size:13px;line-height:1;color:var(--gold)}
.abba-cours-racines .entry-content .cr-wa p.tel{font:900 28px/1 var(--display);color:#fff}
.abba-cours-racines .entry-content .cr-col{position:relative;height:340px}
.abba-cours-racines .entry-content .cr-col .wp-block-image{position:absolute;margin:0;border-radius:20px;overflow:hidden;border:7px solid #fff;box-shadow:0 22px 50px rgba(6,16,28,.4);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.abba-cours-racines .entry-content .cr-col .wp-block-image img{width:100%;height:100%;object-fit:cover}
.abba-cours-racines .entry-content .cr-col figcaption{position:absolute;left:10px;bottom:10px;margin:0;background:rgba(6,16,28,.82);color:#fff;border-radius:999px;padding:7px 12px;font:700 12px/1 var(--display)}
.abba-cours-racines .entry-content .cr-col .c1{left:0;top:0;width:58%;height:300px;transform:rotate(-4deg);z-index:2}
.abba-cours-racines .entry-content .cr-col .c1 img{object-position:center 25%}
.abba-cours-racines .entry-content .cr-col .c2{right:0;top:50px;width:58%;height:260px;transform:rotate(5deg)}
.abba-cours-racines .entry-content .cr-col .c2 img{object-position:55% 40%}
.abba-cours-racines .entry-content .cr-col:hover .c1{transform:rotate(-7deg) translateX(-8px)}
.abba-cours-racines .entry-content .cr-col:hover .c2{transform:rotate(8deg) translateX(8px)}
@media (max-width:900px){
.abba-cours-racines .entry-content .cr-form .wrap{grid-template-columns:1fr}
}
@media (max-width:560px){
.abba-cours-racines .entry-content form.cr-f{grid-template-columns:1fr;padding:26px}
}
.abba-cours-racines .entry-content .cr-end{background:var(--ink);color:#fff;padding:130px 0 0;text-align:center;position:relative;overflow:hidden}
.abba-cours-racines .entry-content .cr-end h2{margin:0 auto 18px;max-width:1100px;font:900 clamp(42px,6.6vw,108px)/.94 var(--display);letter-spacing:-.045em;text-wrap:balance}
.abba-cours-racines .entry-content .cr-end h2 mark{background:none;color:var(--gold)}
.abba-cours-racines .entry-content .cr-end .wrap>p{margin:0 auto 34px;font-size:20px;color:var(--on-d)}
.abba-cours-racines .entry-content .cr-end .actions{justify-content:center}
.abba-cours-racines .entry-content .cr-end .roots.wp-block-spacer{height:clamp(110px,12vw,190px)!important;margin-top:70px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 200%22 preserveAspectRatio=%22none%22%3E%3Cpath pathLength=%221%22 d=%22M720 0 C 720 60, 640 90, 560 120 S 380 170, 260 200%22 stroke=%22%23EBA327%22 stroke-width=%227%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath pathLength=%221%22 d=%22M720 0 C 720 70, 800 100, 900 130 S 1100 160, 1240 200%22 stroke=%22%231E4FD8%22 stroke-width=%227%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath pathLength=%221%22 d=%22M720 0 C 718 80, 724 140, 716 200%22 stroke=%22%23fff%22 stroke-width=%226%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath pathLength=%221%22 d=%22M560 120 C 500 140, 470 170, 440 200%22 stroke=%22%230E7C66%22 stroke-width=%225%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath pathLength=%221%22 d=%22M900 130 C 960 150, 990 175, 1010 200%22 stroke=%22%23C23B22%22 stroke-width=%225%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3Cpath pathLength=%221%22 d=%22M640 90 C 560 80, 420 90, 120 150%22 stroke=%22%23fff%22 stroke-width=%223%22 fill=%22none%22 stroke-linecap=%22round%22 opacity=%22.5%22/%3E%3Cpath pathLength=%221%22 d=%22M800 100 C 900 85, 1100 90, 1380 140%22 stroke=%22%23fff%22 stroke-width=%223%22 fill=%22none%22 stroke-linecap=%22round%22 opacity=%22.5%22/%3E%3C/svg%3E")}
@supports (animation-timeline: view()){
.abba-cours-racines .entry-content .cr-end .roots.wp-block-spacer{animation:cr-reveal linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
}
@keyframes cr-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion: reduce){
.abba-cours-racines .entry-content .cr-intro h2 mark{background-size:100% 32%!important}
.abba-cours-racines .entry-content .cr-end .roots.wp-block-spacer{clip-path:none!important}
}

/* ===== Page : servir ===== */
/* servir : CSS de page, prefixe .abba-servir */
.abba-servir .entry-content .wp-block-button[class*="btn-"]{background:transparent}
.abba-servir .entry-content .wp-block-group>p.eyebrow{line-height:20px}
.abba-servir .entry-content .ey-gold{color:var(--gold)}
.abba-servir .entry-content .ey-goldink{color:var(--gold-ink)}
.abba-servir .entry-content .ey-verm{color:var(--vermilion)}
.abba-servir .entry-content .ey-cob{color:var(--cobalt)}
.abba-servir .entry-content .sv-hero{position:relative;background:var(--vermilion);color:#fff;overflow:hidden;padding:150px 0 120px}
.abba-servir .entry-content .sv-hero::before{content:"";position:absolute;right:-12vw;top:-18vw;width:60vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(235,163,39,.35),rgba(235,163,39,0) 62%);animation:sv-breathe 8s ease-in-out infinite}
@keyframes sv-breathe{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.08);opacity:1}}
.abba-servir .entry-content .sv-hero .wrap{position:relative}
.abba-servir .entry-content .sv-hero .pill{color:#fff;margin:0 0 26px}
.abba-servir .entry-content .sv-hero .pill::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.abba-servir .entry-content .sv-h1{margin:0;font:900 clamp(92px,21vw,340px)/.8 var(--display);letter-spacing:-.06em;text-transform:uppercase;white-space:nowrap;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-servir .entry-content .sv-h1 mark{background:none;color:var(--gold);display:inline-block;animation:rise 1s cubic-bezier(.2,.8,.2,1) .36s both}
.abba-servir .entry-content .sv-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:50px;align-items:start;margin-top:34px}
.abba-servir .entry-content .sv-sub{margin:0 0 20px;font:900 clamp(28px,3.2vw,50px)/1.02 var(--display);letter-spacing:-.03em}
.abba-servir .entry-content .sv-lead{margin:0 0 30px;max-width:520px;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:#FFE9E4}
.abba-servir .entry-content .sv-collage{position:relative;height:clamp(420px,44vw,640px);margin-top:-3vw}
.abba-servir .entry-content .sv-pol.wp-block-image{position:absolute;margin:0;background:#fff;padding:12px 12px 48px;border-radius:8px;box-shadow:0 24px 60px rgba(6,16,28,.38);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.abba-servir .entry-content .sv-pol img{width:100%;height:auto;object-fit:cover;border-radius:4px;animation:sv-kb 18s ease-in-out infinite alternate}
@keyframes sv-kb{from{object-view-box:inset(1% 1% 1% 1%)}to{object-view-box:inset(6% 4% 4% 7%)}}
.abba-servir .entry-content .sv-pol figcaption{position:absolute;left:16px;right:16px;bottom:15px;margin:0;text-align:left;font:800 14px/1 var(--display);letter-spacing:.04em;color:var(--ink)}
.abba-servir .entry-content .sv-pol:hover{transform:rotate(0) scale(1.04)!important;z-index:5}
.abba-servir .entry-content .sv-p1{left:2%;top:10%;width:36%;transform:rotate(-6deg);z-index:2}
.abba-servir .entry-content .sv-p1 img{aspect-ratio:3/4;object-position:center 25%}
.abba-servir .entry-content .sv-p2{right:0;top:0;width:56%;transform:rotate(4deg);z-index:1}
.abba-servir .entry-content .sv-p2 img{aspect-ratio:4/3;object-position:center 40%;animation-delay:-6s}
.abba-servir .entry-content .sv-p3{right:12%;bottom:0;width:50%;transform:rotate(-2.5deg);z-index:3}
.abba-servir .entry-content .sv-p3 img{aspect-ratio:16/10;object-position:45% 35%;animation-delay:-11s}
.abba-servir .entry-content .sv-stick{position:absolute;left:0;bottom:4%;z-index:4;width:150px;height:150px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;font:900 16px/1.1 var(--display);text-transform:uppercase;box-shadow:0 16px 36px rgba(6,16,28,.35);animation:sv-wob 5s ease-in-out infinite}
@keyframes sv-wob{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(-3deg) scale(1.06)}}
@media (max-width:900px){
.abba-servir .entry-content .sv-hero{padding:130px 0 80px}
.abba-servir .entry-content .sv-grid{grid-template-columns:1fr}
.abba-servir .entry-content .sv-collage{margin-top:10px;height:440px}
.abba-servir .entry-content .sv-p1{width:44%;top:4%}
.abba-servir .entry-content .sv-p2{width:60%}
.abba-servir .entry-content .sv-p3{width:66%;right:4%}
.abba-servir .entry-content .sv-stick{width:112px;height:112px;font-size:12px;bottom:auto;top:56%}
}
.abba-servir .entry-content .sv-mq{background:var(--paper-2);padding:34px 0;overflow:hidden;white-space:nowrap;border-bottom:2px solid var(--ink)}
.abba-servir .entry-content .sv-mq .tr{display:flex;width:max-content;gap:44px;font:900 clamp(40px,6vw,92px)/1.05 var(--display);text-transform:uppercase;letter-spacing:-.02em;animation:mq 38s linear infinite}
.abba-servir .entry-content .sv-mq .tr p{font:inherit}
.abba-servir .entry-content .sv-mq .tr.rev{animation-direction:reverse;animation-duration:44s}
.abba-servir .entry-content .sv-mq .tr p:nth-child(4n+1){color:var(--vermilion)}
.abba-servir .entry-content .sv-mq .tr p:nth-child(4n+3){color:var(--ink)}
.abba-servir .entry-content .sv-mq .tr.rev p:nth-child(4n+1){color:transparent;-webkit-text-stroke:2px var(--cobalt)}
.abba-servir .entry-content .sv-mq .tr.rev p:nth-child(4n+3){color:var(--emerald)}
.abba-servir .entry-content .sv-mq .tr .sep{color:var(--gold)!important;-webkit-text-stroke:0!important;font-size:.5em;align-self:center}
.abba-servir .entry-content .sv-why{padding:150px 0 130px}
.abba-servir .entry-content .sv-ink{margin:24px 0 0;font:900 clamp(36px,5.8vw,92px)/1.03 var(--display);letter-spacing:-.035em;text-wrap:balance;color:var(--text)}
.abba-servir .entry-content .sv-why .wrap>p.sv-ink{margin-top:24px}
.abba-servir .entry-content .sv-ink mark{background:var(--gold);color:var(--ink);padding:0 .14em;border-radius:10px}
@supports (animation-timeline: view()){
.abba-servir .entry-content .sv-ink{background:linear-gradient(90deg,var(--text) 50%,#C9CED6 50%) 100% 0/200% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ink linear both;animation-timeline:view();animation-range:entry 10% cover 55%}
.abba-servir .entry-content .sv-ink mark{-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}
}
.abba-servir .entry-content .sv-vis{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:70px;margin-top:90px;padding-top:50px;border-top:2px solid var(--ink)}
.abba-servir .entry-content .sv-vis h2{margin:14px 0 0;font:900 clamp(32px,3.6vw,56px)/1.02 var(--display);letter-spacing:-.03em}
.abba-servir .entry-content .sv-vis h2 em{font-style:normal;color:var(--vermilion)}
.abba-servir .entry-content .sv-vis p{margin:0 0 18px;font-size:18px;line-height:1.7;color:var(--muted)}
.abba-servir .entry-content .sv-vis p.eyebrow{margin:0;font-size:13px;line-height:20px;color:var(--gold-ink)}
.abba-servir .entry-content .sv-vis p.em{color:var(--ink);font-weight:700;font-size:19px}
@media (max-width:900px){
.abba-servir .entry-content .sv-vis{grid-template-columns:1fr;gap:26px;margin-top:60px}
}
.abba-servir .entry-content .sv-who h2 mark{color:inherit;background:linear-gradient(var(--gold),var(--gold)) 0 94%/100% .2em no-repeat;padding-bottom:.04em}
@supports (animation-timeline: view()){
.abba-servir .entry-content .sv-who h2 mark{animation:sv-line linear both;animation-timeline:view();animation-range:entry 30% cover 45%}
}
@keyframes sv-line{from{background-size:0% .2em}to{background-size:100% .2em}}
.abba-servir .entry-content .sv-who{background:var(--paper-2);padding:140px 0}
.abba-servir .entry-content .sv-who .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start}
.abba-servir .entry-content .sv-who h2{margin:16px 0 22px;font:900 clamp(36px,4.6vw,72px)/1 var(--display);letter-spacing:-.035em}
.abba-servir .entry-content .sv-who .intro>p:not(.eyebrow){margin:0;font-size:18px;line-height:1.65;color:var(--muted);max-width:480px}
.abba-servir .entry-content .sv-who .intro{position:sticky;top:40px}
.abba-servir .entry-content .sv-steps .step{display:grid;grid-template-columns:clamp(90px,11vw,170px) minmax(0,1fr);gap:28px;align-items:center;padding:34px 0;border-top:2px solid var(--ink)}
.abba-servir .entry-content .sv-steps .step:last-child{border-bottom:2px solid var(--ink)}
.abba-servir .entry-content .sv-steps .n{font:900 clamp(90px,11vw,170px)/.8 var(--display);letter-spacing:-.06em;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.abba-servir .entry-content .sv-steps .step:hover .n{transform:translateX(10px) rotate(-4deg)}
.abba-servir .entry-content .sv-steps .step:nth-child(1) .n{color:var(--vermilion)}
.abba-servir .entry-content .sv-steps .step:nth-child(2) .n{color:var(--cobalt)}
.abba-servir .entry-content .sv-steps .step:nth-child(3) .n{color:var(--emerald)}
.abba-servir .entry-content .sv-steps h3{margin:0 0 8px;font:900 clamp(22px,2vw,30px)/1.1 var(--display)}
.abba-servir .entry-content .sv-steps .step p:not(.n){margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
@media (max-width:900px){
.abba-servir .entry-content .sv-who .wrap{grid-template-columns:1fr;gap:40px}
.abba-servir .entry-content .sv-who .intro{position:static}
}
@media (max-width:480px){
.abba-servir .entry-content .sv-steps .step{grid-template-columns:72px minmax(0,1fr);gap:18px}
.abba-servir .entry-content .sv-steps .n{font-size:80px}
}
.abba-servir .entry-content .sv-dom{position:relative;background:var(--ink);color:#fff;padding:140px 0;overflow:hidden}
.abba-servir .entry-content .sv-dom::before{content:"";position:absolute;right:-70px;top:-50px;width:min(40vw,460px);aspect-ratio:1;opacity:.9;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 480 480%22%3E%3Cstyle%3Epolygon%7Banimation:g 6s ease-in-out infinite%7Dpolygon:nth-child(2n)%7Banimation-delay:-2s%7Dpolygon:nth-child(3n)%7Banimation-delay:-4s%7D%40keyframes g%7B0%25,100%25%7Bopacity:.18%7D50%25%7Bopacity:.6%7D%7D%3C/style%3E%3Cpolygon points=%22240,0 330,90 240,180 150,90%22 fill=%22%23C23B22%22/%3E%3Cpolygon points=%22330,90 420,180 330,270 240,180%22 fill=%22%23EBA327%22/%3E%3Cpolygon points=%22150,90 240,180 150,270 60,180%22 fill=%22%231E4FD8%22/%3E%3Cpolygon points=%22240,180 330,270 240,360 150,270%22 fill=%22%230E7C66%22/%3E%3Cpolygon points=%22420,180 510,270 420,360 330,270%22 fill=%22%23C23B22%22/%3E%3Cpolygon points=%22330,270 420,360 330,450 240,360%22 fill=%22%231E4FD8%22/%3E%3C/svg%3E") center/contain no-repeat}
.abba-servir .entry-content .sv-dom .head{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:50px;align-items:end;margin-bottom:56px}
.abba-servir .entry-content .sv-dom h2{margin:16px 0 0;font:900 clamp(38px,5.4vw,86px)/.98 var(--display);letter-spacing:-.035em}
.abba-servir .entry-content .sv-dom .head p:not(.eyebrow){margin:18px 0 0;font-size:17px;line-height:1.65;color:var(--on-d)}
.abba-servir .entry-content .sv-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.abba-servir .entry-content .sv-flip{perspective:1400px}
.abba-servir .entry-content .sv-flip .in{position:relative;display:flex;flex-direction:column;border-radius:28px;overflow:hidden}
.abba-servir .entry-content .sv-face{border-radius:0;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.abba-servir .entry-content .sv-face .k{font:800 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.abba-servir .entry-content .sv-face h3{margin:0;font:900 clamp(34px,3.4vw,54px)/.95 var(--display);letter-spacing:-.035em}
.abba-servir .entry-content .sv-back{background:#fff;color:var(--text)}
.abba-servir .entry-content .sv-back p{margin:0;font-size:17px;line-height:1.6}
.abba-servir .entry-content .sv-back p.bk{font:800 13px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--vermilion)}
.abba-servir .entry-content .sv-face a{color:inherit;text-decoration:none}
.abba-servir .entry-content .sv-face a::after{content:"";position:absolute;inset:0;z-index:3}
.abba-servir .entry-content .sv-face{position:relative}
.abba-servir .entry-content .f1 .sv-front{background:var(--vermilion)}
.abba-servir .entry-content .f2 .sv-front{background:var(--cobalt)}
.abba-servir .entry-content .f3 .sv-front{background:var(--emerald)}
.abba-servir .entry-content .f4 .sv-front{background:var(--gold);color:var(--ink)}
.abba-servir .entry-content .f5 .sv-front{background:#fff;color:var(--ink)}
.abba-servir .entry-content .f6 .sv-front{background:var(--ink-2);border:1px solid var(--line-d)}
.abba-servir .entry-content .sv-hint{display:none}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.abba-servir .entry-content .sv-flip{height:300px}
.abba-servir .entry-content .sv-flip .in{height:100%;overflow:visible;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.abba-servir .entry-content .sv-flip:hover .in,.abba-servir .entry-content .sv-flip:focus-within .in{transform:rotateY(180deg)}
.abba-servir .entry-content .sv-face{position:absolute;inset:0;border-radius:28px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.abba-servir .entry-content .sv-back{transform:rotateY(180deg);justify-content:center}
.abba-servir .entry-content .sv-hint{display:inline-flex;align-items:center;gap:8px;font:800 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;opacity:.8}
}
@media (max-width:900px){
.abba-servir .entry-content .sv-dom .head{grid-template-columns:1fr;gap:20px}
.abba-servir .entry-content .sv-cards{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
.abba-servir .entry-content .sv-cards{grid-template-columns:1fr}
}
.abba-servir .entry-content .sv-form{position:relative;background:var(--vermilion);color:#fff;padding:140px 0;overflow:hidden}
.abba-servir .entry-content .sv-form::before{content:"";position:absolute;left:-15vw;bottom:-25vw;width:70vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(235,163,39,.32),rgba(235,163,39,0) 62%);animation:sv-breathe 9s ease-in-out infinite}
.abba-servir .entry-content .sv-form .wrap{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:60px;align-items:start}
.abba-servir .entry-content .sv-form h2{margin:16px 0 18px;font:900 clamp(38px,5vw,80px)/.98 var(--display);letter-spacing:-.035em}
.abba-servir .entry-content .sv-form .intro>p:not(.eyebrow){margin:0;font-size:18px;line-height:1.6;color:#FFE9E4}
.abba-servir .entry-content form.sv-f{background:#fff;color:var(--text);border-radius:30px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;box-shadow:0 30px 70px rgba(6,16,28,.3)}
.abba-servir .entry-content form.sv-f label{display:flex;flex-direction:column;gap:8px;font:800 13px/1.2 var(--display);color:var(--ink)}
.abba-servir .entry-content form.sv-f .full{grid-column:1/-1}
.abba-servir .entry-content form.sv-f input,.abba-servir .entry-content form.sv-f select,.abba-servir .entry-content form.sv-f textarea{font:400 16px var(--body);color:var(--text);border:2px solid #C9CED6;border-radius:14px;padding:14px 16px;background:#fff;width:100%}
.abba-servir .entry-content form.sv-f input:focus,.abba-servir .entry-content form.sv-f select:focus,.abba-servir .entry-content form.sv-f textarea:focus{outline:none;border-color:var(--vermilion);box-shadow:0 0 0 4px rgba(194,59,34,.18)}
.abba-servir .entry-content form.sv-f button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer}
.abba-servir .entry-content form.sv-f .note{grid-column:1/-1;margin:0;font-size:14px;color:var(--muted)}
@media (max-width:900px){
.abba-servir .entry-content .sv-form .wrap{grid-template-columns:1fr}
}
@media (max-width:560px){
.abba-servir .entry-content form.sv-f{grid-template-columns:1fr;padding:26px}
}
.abba-servir .entry-content .sv-wa{background:var(--emerald);color:#fff;padding:110px 0}
.abba-servir .entry-content .sv-wa .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:50px;align-items:center}
.abba-servir .entry-content .sv-wa h2{margin:14px 0 16px;font:900 clamp(32px,3.8vw,58px)/1.02 var(--display);letter-spacing:-.03em}
.abba-servir .entry-content .sv-wa p:not(.eyebrow):not(.num){margin:0;font-size:18px;line-height:1.6;color:#DDF3EC;max-width:560px}
.abba-servir .entry-content .sv-wa .num a{display:block;font:900 clamp(38px,4.8vw,76px)/1 var(--display);letter-spacing:-.03em;color:#fff;text-decoration:none;margin-bottom:22px;white-space:nowrap}
.abba-servir .entry-content .sv-wa .num a:hover{color:var(--gold)}
@media (max-width:900px){
.abba-servir .entry-content .sv-wa .wrap{grid-template-columns:1fr}
.abba-servir .entry-content .sv-wa .num a{white-space:normal}
}
.abba-servir .entry-content .sv-end{position:relative;padding:150px 0 140px;text-align:center;overflow:hidden}
.abba-servir .entry-content .sv-end::before,.abba-servir .entry-content .sv-end::after{content:"";position:absolute;width:120px;aspect-ratio:1;opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpolygon points=%2250,0 100,50 50,100 0,50%22 fill=%22%23C23B22%22/%3E%3Cpolygon points=%2250,22 78,50 50,78 22,50%22 fill=%22%23EBA327%22/%3E%3C/svg%3E") center/contain no-repeat;animation:sv-float 7s ease-in-out infinite}
.abba-servir .entry-content .sv-end::before{left:5%;top:16%}
.abba-servir .entry-content .sv-end::after{right:6%;bottom:14%;width:150px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpolygon points=%2250,0 100,50 50,100 0,50%22 fill=%22%231E4FD8%22/%3E%3Cpolygon points=%2250,22 78,50 50,78 22,50%22 fill=%22%230E7C66%22/%3E%3C/svg%3E");animation-delay:-3s}
.abba-servir .entry-content .sv-end .wrap{position:relative}
.abba-servir .entry-content .sv-end p.big{margin:0 auto 14px;font:900 clamp(56px,10vw,170px)/.9 var(--display);letter-spacing:-.05em}
.abba-servir .entry-content .sv-end p.big mark{background:none;color:var(--vermilion)}
.abba-servir .entry-content .sv-end p.small{display:block;margin:0 auto 36px;max-width:620px;font-size:20px;line-height:1.55;color:var(--muted)}
.abba-servir .entry-content .sv-end .wp-block-buttons{justify-content:center}
@keyframes sv-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(8deg)}}
@media (max-width:700px){
.abba-servir .entry-content .sv-end::before{width:70px}
.abba-servir .entry-content .sv-end::after{width:84px}
}
@media (prefers-reduced-motion: reduce){
.abba-servir .entry-content .sv-ink{color:var(--text)!important;background:none!important}
}

/* ===== Page : evenements ===== */
/* evenements : CSS de page, prefixe .abba-evenements */
.abba-evenements .entry-content .wp-block-button[class*="btn-"]{background:transparent}
.abba-evenements .entry-content .wp-block-group>p.eyebrow{line-height:20px}
.abba-evenements .entry-content .ey-gold{color:var(--gold)}
.abba-evenements .entry-content .ey-goldink{color:var(--gold-ink)}
.abba-evenements .entry-content .ey-verm{color:var(--vermilion)}
.abba-evenements .entry-content .ey-cob{color:var(--cobalt)}
.abba-evenements .entry-content .ev-hero{position:relative;background:var(--vermilion);color:#fff;overflow:hidden}
.abba-evenements .entry-content .ev-hero::before{content:"";position:absolute;inset:0 0 auto;height:200px;background:linear-gradient(180deg,rgba(6,16,28,.45),rgba(6,16,28,0));pointer-events:none}
.abba-evenements .entry-content .ev-hin{position:relative;width:var(--wrap);margin:0 auto;padding:160px 0 110px;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:60px;align-items:center;min-height:min(900px,100svh)}
.abba-evenements .entry-content .ev-copy{display:flex;flex-direction:column;gap:26px}
.abba-evenements .entry-content .ev-copy .pill{align-self:flex-start;background:rgba(6,16,28,.35);margin:1em 0}
.abba-evenements .entry-content .ev-copy .pill::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.abba-evenements .entry-content .ev-copy h1{margin:0;font:900 clamp(40px,6.6vw,120px)/.86 var(--display);letter-spacing:-.05em;text-transform:uppercase;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-evenements .entry-content .ev-copy h1 strong{display:block;font-weight:900;font-size:.46em;letter-spacing:-.02em;text-transform:none;margin-top:.25em;animation:rise 1s cubic-bezier(.2,.8,.2,1) .12s both}
.abba-evenements .entry-content .ev-copy h1 strong em{font-style:normal;background:var(--ink);padding:0 .14em;border-radius:10px}
.abba-evenements .entry-content .ev-copy .lead{margin:0;max-width:560px;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:#FFE9E4}
.abba-evenements .entry-content .ev-rose{position:relative;aspect-ratio:1;max-width:560px;width:100%;justify-self:center}
.abba-evenements .entry-content .ev-rose::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cg transform=%22translate(100 100)%22%3E %3Cpath d=%22M0-100 A100 100 0 0 1 70.7-70.7 L56.6-56.6 A80 80 0 0 0 0-80Z%22 fill=%22%231E4FD8%22/%3E %3Cpath d=%22M70.7-70.7 A100 100 0 0 1 100 0 L80 0 A80 80 0 0 0 56.6-56.6Z%22 fill=%22%23EBA327%22/%3E %3Cpath d=%22M100 0 A100 100 0 0 1 70.7 70.7 L56.6 56.6 A80 80 0 0 0 80 0Z%22 fill=%22%230E7C66%22/%3E %3Cpath d=%22M70.7 70.7 A100 100 0 0 1 0 100 L0 80 A80 80 0 0 0 56.6 56.6Z%22 fill=%22%2306101C%22/%3E %3Cpath d=%22M0 100 A100 100 0 0 1 -70.7 70.7 L-56.6 56.6 A80 80 0 0 0 0 80Z%22 fill=%22%231E4FD8%22/%3E %3Cpath d=%22M-70.7 70.7 A100 100 0 0 1 -100 0 L-80 0 A80 80 0 0 0 -56.6 56.6Z%22 fill=%22%23EBA327%22/%3E %3Cpath d=%22M-100 0 A100 100 0 0 1 -70.7 -70.7 L-56.6 -56.6 A80 80 0 0 0 -80 0Z%22 fill=%22%230E7C66%22/%3E %3Cpath d=%22M-70.7 -70.7 A100 100 0 0 1 0 -100 L0 -80 A80 80 0 0 0 -56.6 -56.6Z%22 fill=%22%2306101C%22/%3E %3Ccircle r=%2290%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.5%22 stroke-dasharray=%223 5%22 opacity=%22.7%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;animation:ev-spin 80s linear infinite}
@keyframes ev-spin{to{transform:rotate(360deg)}}
.abba-evenements .entry-content .ev-disc.wp-block-image{position:absolute;inset:13%;margin:0;border-radius:50%;overflow:hidden;border:8px solid var(--ink);box-shadow:0 30px 70px rgba(6,16,28,.45)}
.abba-evenements .entry-content .ev-disc img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 40%;animation:kb 20s ease-in-out infinite alternate}
.abba-evenements .entry-content .ev-badge{position:absolute;right:-6px;bottom:6%;z-index:3;background:#fff;color:var(--ink);border-radius:20px;padding:16px 20px;box-shadow:0 18px 40px rgba(6,16,28,.35);transform:rotate(-6deg);animation:ev-wob 6s ease-in-out infinite;max-width:250px}
.abba-evenements .entry-content .ev-badge .sm{display:block;font:800 11px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--vermilion);margin-bottom:8px}
.abba-evenements .entry-content .ev-badge .ev-badge-t{display:block;font:900 22px/1.1 var(--display)}
.abba-evenements .entry-content .ev-badge .ev-badge-c{display:block;margin-top:6px;font:700 14px/1.3 var(--display);color:var(--muted)}
@keyframes ev-wob{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(-2deg) translateY(-6px)}}
@media (max-width:980px){
.abba-evenements .entry-content .ev-copy h1{font-size:clamp(40px,12vw,110px)}
.abba-evenements .entry-content .ev-hin{grid-template-columns:minmax(0,1fr);padding:130px 0 80px;min-height:0;gap:50px}
.abba-evenements .entry-content .ev-rose{max-width:420px}
}
@media (max-width:480px){
.abba-evenements .entry-content .ev-badge{right:0;padding:12px 14px}
.abba-evenements .entry-content .ev-badge .ev-badge-t{font-size:18px}
}
.abba-evenements .entry-content .ev-say{padding:140px 0 120px}
.abba-evenements .entry-content .ev-say p.say{margin:0;font:900 clamp(38px,6vw,96px)/1.02 var(--display);letter-spacing:-.035em;text-wrap:balance;color:var(--text)}
.abba-evenements .entry-content .ev-say p.say mark{background:var(--vermilion);color:#fff;padding:0 .14em;border-radius:12px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.abba-evenements .entry-content .ev-say p.say strong{font-weight:inherit;white-space:nowrap}
@supports (animation-timeline: view()){
.abba-evenements .entry-content .ev-say p.say{background:linear-gradient(90deg,var(--text) 50%,#C9CED6 50%) 100% 0/200% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ev-ink linear both;animation-timeline:view();animation-range:entry 10% cover 55%}
.abba-evenements .entry-content .ev-say p.say mark{-webkit-background-clip:border-box;background-clip:border-box;color:#fff}
}
@keyframes ev-ink{to{background-position:0 0}}
.abba-evenements .entry-content .ev-say p.small{display:block;margin-top:26px;font:800 14px/1.4 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--vermilion)}
@media (prefers-reduced-motion: reduce){
.abba-evenements .entry-content .ev-say p.say{background:none!important;color:var(--text)!important}
}
.abba-evenements .entry-content .ev-cal{background:var(--ink);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-evenements .entry-content .ev-cal::before{content:"";position:absolute;right:-50px;top:-50px;width:240px;aspect-ratio:1;opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 240%22%3E%3Cstyle%3Epolygon%7Banimation:g 6s ease-in-out infinite%7Dpolygon:nth-child(2)%7Banimation-delay:-2s%7Dpolygon:nth-child(3)%7Banimation-delay:-4s%7D%40keyframes g%7B0%25,100%25%7Bopacity:.25%7D50%25%7Bopacity:.75%7D%7D%3C/style%3E%3Cpolygon points=%22120,10 175,65 120,120 65,65%22 fill=%22%23C23B22%22/%3E%3Cpolygon points=%22175,65 230,120 175,175 120,120%22 fill=%22%23EBA327%22/%3E%3Cpolygon points=%2265,65 120,120 65,175 10,120%22 fill=%22%231E4FD8%22/%3E%3C/svg%3E") center/contain no-repeat}
.abba-evenements .entry-content .ev-cal .wrap{position:relative}
.abba-evenements .entry-content .ev-cal .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:50px}
.abba-evenements .entry-content .ev-cal h2{margin:14px 0 0;font:900 clamp(40px,5.6vw,90px)/.95 var(--display);letter-spacing:-.04em}
.abba-evenements .entry-content .ev-cal .head>p.now{margin:15px 0;font:700 15px/1.5 var(--display);color:var(--on-d);max-width:360px}
.abba-evenements .entry-content .ev-cal .now b{color:#fff}
.abba-evenements .entry-content .ev-week{display:grid;grid-template-columns:.55fr .55fr 2.3fr .55fr 1.7fr .55fr 2.3fr;gap:12px;align-items:stretch}
.abba-evenements .entry-content .ev-day{display:flex;flex-direction:column;gap:12px;min-width:0}
.abba-evenements .entry-content .ev-day>p.dn{font:900 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#7D8798;padding:0 4px 10px;border-bottom:2px solid var(--line-d)}
.abba-evenements .entry-content .ev-day.is-today>p.dn{color:var(--gold);border-color:var(--gold)}
.abba-evenements .entry-content .ev-day.off{border-radius:20px;background:repeating-linear-gradient(135deg,#0B1726 0 10px,#0E1B2C 10px 20px)}
.abba-evenements .entry-content .ev-day.off>p.dn{border:0;padding:16px 0 0;text-align:center}
.abba-evenements .entry-content .ev-ev{position:relative;flex:1;border-radius:26px;padding:28px;display:flex;flex-direction:column;gap:10px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.abba-evenements .entry-content .ev-ev:hover{transform:translateY(-8px) rotate(-.8deg)}
.abba-evenements .entry-content .ev-ev p.h{font:900 clamp(56px,5.4vw,96px)/.85 var(--display);letter-spacing:-.05em}
.abba-evenements .entry-content .ev-ev h3{margin:6px 0 0;font:900 24px/1.1 var(--display)}
.abba-evenements .entry-content .ev-ev>p:not(.h):not(.ev-next):not(.lnk){margin:0;font-size:15px;line-height:1.5;opacity:.94}
.abba-evenements .entry-content .ev-ev p.lnk{margin-top:auto;padding-top:8px;align-self:flex-start}
.abba-evenements .entry-content .ev-ev p.lnk a{display:block;font:800 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:4px}
.abba-evenements .entry-content .ev-ev.c-em{background:var(--emerald)}
.abba-evenements .entry-content .ev-ev.c-co{background:var(--cobalt)}
.abba-evenements .entry-content .ev-ev.c-wh{background:#fff;color:var(--ink)}
.abba-evenements .entry-content .ev-ev.c-ve{background:var(--vermilion)}
.abba-evenements .entry-content .ev-ev.c-wh p.lnk a{color:var(--cobalt)}
.abba-evenements .entry-content .ev-ev.is-next{box-shadow:0 0 0 4px var(--gold),0 24px 60px rgba(235,163,39,.25)}
.abba-evenements .entry-content .ev-ev p.ev-next{display:none;position:absolute;top:-16px;right:14px;z-index:2;background:var(--gold);color:var(--ink);border-radius:999px;padding:9px 14px;font:900 12px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;transform:rotate(4deg);box-shadow:0 10px 24px rgba(0,0,0,.35);animation:ev-bob 3s ease-in-out infinite;white-space:nowrap}
.abba-evenements .entry-content .ev-ev.is-next p.ev-next{display:block}
@keyframes ev-bob{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(1deg) translateY(-5px)}}
@media (max-width:1100px){
.abba-evenements .entry-content .ev-week{grid-template-columns:repeat(2,minmax(0,1fr))}
.abba-evenements .entry-content .ev-day.off{display:none}
}
@media (max-width:600px){
.abba-evenements .entry-content .ev-week{grid-template-columns:minmax(0,1fr);gap:26px}
}
.abba-evenements .entry-content .ev-month{margin:22px 0 0;padding:18px 26px;border-radius:20px;border:1px dashed rgba(235,163,39,.6);font-size:17px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.abba-evenements .entry-content .ev-cal .wrap>p.ev-month{margin-top:22px}
.abba-evenements .entry-content .ev-month strong{font:800 13px/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.abba-evenements .entry-content .ev-mq{background:var(--paper);padding:60px 0;overflow:hidden}
.abba-evenements .entry-content .ev-mq .band{transform:rotate(-2.5deg);background:var(--paper-2);border-block:3px solid var(--ink);white-space:nowrap;overflow:hidden;padding:24px 0;margin:0 -4%}
.abba-evenements .entry-content .ev-mq .track{display:inline-flex;gap:44px;animation:mq 40s linear infinite;font:900 clamp(40px,6vw,92px)/1 var(--display);text-transform:uppercase;letter-spacing:-.02em}
.abba-evenements .entry-content .ev-mq .track p{font:inherit}
.abba-evenements .entry-content .ev-mq .track p:nth-child(8n+1){color:var(--vermilion)}
.abba-evenements .entry-content .ev-mq .track p:nth-child(8n+3){color:var(--cobalt)}
.abba-evenements .entry-content .ev-mq .track p:nth-child(8n+5){color:var(--emerald)}
.abba-evenements .entry-content .ev-mq .track p:nth-child(8n+7){color:var(--ink)}
.abba-evenements .entry-content .ev-mq .track p.sep{color:var(--gold-ink);font-size:.5em;align-self:center}
.abba-evenements .entry-content .ev-tf{background:var(--vermilion);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-evenements .entry-content .ev-tf .top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:50px;align-items:end;margin-bottom:40px}
.abba-evenements .entry-content .ev-tf h2{margin:14px 0 0;font:900 clamp(40px,5.6vw,90px)/.95 var(--display);letter-spacing:-.04em}
.abba-evenements .entry-content .ev-tf .top>p{margin:0;font-size:18px;line-height:1.6;color:#FFE9E4}
.abba-evenements .entry-content .ev-tf .wrap>ul.ev-cats{list-style:none;margin:0 0 50px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.abba-evenements .entry-content .ev-cats li{border:2px solid rgba(255,255,255,.75);border-radius:999px;padding:10px 16px;font:800 13px/1 var(--display);letter-spacing:.06em}
.abba-evenements .entry-content .ev-cats li:first-child{background:#fff;color:var(--vermilion);border-color:#fff}
.abba-evenements .entry-content .ev-tix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.abba-evenements .entry-content .ev-tk{position:relative;display:grid;grid-template-columns:96px 1fr;background:#fff;color:var(--text);border-radius:24px;overflow:hidden;box-shadow:0 26px 50px rgba(6,16,28,.28);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.abba-evenements .entry-content .ev-tk:nth-child(1){transform:rotate(-1.5deg)}
.abba-evenements .entry-content .ev-tk:nth-child(2){transform:rotate(1deg) translateY(16px)}
.abba-evenements .entry-content .ev-tk:nth-child(3){transform:rotate(-.6deg)}
.abba-evenements .entry-content .ev-tk:hover{transform:rotate(0) translateY(-10px)}
.abba-evenements .entry-content .ev-tk .stub{background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-right:3px dashed #fff;padding:18px 6px;text-align:center}
.abba-evenements .entry-content .ev-tk .stub p.lbl{font:900 13px/1.25 var(--display);writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.12em;text-transform:uppercase}
.abba-evenements .entry-content .ev-tk:nth-child(1) .stub{background:var(--cobalt)}
.abba-evenements .entry-content .ev-tk:nth-child(2) .stub{background:var(--emerald)}
.abba-evenements .entry-content .ev-tk .bd{padding:28px 26px;display:flex;flex-direction:column;gap:10px}
.abba-evenements .entry-content .ev-tk .bd p.k{align-self:flex-start;background:var(--paper-2);color:var(--vermilion);border-radius:999px;padding:8px 12px;font:800 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
.abba-evenements .entry-content .ev-tk h3{margin:4px 0 0;font:900 21px/1.2 var(--display);color:var(--ink)}
.abba-evenements .entry-content .ev-tk .bd>p:not(.k):not(.lnk){margin:0;font:700 14px/1.5 var(--display);color:var(--muted)}
.abba-evenements .entry-content .ev-tk .bd>p.lnk{margin-top:10px;align-self:flex-start}
.abba-evenements .entry-content .ev-tk p.lnk a{display:block;font:800 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--vermilion);text-decoration:none;border-bottom:2px solid var(--vermilion);padding-bottom:4px}
.abba-evenements .entry-content .ev-tk::before,.abba-evenements .entry-content .ev-tk::after{content:"";position:absolute;left:84px;width:24px;height:24px;border-radius:50%;background:var(--vermilion);z-index:2}
.abba-evenements .entry-content .ev-tk::before{top:-12px}
.abba-evenements .entry-content .ev-tk::after{bottom:-12px}
@media (max-width:1000px){
.abba-evenements .entry-content .ev-tix{grid-template-columns:minmax(0,1fr);max-width:560px}
.abba-evenements .entry-content .ev-tf .top{grid-template-columns:minmax(0,1fr);gap:20px}
.abba-evenements .entry-content .ev-tk:nth-child(2){transform:rotate(1deg)}
}
.abba-evenements .entry-content .ev-come{padding:150px 0 140px}
.abba-evenements .entry-content .ev-come .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:80px;align-items:center}
.abba-evenements .entry-content .ev-come h2{margin:14px 0 22px;font:900 clamp(40px,5.6vw,92px)/.95 var(--display);letter-spacing:-.04em}
.abba-evenements .entry-content .ev-come h2 em{font-style:normal;color:var(--vermilion)}
.abba-evenements .entry-content .ev-come .rv:not(.ev-clg)>p:not(.eyebrow){margin:0 0 30px;font-size:19px;line-height:1.65;color:var(--muted);max-width:520px}
.abba-evenements .entry-content .ev-clg{position:relative;height:540px}
.abba-evenements .entry-content .ev-ph.wp-block-image{position:absolute;margin:0;background:#fff;padding:10px 10px 46px;border-radius:10px;box-shadow:0 26px 54px rgba(6,16,28,.22);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.abba-evenements .entry-content .ev-ph img{width:100%;height:100%;object-fit:cover;border-radius:4px;object-view-box:inset(0);transition:object-view-box .8s cubic-bezier(.2,.8,.2,1)}
.abba-evenements .entry-content .ev-ph:hover{transform:rotate(0) scale(1.03);z-index:4}
.abba-evenements .entry-content .ev-ph:hover img{object-view-box:inset(3%)}
.abba-evenements .entry-content .ev-ph figcaption{position:absolute;left:14px;bottom:14px;margin:0;font:800 15px/1 var(--display);color:var(--ink)}
.abba-evenements .entry-content .ev-ph.a{left:0;top:0;width:72%;height:330px;transform:rotate(-4deg)}
.abba-evenements .entry-content .ev-ph.b{right:0;top:220px;width:64%;height:300px;transform:rotate(3deg);z-index:2}
.abba-evenements .entry-content .ev-ph.a img{object-position:45% 35%}
.abba-evenements .entry-content .ev-come p.stk{position:absolute;left:4%;bottom:10px;z-index:3;background:var(--emerald);color:#fff;border-radius:999px;padding:14px 20px;font:900 14px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 30px rgba(6,16,28,.3);animation:ev-wob 5s ease-in-out infinite}
@media (max-width:900px){
.abba-evenements .entry-content .ev-come .wrap{grid-template-columns:minmax(0,1fr);gap:60px}
.abba-evenements .entry-content .ev-clg{height:470px;max-width:560px}
.abba-evenements .entry-content .ev-ph.a{height:260px;width:80%}
.abba-evenements .entry-content .ev-ph.b{top:190px;height:250px;width:70%}
}
.abba-evenements .entry-content .ev-end{background:var(--ink);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-evenements .entry-content .ev-end::before{content:"";position:absolute;right:-200px;top:50%;width:900px;aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(194,59,34,.55),rgba(194,59,34,0) 62%);animation:ev-breathe 8s ease-in-out infinite}
@keyframes ev-breathe{0%,100%{opacity:.65;transform:translateY(-50%) scale(.92)}50%{opacity:1;transform:translateY(-50%) scale(1.06)}}
.abba-evenements .entry-content .ev-end .wrap{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:50px;align-items:end}
.abba-evenements .entry-content .ev-end h2{margin:0 0 20px;font:900 clamp(42px,6.4vw,104px)/.94 var(--display);letter-spacing:-.04em}
.abba-evenements .entry-content .ev-end h2 mark{background:none;color:var(--gold)}
.abba-evenements .entry-content .ev-end .rv:not(.side)>p{margin:0;font-size:19px;line-height:1.6;color:var(--on-d);max-width:560px}
.abba-evenements .entry-content .ev-end .side{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.abba-evenements .entry-content .ev-end .side>p.eyebrow{line-height:1}
.abba-evenements .entry-content .ev-end .side>p.num{font:900 clamp(26px,2.6vw,36px)/1 var(--display);margin-bottom:6px;max-width:none}
.abba-evenements .entry-content .ev-end .side .wp-block-buttons{flex-direction:column;align-items:flex-start}
@media (max-width:900px){
.abba-evenements .entry-content .ev-end .wrap{grid-template-columns:minmax(0,1fr)}
}

/* ===== Page : predications ===== */
/* Prédications : dominante ink + cobalt, ambiance chaîne TV, l'or réservé à « Regarder le dernier message » */
/* Le conteneur .wp-block-button porte aussi la classe btn-* : on neutralise le fond hérité de .btn-key / .btn-ink / .btn-white */
.abba-predications .wp-block-button[class*="btn-"],.abba-predications .wp-block-button[class*="btn-"]:hover{background:none;border:0;padding:0}
/* Hero : écran TV en perspective + bandeau d'info */
.abba-predications .pd-hero{position:relative;background:var(--ink);color:#fff;overflow:hidden}
.abba-predications .pd-hero::before{content:"";position:absolute;right:-10%;top:10%;width:70vw;max-width:1000px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(30,79,216,.55),rgba(30,79,216,0) 62%);animation:pd-breathe 8s ease-in-out infinite}
@keyframes pd-breathe{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.08);opacity:1}}
.abba-predications .pd-hero .pd-hin{position:relative;width:var(--wrap);margin:0 auto;padding:160px 0 110px;display:grid;grid-template-columns:minmax(0,5.4fr) minmax(0,6.6fr);gap:60px;align-items:center;min-height:min(860px,92svh)}
.abba-predications .pd-copy{display:flex;flex-direction:column;gap:26px}
.abba-predications .pd-copy h1{margin:0;font:900 clamp(40px,5.8vw,108px)/.9 var(--display);letter-spacing:-.05em;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-predications .pd-copy p.pill{align-self:flex-start;color:#fff;margin:13px 0}
.abba-predications .pill::before,.abba-predications .pd-une .date::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.abba-predications .pd-copy .sub{margin:0;font:800 clamp(20px,1.9vw,28px)/1.25 var(--display);color:var(--gold);animation:rise 1s .12s cubic-bezier(.2,.8,.2,1) both}
.abba-predications .pd-copy .lead{margin:0;max-width:480px;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--on-d)}
.abba-predications .pd-tv{position:relative;perspective:1600px}
.abba-predications .pd-tv .pd-screen{position:relative;aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:#000;border:10px solid #121E31;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px #24324A,0 0 80px rgba(30,79,216,.35);transform:rotateY(-9deg) rotateX(2deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.abba-predications .pd-tv:hover .pd-screen{transform:none}
.abba-predications .pd-screen .wp-block-cover__image-background{object-position:center 30%;animation:kb 22s ease-in-out infinite alternate}
.abba-predications .pd-screen .wp-block-cover__background,.abba-predications .pd-on .wp-block-cover__background{display:none}
.abba-predications .pd-screen::after{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 4px),linear-gradient(0deg,rgba(6,16,28,.75),rgba(6,16,28,0) 45%);pointer-events:none}
.abba-predications .pd-screen .wp-block-cover__inner-container{position:absolute;inset:0;z-index:2}
.abba-predications .pd-screen .pd-bug{position:absolute;top:18px;right:18px;z-index:2;background:rgba(6,16,28,.7);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:8px 12px;font:800 12px/1 var(--display);letter-spacing:.08em;color:#fff}
.abba-predications .pd-screen .pd-lower{position:absolute;left:0;bottom:22px;z-index:2;display:flex;max-width:92%;animation:pd-slide 1s .5s cubic-bezier(.2,.8,.2,1) both}
.abba-predications .pd-lower .pd-lower-k{background:var(--gold);color:var(--ink);padding:12px 14px;font:900 12px/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center}
.abba-predications .pd-lower .pd-lower-t{background:var(--cobalt);color:#fff;padding:12px 18px;font:800 clamp(14px,1.3vw,18px)/1.25 var(--display)}
@keyframes pd-slide{from{transform:translateX(-100%)}to{transform:none}}
.abba-predications .pd-tv .pd-stk{position:absolute;left:-26px;top:-30px;z-index:3;width:132px;height:132px;border-radius:50%;background:var(--vermilion);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:900 13px/1.15 var(--display);text-transform:uppercase;letter-spacing:.04em;box-shadow:0 16px 34px rgba(0,0,0,.4);animation:pd-wob 5s ease-in-out infinite}
.abba-predications .pd-stk strong{display:block;font-size:40px;line-height:1;font-weight:900}
@keyframes pd-wob{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(-3deg) scale(1.05)}}
.abba-predications .pd-crawl{position:relative;display:flex;background:var(--cobalt);border-top:3px solid var(--gold);overflow:hidden;white-space:nowrap}
.abba-predications .pd-crawl .lab{flex:none;position:relative;z-index:2;background:var(--gold);color:var(--ink);padding:16px 22px;font:900 13px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.abba-predications .pd-crawl .lab::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ink);animation:pd-blink 1.6s ease-in-out infinite}
@keyframes pd-blink{0%,100%{opacity:1}50%{opacity:.3}}
.abba-predications .pd-crawl .track{display:inline-flex;flex:none;gap:46px;padding:16px 0 16px 30px;animation:mq 40s linear infinite;font:800 15px/1 var(--display);letter-spacing:.04em;color:#fff}
.abba-predications .pd-crawl .track .sep{color:var(--gold)}
@media (max-width:980px){.abba-predications .pd-copy h1{font-size:clamp(40px,11vw,96px)}.abba-predications .pd-hero .pd-hin{grid-template-columns:minmax(0,1fr);gap:70px;padding:130px 0 80px;min-height:0}.abba-predications .pd-tv .pd-screen{transform:none}.abba-predications .pd-tv .pd-stk{width:104px;height:104px;left:-8px;top:-44px}.abba-predications .pd-stk strong{font-size:30px}}
@media (max-width:560px){.abba-predications .pd-tv .pd-screen{border-width:6px;border-radius:18px}.abba-predications .pd-screen .pd-lower{bottom:12px}.abba-predications .pd-lower .pd-lower-k,.abba-predications .pd-lower .pd-lower-t{padding:9px 10px;font-size:11px}.abba-predications .pd-crawl .lab{padding:14px 14px;font-size:11px}}

/* Message à la une : l'écran s'allume */
.abba-predications .pd-une{background:var(--cobalt);color:#fff;padding:130px 0;position:relative;overflow:hidden}
.abba-predications .pd-une .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center;position:relative}
.abba-predications .pd-set{position:relative;border-radius:30px;padding:16px;background:var(--ink);box-shadow:0 40px 90px rgba(6,16,28,.45)}
.abba-predications .pd-set::after{content:"";position:absolute;right:30px;bottom:-4px;width:96px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--emerald) 0 28px,transparent 28px 34px,var(--vermilion) 34px 62px,transparent 62px 68px,var(--gold) 68px 96px)}
.abba-predications .pd-set .pd-on{position:relative;display:block;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#000;color:#fff}
.abba-predications .pd-on .wp-block-cover__image-background{object-position:center 22%}
@supports (animation-timeline: view()){
  .abba-predications .pd-set .pd-on{animation:pd-power linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
}
@keyframes pd-power{0%{clip-path:inset(49.5% 0 49.5% 0);filter:brightness(3)}45%{clip-path:inset(49.5% 0 49.5% 0);filter:brightness(2)}100%{clip-path:inset(0 0 0 0);filter:none}}
.abba-predications .pd-on::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(6,16,28,.75),rgba(6,16,28,0) 50%);pointer-events:none}
.abba-predications .pd-on .wp-block-cover__inner-container{position:absolute;inset:0;z-index:2}
.abba-predications .pd-on .wp-block-cover__inner-container::before{content:"";position:absolute;left:50%;top:50%;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 44'%3E%3Cpath d='M4 2 L38 22 L4 42 Z' fill='%2306101C'/%3E%3C/svg%3E") 54% 50%/38px 42px no-repeat;animation:pulse 2.4s infinite;transition:transform .3s ease;pointer-events:none}
.abba-predications .pd-on:hover .wp-block-cover__inner-container::before{transform:scale(1.1)}
.abba-predications .pd-on .wp-block-cover__inner-container{display:flex;align-items:flex-end;padding:0 22px 20px}
.abba-predications .pd-on p.cap{margin:0;font:800 13px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
.abba-predications .pd-on .cap a{color:#fff;text-decoration:none}
.abba-predications .pd-on .cap a::after{content:"";position:absolute;inset:0;z-index:3}
.abba-predications .pd-on:focus-within{outline:3px solid var(--gold);outline-offset:3px}
.abba-predications .pd-on .cap a:focus-visible{outline:none}
.abba-predications .pd-une .pd-une-txt h2{margin:18px 0 22px;font:900 clamp(38px,4.8vw,78px)/.98 var(--display);letter-spacing:-.035em}
.abba-predications .pd-une .pd-une-txt>p{margin:0 0 8px;font-size:18px;line-height:1.6;color:#E6ECFB}
.abba-predications .pd-une .pd-une-txt>p.by{font:800 15px/1.3 var(--display);color:#fff;margin-bottom:6px}
.abba-predications .pd-une .pd-une-txt>p.date{margin:0;display:inline-flex;align-items:center;gap:10px;background:var(--ink);border-radius:999px;padding:10px 16px;font:800 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.abba-predications .pd-une div.pd-une-btn{margin-top:26px}
@media (max-width:900px){.abba-predications .pd-une .wrap{grid-template-columns:minmax(0,1fr);gap:50px}}

/* Messages récents */
.abba-predications .pd-list{padding:130px 0 120px}
.abba-predications .pd-list .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:30px}
.abba-predications .pd-c-cobalt{color:var(--cobalt)}
.abba-predications .pd-c-ink{color:var(--ink)}
.abba-predications .pd-list .head h2{margin:12px 0 0;font:900 clamp(38px,5vw,78px)/1 var(--display);letter-spacing:-.035em}
.abba-predications .pd-list ul.pd-guide{list-style:none;margin:0 0 44px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.abba-predications .pd-guide li{display:flex;align-items:center;gap:10px;border:2px solid var(--ink);border-radius:999px;padding:8px 16px 8px 8px;font:800 14px/1 var(--display);transition:transform .25s ease,background .25s ease,color .25s ease}
.abba-predications .pd-guide li:hover{transform:translateY(-3px) rotate(-1.5deg);background:var(--ink);color:#fff}
.abba-predications .pd-guide li strong{background:var(--cobalt);color:#fff;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800;letter-spacing:.06em}
.abba-predications .pd-guide li:nth-child(3n+2) strong{background:var(--emerald)}.abba-predications .pd-guide li:nth-child(3n) strong{background:var(--vermilion)}
.abba-predications .pd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.abba-predications .pd-card{position:relative;display:flex;flex-direction:column;border-radius:28px;background:var(--paper-2);overflow:hidden;color:var(--text);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}
.abba-predications .pd-card:hover{transform:translateY(-10px) rotate(-.8deg);box-shadow:0 30px 60px rgba(6,16,28,.18)}
.abba-predications .pd-card:nth-child(2):hover{transform:translateY(-10px) rotate(.8deg)}
.abba-predications .pd-mire{position:relative;aspect-ratio:16/9;border-bottom:6px solid var(--ink)}
.abba-predications .pd-mire::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0 14.2857%,var(--gold) 14.2857% 28.5714%,#2AA6C9 28.5714% 42.8571%,var(--emerald) 42.8571% 57.1428%,#9B3FB5 57.1428% 71.4285%,var(--vermilion) 71.4285% 85.7142%,var(--cobalt) 85.7142% 100%)}
.abba-predications .pd-mire::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 2px,transparent 2px 4px);transition:opacity .3s}
.abba-predications .pd-mire .pd-mire-lab{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;background:var(--ink);color:#fff;border-radius:12px;padding:12px 16px;font:800 12px/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase;text-align:center;border:2px dashed rgba(255,255,255,.55);white-space:nowrap}
.abba-predications .pd-card:hover .pd-mire::before{animation:pd-zap .5s steps(2) 2}
@keyframes pd-zap{50%{filter:hue-rotate(90deg) brightness(1.2)}}
.abba-predications .pd-body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:10px;flex:1}
.abba-predications .pd-body .th{align-self:flex-start;background:var(--ink);color:#fff;border-radius:999px;padding:7px 12px;font:800 11px/1 var(--display);letter-spacing:.12em}
.abba-predications .pd-body h3.wp-block-heading{margin:4px 0 0;font:900 24px/1.15 var(--display)}
.abba-predications .pd-body .meta{margin:0;font:700 14px/1.3 var(--display);color:var(--cobalt)}
.abba-predications .pd-body .pd-desc{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}
.abba-predications .pd-body p.go{margin-top:auto;padding-top:10px;font:800 13px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.abba-predications .pd-body .go a{color:var(--ink);text-decoration:none}
.abba-predications .pd-body .go a::after{content:"";position:absolute;inset:0;z-index:3}
.abba-predications .pd-body .go a:focus-visible{outline:none}
.abba-predications .pd-card:focus-within{outline:3px solid var(--gold);outline-offset:3px}
@media (max-width:1000px){.abba-predications .pd-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.abba-predications .pd-grid{grid-template-columns:1fr}}

/* Bande géante */
.abba-predications .pd-mq{background:var(--ink);overflow:hidden;white-space:nowrap;padding:34px 0;border-block:6px solid var(--cobalt)}
.abba-predications .pd-mq .track{display:inline-flex;gap:50px;animation:mq 36s linear infinite;font:900 clamp(48px,7.4vw,118px)/1 var(--display);letter-spacing:-.03em;text-transform:uppercase;color:#fff}
.abba-predications .pd-mq .track p.o{color:transparent;-webkit-text-stroke:2px #8FB0FF}
.abba-predications .pd-mq .track p.sep{color:var(--vermilion);font-size:.5em;align-self:center}

/* YouTube */
.abba-predications .pd-yt{padding:140px 0;background:var(--paper-2);position:relative;overflow:hidden}
.abba-predications .pd-yt::before{content:"";position:absolute;left:-40px;top:-20px;width:200px;height:200px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpolygon points='100,0 140,40 100,80 60,40' fill='%231E4FD8'/%3E%3Cpolygon points='140,40 180,80 140,120 100,80' fill='%230E7C66'/%3E%3Cpolygon points='60,40 100,80 60,120 20,80' fill='%23C23B22'/%3E%3C/svg%3E") center/contain no-repeat;animation:pd-glint 6s ease-in-out infinite}
@keyframes pd-glint{0%,100%{opacity:.55}50%{opacity:1}}
.abba-predications .pd-yt .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:70px;align-items:center;position:relative}
.abba-predications .pd-yt p.handle{display:block;margin:18px 0 22px;font:900 clamp(40px,5.6vw,96px)/.9 var(--display);letter-spacing:-.05em;color:var(--cobalt);word-break:break-word}
.abba-predications .pd-yt p.pd-yt-lead{margin:0 0 28px;max-width:560px;font-size:19px;line-height:1.6;color:var(--muted)}
.abba-predications .pd-yt div.btns{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px}
.abba-predications .pd-3p{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;justify-content:space-between;background:var(--ink);color:#fff;border-radius:24px;padding:24px 28px;max-width:600px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.abba-predications .pd-3p:hover{transform:translateY(-5px) rotate(-.6deg)}
.abba-predications .pd-3p p{margin:0;color:var(--on-d);font-size:16px;line-height:1.6;max-width:340px}
.abba-predications .pd-3p a{color:var(--gold);font:900 16px/1 var(--display);text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:4px}
.abba-predications .pd-stack{position:relative;height:560px}
.abba-predications .pd-stack .pd-ph{position:absolute;margin:0;border-radius:22px;overflow:hidden;border:8px solid var(--ink);box-shadow:0 30px 60px rgba(6,16,28,.3);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.abba-predications .pd-stack .pd-ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.abba-predications .pd-stack .pd-ph:hover{transform:rotate(0) scale(1.03);z-index:4}.abba-predications .pd-stack .pd-ph:hover img{transform:scale(1.06)}
.abba-predications .pd-stack .pd-ph figcaption{position:absolute;left:14px;bottom:14px;margin:0;background:rgba(6,16,28,.82);color:#fff;border-radius:999px;padding:8px 14px;font:700 13px/1 var(--display)}
.abba-predications .pd-stack .pd-ph.a{left:0;top:40px;width:88%;height:330px;transform:rotate(-3deg)}
.abba-predications .pd-stack .pd-ph.b{right:0;top:250px;width:44%;height:300px;transform:rotate(4deg);z-index:2}
.abba-predications .pd-stack .pd-ph.b img{object-position:center 20%}
@media (max-width:900px){.abba-predications .pd-yt .wrap{grid-template-columns:minmax(0,1fr)}.abba-predications .pd-stack{height:470px;max-width:560px}.abba-predications .pd-stack .pd-ph.a{height:270px}.abba-predications .pd-stack .pd-ph.b{top:210px;height:250px;width:50%}}

/* Final */
.abba-predications .pd-end{background:var(--ink);color:#fff;padding:130px 0;position:relative;overflow:hidden;text-align:center}
.abba-predications .pd-end::before{content:"";position:absolute;left:50%;top:50%;width:900px;max-width:140vw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(30,79,216,.5),rgba(30,79,216,0) 60%);animation:pd-breathe 8s ease-in-out infinite}
.abba-predications .pd-end .wrap{position:relative}
.abba-predications .pd-end .wrap>h2{margin:0 auto 20px;max-width:1000px;font:900 clamp(40px,6.4vw,104px)/.96 var(--display);letter-spacing:-.04em}
.abba-predications .pd-end .wrap>p{margin:0 auto 34px;max-width:620px;font-size:19px;line-height:1.6;color:var(--on-d)}
.abba-predications .pd-end .actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

@media (prefers-reduced-motion: reduce){.abba-predications *,.abba-predications *::before,.abba-predications *::after{animation:none!important;transition:none!important}}

/* ===== Page : contact ===== */
/* Contact : dominante émeraude, chaleureuse et pratique ; l'or réservé à « Envoyer un message » */
/* Le conteneur .wp-block-button porte aussi la classe btn-* : on neutralise le fond hérité de .btn-key / .btn-white */
.abba-contact .wp-block-button[class*="btn-"],.abba-contact .wp-block-button[class*="btn-"]:hover{background:none;border:0;padding:0}
.abba-contact .ct-c-emerald{color:var(--emerald)}
.abba-contact .ct-c-gold{color:var(--gold)}
.abba-contact .ct-hero{position:relative;background:var(--emerald);color:#fff;overflow:hidden;padding:150px 0 110px}
.abba-contact .ct-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 78% 50%,rgba(255,255,255,.14),rgba(255,255,255,0) 60%)}
.abba-contact .ct-hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:60px;align-items:center}
.abba-contact .ct-hero .ct-hero-copy p.pill{color:#fff;margin:0 0 26px}
.abba-contact .pill::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.abba-contact .ct-hero .ct-hero-copy h1{margin:0 0 26px;font:900 clamp(56px,8.4vw,140px)/.88 var(--display);letter-spacing:-.05em;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-contact .ct-hero h1 mark{display:inline-block;background:none;color:var(--gold);animation:rise 1s .12s cubic-bezier(.2,.8,.2,1) both}
.abba-contact .ct-hero .ct-hero-copy p.lead{margin:0 0 32px;max-width:560px;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:#DDF3EC}
.abba-contact .ct-actions{display:flex;flex-wrap:wrap;gap:14px}
/* Hublot photo + bulles de conversation (effet signature) */
.abba-contact .ct-port{position:relative;justify-self:center;width:min(100%,520px);aspect-ratio:1}
.abba-contact .ct-port::before{content:"";position:absolute;inset:-18px;border-radius:50%;border:3px dashed rgba(255,255,255,.45);animation:ct-spin 40s linear infinite}
@keyframes ct-spin{to{transform:rotate(360deg)}}
.abba-contact .ct-port figure.ct-circle{position:absolute;inset:0;margin:0;border-radius:50%;overflow:hidden;box-shadow:0 30px 80px rgba(6,16,28,.35)}
.abba-contact .ct-port .ct-circle img{width:100%;height:100%;object-fit:cover;object-position:55% 40%;animation:kb 20s ease-in-out infinite alternate}
.abba-contact .ct-port .ct-name{position:absolute;right:6%;bottom:8%;background:var(--ink);color:#fff;border-radius:999px;padding:9px 16px;font:800 13px/1 var(--display);transform:rotate(-4deg)}
.abba-contact .ct-port .ct-bub{position:absolute;margin:0;max-width:250px;padding:14px 18px;border-radius:20px;font:700 15px/1.3 var(--display);box-shadow:0 16px 36px rgba(6,16,28,.28);animation:ct-pop .7s cubic-bezier(.2,1.4,.4,1) both, ct-bob 6s ease-in-out infinite}
.abba-contact .ct-port .ct-bub.q{background:#fff;color:var(--ink);border-bottom-left-radius:6px}
.abba-contact .ct-port .ct-bub.r{background:var(--cobalt);color:#fff;border-bottom-right-radius:6px}
.abba-contact .ct-port .ct-b1{left:-18%;top:10%;animation-delay:.5s,1.2s}
.abba-contact .ct-port .ct-b2{left:-26%;top:38%;animation-delay:1.1s,0s;background:var(--vermilion)!important;color:#fff!important}
.abba-contact .ct-port .ct-b3{left:-12%;top:64%;animation-delay:1.7s,2.4s}
.abba-contact .ct-port .ct-b4{right:-8%;top:-2%;animation-delay:2.4s,3.2s}
.abba-contact .ct-port .ct-b4::after{content:"";display:inline-block;width:31px;height:7px;margin-left:8px;vertical-align:middle;background:radial-gradient(circle at 3.5px 3.5px,#fff 3.4px,transparent 3.6px) 0 0/12px 7px repeat-x;animation:ct-dot 1.2s ease-in-out infinite}
@keyframes ct-pop{from{transform:scale(.4) translateY(20px);opacity:.001}to{transform:none;opacity:1}}
@keyframes ct-bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes ct-dot{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@media (max-width:900px){.abba-contact .ct-hero{padding:130px 0 90px}.abba-contact .ct-hero .wrap{grid-template-columns:1fr;gap:70px}.abba-contact .ct-port{width:min(78%,380px);margin-left:14%}.abba-contact .ct-port .ct-bub{font-size:13px;padding:11px 14px;max-width:190px}.abba-contact .ct-port .ct-b1{left:-24%}.abba-contact .ct-port .ct-b2{left:-30%}.abba-contact .ct-port .ct-b3{left:-20%}.abba-contact .ct-port .ct-b4{right:-14%;top:-8%}}

/* Coordonnées géantes */
.abba-contact .ct-co{padding:130px 0 120px}
.abba-contact .ct-co .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:40px}
.abba-contact .ct-co .head h2{margin:14px 0 0;font:900 clamp(36px,4.6vw,72px)/1 var(--display);letter-spacing:-.035em}
.abba-contact .ct-co h2 mark{background:linear-gradient(var(--gold),var(--gold)) 0 94%/100% .2em no-repeat;color:inherit}
@supports (animation-timeline: view()){.abba-contact .ct-co h2 mark{animation:ct-line linear both;animation-timeline:view();animation-range:entry 30% cover 45%}}
@keyframes ct-line{from{background-size:0% .2em}to{background-size:100% .2em}}
.abba-contact .ct-row{display:grid;grid-template-columns:200px minmax(0,1fr) 270px;gap:30px;align-items:center;padding:34px 0;border-top:2px solid var(--ink);color:var(--ink);position:relative}
.abba-contact .ct-row:last-child{border-bottom:2px solid var(--ink)}
.abba-contact .ct-row .lab{font:800 13px/1.3 var(--display);letter-spacing:.14em;text-transform:uppercase}
.abba-contact .ct-row .big{font:900 clamp(26px,4vw,64px)/1 var(--display);letter-spacing:-.04em;overflow-wrap:anywhere;transition:transform .4s cubic-bezier(.2,.8,.2,1),color .3s ease}
.abba-contact .ct-row .big a{color:inherit;text-decoration:none}
.abba-contact .ct-row .big a::after{content:"";position:absolute;inset:0;z-index:1}
.abba-contact .ct-row .big a:focus-visible{outline:none}
.abba-contact .ct-row .nt{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}
.abba-contact .ct-row:hover .big{transform:translateX(14px)}
.abba-contact .ct-row.r1 .lab,.abba-contact .ct-row.r1:hover .big{color:var(--emerald)}
.abba-contact .ct-row.r2 .lab,.abba-contact .ct-row.r2:hover .big{color:var(--cobalt)}
.abba-contact .ct-row.r3 .lab,.abba-contact .ct-row.r3:hover .big{color:var(--vermilion)}
.abba-contact .ct-row:focus-within{outline:3px solid var(--gold);outline-offset:4px}
@media (min-width:1001px){.abba-contact .ct-row .big{white-space:nowrap}}
@media (max-width:1000px){.abba-contact .ct-row{grid-template-columns:1fr;gap:10px;padding:28px 0}}

/* Bande qui défile */
.abba-contact .ct-mq{background:var(--paper-2);border-block:2px solid var(--ink);padding:22px 0;overflow:hidden;white-space:nowrap}
.abba-contact .ct-mq .tr{display:inline-flex;gap:40px;animation:mq 36s linear infinite;font:900 clamp(32px,4.4vw,60px)/1 var(--display);text-transform:uppercase;letter-spacing:-.01em}
.abba-contact .ct-mq .tr p:nth-child(8n+1){color:var(--emerald)}.abba-contact .ct-mq .tr p:nth-child(8n+3){color:var(--cobalt)}.abba-contact .ct-mq .tr p:nth-child(8n+5){color:var(--vermilion)}.abba-contact .ct-mq .tr p:nth-child(8n+7){color:var(--ink)}
.abba-contact .ct-mq .tr .sep{color:var(--gold)!important;font-size:.6em;align-self:center}

/* Accès : parcours RER A -> Novotel */
.abba-contact .ct-acc{background:var(--ink);color:#fff;padding:140px 0;position:relative;overflow:hidden}
.abba-contact .ct-acc .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:70px;align-items:center}
.abba-contact .ct-acc .ct-acc-txt h2{margin:16px 0 24px;font:900 clamp(40px,5.6vw,92px)/.95 var(--display);letter-spacing:-.04em}
.abba-contact .ct-acc h2 mark{background:none;color:var(--gold)}
.abba-contact .ct-acc .ct-acc-txt p.ct-addr{font-style:normal;font-size:19px;line-height:1.6;color:var(--on-d);margin-bottom:24px}
.abba-contact .ct-addr strong{display:block;color:#fff;font:900 26px/1.2 var(--display);margin-bottom:4px}
.abba-contact .ct-acc .ct-acc-txt div.when{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.abba-contact .ct-acc .when p{border:1px solid var(--line-d);border-radius:999px;padding:10px 16px;font:800 13px/1 var(--display);letter-spacing:.04em}
.abba-contact .ct-route{background:var(--ink-2);border:1px solid var(--line-d);border-radius:30px;padding:30px}
.abba-contact .ct-route .ct-map{position:relative;aspect-ratio:640/300;container-type:inline-size;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 300'%3E%3Cstyle%3E.walk%7Bstroke-dasharray:4 14%3Banimation:w 1.6s linear infinite%7D%40keyframes w%7Bto%7Bstroke-dashoffset:-18%7D%7D.ping%7Btransform-origin:490px 212px%3Banimation:p 2.4s ease-out infinite%7D%40keyframes p%7B0%25%7Btransform:scale(.6)%3Bopacity:.9%7D100%25%7Btransform:scale(2.2)%3Bopacity:0%7D%7D%40media (prefers-reduced-motion:reduce)%7B.walk,.ping%7Banimation:none%7D%7D%3C/style%3E%3Cpath d='M20 90 H620' stroke='%23C23B22' stroke-width='12' stroke-linecap='round'/%3E%3Ccircle cx='170' cy='90' r='22' fill='%23fff' stroke='%23C23B22' stroke-width='8'/%3E%3Cpath class='walk' d='M170 182 C 210 250, 330 250, 450 222' fill='none' stroke='%23EBA327' stroke-width='6' stroke-linecap='round'/%3E%3Crect x='250' y='252' width='132' height='34' rx='17' fill='%23EBA327'/%3E%3Ccircle class='ping' cx='490' cy='212' r='26' fill='%230E7C66'/%3E%3Ccircle cx='490' cy='212' r='26' fill='%230E7C66' stroke='%23fff' stroke-width='4'/%3E%3Cpath d='M478 216 L490 204 L502 216 M482 214 V224 H498 V214' fill='none' stroke='%23fff' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.abba-contact .ct-map p.ct-l{position:absolute;margin:0;white-space:nowrap}
.abba-contact .ct-map p.ct-l1{left:3.7500%;top:calc(20.0000% - 0.86em);font:800 2.3438cqw/1 var(--display);color:#D5DAE1;letter-spacing:0.3125cqw;}
.abba-contact .ct-map p.ct-l2{left:26.5625%;top:calc(46.6667% - 0.86em);font:900 2.6562cqw/1 var(--display);color:#fff;letter-spacing:0.0000cqw;transform:translateX(-50%)}
.abba-contact .ct-map p.ct-l3{left:26.5625%;top:calc(54.0000% - 0.89em);font:400 2.1875cqw/1 var(--body);color:#B9C0CB;letter-spacing:0.0000cqw;transform:translateX(-50%)}
.abba-contact .ct-map p.ct-l4{left:49.3750%;top:calc(91.3333% - 0.86em);font:900 2.1875cqw/1 var(--display);color:#06101C;letter-spacing:0.0000cqw;transform:translateX(-50%)}
.abba-contact .ct-map p.ct-l5{left:76.5625%;top:calc(50.0000% - 0.86em);font:900 2.6562cqw/1 var(--display);color:#fff;letter-spacing:0.0000cqw;transform:translateX(-50%)}
.abba-contact .ct-map p.ct-l6{left:76.5625%;top:calc(57.3333% - 0.89em);font:400 2.1875cqw/1 var(--body);color:#B9C0CB;letter-spacing:0.0000cqw;transform:translateX(-50%)}
.abba-contact .ct-acc div.ct-slots{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.abba-contact .ct-slot{border:2px dashed #3A4A66;border-radius:18px;padding:18px;font-size:13px;line-height:1.5;color:#B9C0CB}
.abba-contact .ct-slot p.ct-slot-t{display:block;font:800 12px/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:6px}
@media (max-width:900px){.abba-contact .ct-acc .wrap{grid-template-columns:1fr;gap:40px}}
@media (max-width:520px){.abba-contact .ct-acc div.ct-slots{grid-template-columns:1fr}.abba-contact .ct-route{padding:16px}}

/* Formulaire */
.abba-contact .ct-form{position:relative;background:var(--emerald);color:#fff;padding:140px 0;overflow:hidden}
.abba-contact .ct-form::before{content:"";position:absolute;right:-20vw;top:-20vw;width:70vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(235,163,39,.3),rgba(235,163,39,0) 62%);animation:ct-breathe 8s ease-in-out infinite}
@keyframes ct-breathe{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.08);opacity:1}}
.abba-contact .ct-form .wrap{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:60px;align-items:start}
.abba-contact .ct-form .intro h2{margin:16px 0 18px;font:900 clamp(38px,5vw,80px)/.98 var(--display);letter-spacing:-.035em}
.abba-contact .ct-form .intro p:not(.eyebrow){margin:0;font-size:18px;line-height:1.6;color:#DDF3EC}
.abba-contact form.ct-f{background:#fff;color:var(--text);border-radius:30px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;box-shadow:0 30px 70px rgba(6,16,28,.3)}
.abba-contact form.ct-f label{display:flex;flex-direction:column;gap:8px;font:800 13px/1.2 var(--display);color:var(--ink)}
.abba-contact form.ct-f .full{grid-column:1/-1}
.abba-contact form.ct-f input,.abba-contact form.ct-f select,.abba-contact form.ct-f textarea{font:400 16px var(--body);color:var(--text);border:2px solid #C9CED6;border-radius:14px;padding:14px 16px;background:#fff;width:100%}
.abba-contact form.ct-f input:focus,.abba-contact form.ct-f select:focus,.abba-contact form.ct-f textarea:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 4px rgba(14,124,102,.18)}
.abba-contact form.ct-f button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer}
.abba-contact form.ct-f .note{grid-column:1/-1;margin:0;font-size:14px;color:var(--muted)}
@media (max-width:900px){.abba-contact .ct-form .wrap{grid-template-columns:1fr}}
@media (max-width:560px){.abba-contact form.ct-f{grid-template-columns:1fr;padding:26px}}

/* Options rapides : cartes inclinées */
.abba-contact .ct-opt{background:var(--paper-2);padding:130px 0 140px}
.abba-contact .ct-opt .wrap>h2{margin:14px 0 50px;font:900 clamp(36px,4.6vw,72px)/1 var(--display);letter-spacing:-.035em}
.abba-contact .ct-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.abba-contact .ct-c{position:relative;border-radius:30px;padding:40px 36px;color:#fff;display:flex;flex-direction:column;gap:16px;min-height:360px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.abba-contact .ct-c::before{content:"";flex:none;width:54px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:center/26px 26px no-repeat}
.abba-contact .ct-c.ic-cal::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.abba-contact .ct-c.ic-heart::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z'/%3E%3C/svg%3E")}
.abba-contact .ct-c.ic-chat::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}
.abba-contact .ct-c:nth-child(1){background:var(--cobalt);transform:rotate(-1.6deg)}
.abba-contact .ct-c:nth-child(2){background:var(--vermilion);transform:rotate(1.2deg) translateY(18px)}
.abba-contact .ct-c:nth-child(3){background:var(--ink);transform:rotate(-.8deg)}
.abba-contact .ct-c:hover{transform:rotate(0) translateY(-10px);box-shadow:0 30px 60px rgba(6,16,28,.25)}
.abba-contact .ct-c h3{margin:0;font:900 clamp(28px,2.6vw,40px)/1.02 var(--display);letter-spacing:-.02em}
.abba-contact .ct-c .ct-c-p{margin:0;font-size:17px;line-height:1.6;opacity:.94}
.abba-contact .ct-c div.ct-c-btn{margin-top:auto;align-self:flex-start}
@media (max-width:900px){.abba-contact .ct-cards{grid-template-columns:1fr}.abba-contact .ct-c{min-height:0}.abba-contact .ct-c:nth-child(2){transform:rotate(1deg)}}
@media (prefers-reduced-motion: reduce){.abba-contact .ct-bub{translate:none}.abba-contact *,.abba-contact *::before,.abba-contact *::after{animation:none!important;transition:none!important}}

/* Lisibilité du plan sur mobile */
@media (max-width:600px){
  .abba-contact .ct-map p.ct-l1,.abba-contact .ct-map p.ct-l4{font-size:10px;letter-spacing:.06em}
  .abba-contact .ct-map p.ct-l2,.abba-contact .ct-map p.ct-l5{font-size:11px}
  .abba-contact .ct-map p.ct-l3,.abba-contact .ct-map p.ct-l6{font-size:10px}
}

/* ===== Page : donner ===== */
/* Donner : dominante ink + or, sobre et digne ; l'or plein réservé à « Faire un don sécurisé » */
/* Le conteneur .wp-block-button porte aussi la classe btn-* : on neutralise le fond hérité de .btn-key / .btn-ink / .btn-white */
.abba-donner .wp-block-button[class*="btn-"],.abba-donner .wp-block-button[class*="btn-"]:hover{background:none;border:0;padding:0}
.abba-donner .dn-c-gold{color:var(--gold)}
.abba-donner .dn-c-goldink{color:var(--gold-ink)}
.abba-donner .dn-hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding:150px 0 0;text-align:center}
.abba-donner .dn-hero::before{content:"";position:absolute;left:50%;top:62%;width:min(1300px,140vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(235,163,39,.22),rgba(235,163,39,0) 58%);animation:dn-breathe 9s ease-in-out infinite}
@keyframes dn-breathe{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}
.abba-donner .dn-hero .wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px}
.abba-donner .dn-hero .wrap>p.pill{color:#fff;margin:13px 0}
.abba-donner .pill::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.abba-donner .dn-hero .eyebrow{color:var(--gold)}
.abba-donner .dn-hero .wrap>h1{margin:0;font:900 clamp(48px,8.4vw,140px)/.9 var(--display);letter-spacing:-.05em;text-wrap:balance;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.abba-donner .dn-hero h1 mark{display:inline-block;background:none;color:var(--gold);animation:rise 1s .14s cubic-bezier(.2,.8,.2,1) both}
.abba-donner .dn-hero .lead{margin:0;max-width:680px;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:var(--on-d)}
.abba-donner .dn-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
/* Effet signature : le vitrail-fenêtre */
.abba-donner .dn-hero .wrap>.dn-win{position:relative;display:block;width:min(1180px,100%);margin:70px auto 0;aspect-ratio:16/8;border-radius:600px 600px 0 0;overflow:hidden;border:10px solid #1A2638;border-bottom:0;box-shadow:0 0 0 1px rgba(235,163,39,.35),0 -20px 120px rgba(235,163,39,.18)}
.abba-donner .dn-win .wp-block-cover__image-background{object-position:center 35%;animation:kb 24s ease-in-out infinite alternate}
.abba-donner .dn-win .wp-block-cover__background{display:none}
.abba-donner .dn-win::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(6,16,28,.55),rgba(6,16,28,0) 45%);pointer-events:none}
.abba-donner .dn-win::after{content:"";position:absolute;inset:0;z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800' preserveAspectRatio='none'%3E%3Cstyle%3Epolygon%7Banimation:g 7s ease-in-out infinite%7Dpolygon:nth-of-type(2n)%7Banimation-delay:-2.3s%7Dpolygon:nth-of-type(3n)%7Banimation-delay:-4.6s%7D%40keyframes g%7B0%25,100%25%7Bopacity:.35%7D50%25%7Bopacity:.85%7D%7D%40media (prefers-reduced-motion:reduce)%7Bpolygon%7Banimation:none%3Bopacity:.6%7D%7D%3C/style%3E%3Cpolygon points='0,800 0,560 180,800' fill='%231E4FD8'/%3E%3Cpolygon points='0,560 120,420 180,800' fill='%23C23B22'/%3E%3Cpolygon points='0,420 120,420 0,300' fill='%230E7C66'/%3E%3Cpolygon points='1600,800 1600,560 1420,800' fill='%230E7C66'/%3E%3Cpolygon points='1600,560 1480,420 1420,800' fill='%23EBA327'/%3E%3Cpolygon points='1600,420 1480,420 1600,300' fill='%23C23B22'/%3E%3Cpolygon points='800,0 860,60 800,120 740,60' fill='%23EBA327'/%3E%3Cpath d='M533 30 V800 M1067 30 V800' stroke='%231A2638' stroke-width='10' fill='none' opacity='.75'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mix-blend-mode:screen;pointer-events:none}
.abba-donner .dn-win .wp-block-cover__inner-container{position:absolute;inset:0;z-index:2}
.abba-donner .dn-win .dn-cap{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:rgba(6,16,28,.78);border:1px solid rgba(235,163,39,.5);color:#fff;border-radius:999px;padding:9px 16px;font:800 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
@media (max-width:700px){.abba-donner .dn-hero{padding-top:130px}.abba-donner .dn-hero .wrap>.dn-win{aspect-ratio:4/3.4;margin-top:50px;border-width:6px;border-bottom:0}}

/* Phrase qui s'encre */
.abba-donner .dn-say{padding:150px 0 130px}
.abba-donner .dn-say p.dn-ink{margin:0;max-width:1300px;font:900 clamp(34px,5.4vw,86px)/1.04 var(--display);letter-spacing:-.035em;text-wrap:balance;color:var(--text)}
.abba-donner .dn-ink mark{background:var(--gold);color:var(--ink);padding:0 .14em;border-radius:10px}
@supports (animation-timeline: view()){
  .abba-donner .dn-say p.dn-ink{background:linear-gradient(90deg,var(--text) 50%,#C9CED6 50%) 100% 0/200% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ink linear both;animation-timeline:view();animation-range:entry 10% cover 55%}
  .abba-donner .dn-ink mark{-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}
}
@media (prefers-reduced-motion: reduce){.abba-donner .dn-say p.dn-ink{color:var(--text)!important;background:none!important}}

/* Pourquoi donner : liste typographique numérotée */
.abba-donner .dn-why{background:var(--paper-2);padding:140px 0}
.abba-donner .dn-why .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:80px;align-items:start}
.abba-donner .dn-why .side{position:sticky;top:40px}
.abba-donner .dn-why .side h2{margin:16px 0 20px;font:900 clamp(36px,4.6vw,72px)/1 var(--display);letter-spacing:-.035em}
.abba-donner .dn-why h2 mark{background:linear-gradient(var(--gold),var(--gold)) 0 94%/100% .2em no-repeat;color:inherit}
@supports (animation-timeline: view()){.abba-donner .dn-why h2 mark{animation:dn-line linear both;animation-timeline:view();animation-range:entry 30% cover 45%}}
@keyframes dn-line{from{background-size:0% .2em}to{background-size:100% .2em}}
.abba-donner .dn-why .side p:not(.eyebrow){margin:0;font-size:18px;line-height:1.65;color:var(--muted);max-width:440px}
.abba-donner .dn-list .dn-li{display:grid;grid-template-columns:clamp(70px,8vw,130px) minmax(0,1fr);gap:26px;align-items:baseline;padding:30px 0;border-top:1px solid #D9D5CC;transition:padding .4s cubic-bezier(.2,.8,.2,1)}
.abba-donner .dn-list .dn-li:last-child{border-bottom:1px solid #D9D5CC}
.abba-donner .dn-list .dn-li:hover{padding-left:12px}
.abba-donner .dn-list .n{font:900 clamp(48px,6vw,96px)/.8 var(--display);letter-spacing:-.05em}
.abba-donner .dn-list .dn-li:nth-child(1) .n{color:var(--gold-ink)}.abba-donner .dn-list .dn-li:nth-child(2) .n{color:var(--cobalt)}.abba-donner .dn-list .dn-li:nth-child(3) .n{color:var(--emerald)}.abba-donner .dn-list .dn-li:nth-child(4) .n{color:var(--vermilion)}.abba-donner .dn-list .dn-li:nth-child(5) .n{color:var(--ink)}
.abba-donner .dn-list .dn-li-t h3{margin:0 0 8px;font:900 clamp(22px,2.1vw,32px)/1.1 var(--display)}
.abba-donner .dn-list .dn-li-t p{margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
@media (max-width:900px){.abba-donner .dn-why .wrap{grid-template-columns:1fr;gap:40px}.abba-donner .dn-why .side{position:static}}

/* Options de don */
.abba-donner .dn-opt{position:relative;background:var(--ink);color:#fff;padding:140px 0;overflow:hidden}
.abba-donner .dn-opt .wrap>.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:56px}
.abba-donner .dn-opt .head h2{margin:16px 0 0;font:900 clamp(38px,5.4vw,86px)/.98 var(--display);letter-spacing:-.035em}
.abba-donner .dn-opt .head .dn-head-p{margin:0;max-width:420px;font-size:18px;line-height:1.6;color:var(--on-d)}
.abba-donner .dn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.abba-donner .dn-c{position:relative;border-radius:30px;padding:40px 36px;display:flex;flex-direction:column;gap:16px;background:var(--ink-2);border:1px solid var(--line-d);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s ease}
.abba-donner .dn-c::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,rgba(235,163,39,0),rgba(235,163,39,.16),rgba(235,163,39,0));transform:skewX(-18deg);transition:left .9s ease;pointer-events:none}
.abba-donner .dn-c:hover{transform:translateY(-8px);border-color:var(--gold)}
.abba-donner .dn-c:hover::after{left:130%}
.abba-donner .dn-c .k{font:800 12px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.abba-donner .dn-c h3{margin:0;font:900 clamp(30px,3vw,46px)/1 var(--display);letter-spacing:-.03em}
.abba-donner .dn-c .dn-c-p{margin:0;font-size:17px;line-height:1.6;color:var(--on-d)}
.abba-donner .dn-c div.dn-c-btn{align-self:flex-start;margin-top:auto}
.abba-donner .dn-c p.ph{position:static;margin:0;border:2px dashed #3A4A66;border-radius:14px;padding:14px 16px;font:700 14px/1.5 var(--body);color:#B9C0CB;background:none;overflow:visible}
.abba-donner .dn-c .ph strong{color:var(--gold);font-family:var(--display)}
.abba-donner .dn-c.main{background:linear-gradient(160deg,#152238,var(--ink-2));border-color:rgba(235,163,39,.55)}
.abba-donner .dn-c .seal{position:absolute;right:24px;top:24px;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:7px 12px;font:800 11px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;transform:rotate(4deg);animation:dn-sway 5s ease-in-out infinite}
@keyframes dn-sway{0%,100%{transform:rotate(4deg)}50%{transform:rotate(-1deg)}}
@media (max-width:980px){.abba-donner .dn-cards{grid-template-columns:1fr}}

/* Partenaires : arche */
.abba-donner .dn-part{padding:150px 0}
.abba-donner .dn-part .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:90px;align-items:center}
.abba-donner .dn-arch{position:relative}
.abba-donner .dn-arch::before{content:"";position:absolute;inset:30px -30px -30px 30px;border-radius:300px 300px 26px 26px;background:var(--gold)}
.abba-donner .dn-arch figure.im{position:relative;aspect-ratio:4/5;border-radius:300px 300px 26px 26px;overflow:hidden;margin:0}
.abba-donner .dn-arch .im img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.abba-donner .dn-arch:hover .im img{transform:scale(1.06)}
.abba-donner .dn-part .dn-part-txt h2{margin:16px 0 20px;font:900 clamp(36px,4.8vw,76px)/1 var(--display);letter-spacing:-.035em}
.abba-donner .dn-part .dn-part-txt p.lead{margin:0 0 34px;font-size:18px;line-height:1.65;color:var(--muted);max-width:560px}
.abba-donner .dn-part .dn-part-txt div.dn-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:34px}
.abba-donner .dn-two>.wp-block-group{border-radius:24px;padding:28px;color:#fff;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.abba-donner .dn-two>.wp-block-group:hover{transform:translateY(-6px) rotate(-.6deg)}
.abba-donner .dn-two>.wp-block-group:nth-child(1){background:var(--ink)}.abba-donner .dn-two>.wp-block-group:nth-child(2){background:var(--emerald)}
.abba-donner .dn-two .wp-block-group h3{margin:0 0 10px;font:900 22px/1.1 var(--display)}
.abba-donner .dn-two p{margin:0;font-size:16px;line-height:1.55;opacity:.92}
@media (max-width:900px){.abba-donner .dn-part .wrap{grid-template-columns:1fr;gap:70px}.abba-donner .dn-arch{max-width:400px;margin-right:30px}}
@media (max-width:520px){.abba-donner .dn-part .dn-part-txt div.dn-two{grid-template-columns:1fr}}

/* Formulaire partenaire sur or */
.abba-donner .dn-form{background:var(--gold);color:var(--ink);padding:130px 0}
.abba-donner .dn-form .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:60px;align-items:start}
.abba-donner .dn-form .intro h2{margin:16px 0 18px;font:900 clamp(38px,5vw,80px)/.98 var(--display);letter-spacing:-.035em}
.abba-donner .dn-form .intro p:not(.eyebrow){margin:0;font-size:18px;line-height:1.6;color:#2A1E05}
.abba-donner form.dn-f{background:#fff;color:var(--text);border-radius:30px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;box-shadow:0 30px 70px rgba(6,16,28,.22)}
.abba-donner form.dn-f label{display:flex;flex-direction:column;gap:8px;font:800 13px/1.2 var(--display);color:var(--ink)}
.abba-donner form.dn-f .full{grid-column:1/-1}
.abba-donner form.dn-f input,.abba-donner form.dn-f select,.abba-donner form.dn-f textarea{font:400 16px var(--body);color:var(--text);border:2px solid #C9CED6;border-radius:14px;padding:14px 16px;background:#fff;width:100%}
.abba-donner form.dn-f input:focus,.abba-donner form.dn-f select:focus,.abba-donner form.dn-f textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px rgba(6,16,28,.14)}
.abba-donner form.dn-f button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer}
.abba-donner form.dn-f .note{grid-column:1/-1;margin:0;font-size:14px;color:var(--muted)}
@media (max-width:900px){.abba-donner .dn-form .wrap{grid-template-columns:1fr}}
@media (max-width:560px){.abba-donner form.dn-f{grid-template-columns:1fr;padding:26px}}

/* Transparence */
.abba-donner .dn-trust{padding:140px 0 130px}
.abba-donner .dn-trust .wrap>.head{margin-bottom:50px}
.abba-donner .dn-trust .head h2{margin:16px 0 14px;font:900 clamp(36px,4.6vw,72px)/1 var(--display);letter-spacing:-.035em}
.abba-donner .dn-trust .head p:not(.eyebrow){margin:0;font-size:18px;line-height:1.6;color:var(--muted)}
.abba-donner .dn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.abba-donner .dn-grid>.wp-block-group{padding:34px 28px 10px 0;display:flex;flex-direction:column;gap:12px}
.abba-donner .dn-grid>.wp-block-group+.wp-block-group{padding-left:28px;border-left:1px solid #D9D5CC}
.abba-donner .dn-grid>.wp-block-group::before{content:"";flex:none;width:34px;height:34px;background:center/contain no-repeat}
.abba-donner .dn-grid>.ic-lock::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306101C' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}
.abba-donner .dn-grid>.ic-home::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306101C' stroke-width='2'%3E%3Cpath d='M3 11 12 4l9 7M5 10v10h14V10'/%3E%3C/svg%3E")}
.abba-donner .dn-grid>.ic-chat::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306101C' stroke-width='2'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}
.abba-donner .dn-grid h3{margin:0;font:900 21px/1.15 var(--display)}
.abba-donner .dn-grid p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
.abba-donner .dn-grid a{color:var(--ink);font-weight:700}
@media (max-width:900px){.abba-donner .dn-grid{grid-template-columns:1fr 1fr}.abba-donner .dn-grid>.wp-block-group,.abba-donner .dn-grid>.wp-block-group+.wp-block-group{padding:28px 18px 18px 0;border-left:0;border-bottom:1px solid #D9D5CC}}
@media (max-width:520px){.abba-donner .dn-grid{grid-template-columns:1fr}}

/* Final */
.abba-donner .dn-end{position:relative;background:var(--ink);color:#fff;padding:140px 0;text-align:center;overflow:hidden}
.abba-donner .dn-end::before{content:"";position:absolute;left:50%;top:50%;width:min(1000px,130vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(235,163,39,.24),rgba(235,163,39,0) 60%);animation:dn-breathe 8s ease-in-out infinite}
.abba-donner .dn-end .wrap{position:relative}
.abba-donner .dn-end .wrap>p.dn-end-t{margin:0 auto 14px;max-width:1100px;font:900 clamp(40px,6.4vw,104px)/.98 var(--display);letter-spacing:-.04em}
.abba-donner .dn-end-t mark{background:none;color:var(--gold)}
.abba-donner .dn-end .wrap>p.dn-small{display:block;margin-bottom:36px;font-size:20px;line-height:1.5;color:var(--on-d)}
.abba-donner .dn-end .dn-end-btn{justify-content:center}
@media (prefers-reduced-motion: reduce){.abba-donner *,.abba-donner *::before,.abba-donner *::after{animation:none!important;transition:none!important}}

/* Correctif relecture : titre sans coupure */
.abba-donner .dn-form .intro h2{font-size:clamp(36px,3.6vw,64px)}

/* ===== Listes automatiques d'articles (Boucle de requête) ===== */
.abba-vitrail .ah-q{margin-top:30px}
.abba-vitrail .ah-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
@media (max-width:900px){.abba-vitrail .ah-cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.abba-vitrail .ah-cards{grid-template-columns:1fr}}
.abba-vitrail .ah-cards>li{margin:0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(6,16,28,.10);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.abba-vitrail .ah-cards>li:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(6,16,28,.18)}
.abba-vitrail .ah-card-img{margin:0}
.abba-vitrail .ah-card-img img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;display:block}
.abba-vitrail .ah-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;color:var(--text);flex:1}
.abba-vitrail .ah-card-date{font:800 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.abba-vitrail .entry-content .ah-card-title{margin:0;font:900 21px/1.2 var(--display);letter-spacing:-.01em}
.abba-vitrail .ah-card-title a{color:var(--ink);text-decoration:none}
.abba-vitrail .ah-card-title a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.abba-vitrail .ah-card-ex p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.abba-vitrail .ah-card-ex .wp-block-post-excerpt__more-text{margin-top:12px}
.abba-vitrail .ah-card-ex .wp-block-post-excerpt__more-link{font:800 13px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.abba-vitrail .ah-card-ex .wp-block-post-excerpt__more-link::after{content:" \2192"}
.abba-vitrail .ah-more{margin-top:28px}
.abba-vitrail .wp-block-query-pagination{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:36px;font:800 14px/1 var(--display)}
.abba-vitrail .wp-block-query-pagination a,.abba-vitrail .wp-block-query-pagination .page-numbers{display:inline-block;padding:11px 15px;border-radius:999px;border:2px solid var(--ink);text-decoration:none;color:var(--ink)}
.abba-vitrail .wp-block-query-pagination .page-numbers.current{background:var(--ink);color:#fff}
.abba-vitrail .wp-block-query-pagination .page-numbers.dots{border-color:transparent}

/* Témoignages : tous les témoignages */
.abba-temoignages .te-all{padding:110px 0;background:var(--paper-2)}
.abba-temoignages .te-all .ah-q{margin-top:44px}
.abba-temoignages .entry-content .te-all-k{color:var(--vermilion);margin-bottom:14px}
.abba-temoignages .entry-content .te-all-t{margin:0;font:900 clamp(36px,4.6vw,68px)/1 var(--display);letter-spacing:-.03em;color:var(--ink)}

/* ===== Articles, catégories et archives ===== */
.abba-vitrail:not(.page) .hd{position:relative;background:var(--ink)}
.abba-vitrail.single .site-content,.abba-vitrail.archive .site-content,.abba-vitrail.blog .site-content{padding:0!important}
.abba-vitrail.single .entry-header{display:block!important}
.abba-vitrail.single #primary,.abba-vitrail.single .site-content>.ast-container{max-width:860px!important;margin:0 auto!important;padding:70px 20px 100px!important}
.abba-vitrail.single .entry-header{margin:0 0 30px;text-align:left}
.abba-vitrail.single .entry-title{margin:0 0 14px;font:900 clamp(34px,4.6vw,58px)/1.05 var(--display);letter-spacing:-.025em;color:var(--ink)}
.abba-vitrail.single .entry-meta,.abba-vitrail.single .entry-meta *{font:700 13px/1.4 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.abba-vitrail.single .post-thumb-img-content img,.abba-vitrail.single .ast-single-post-featured-section img{border-radius:24px;margin:0 0 30px}
.abba-vitrail.single .entry-content{font-size:18px;line-height:1.75;color:var(--text)}
.abba-vitrail.single .entry-content>*{max-width:100%}
.abba-vitrail.single .entry-content p{margin:0 0 1.2em}
.abba-vitrail.single .entry-content :where(h2,h3,h4){margin:1.6em 0 .6em;font-family:var(--display);font-weight:900;letter-spacing:-.015em;color:var(--ink);line-height:1.15}
.abba-vitrail.single .entry-content h2{font-size:clamp(26px,2.6vw,34px)}
.abba-vitrail.single .entry-content h3{font-size:clamp(21px,2vw,26px)}
.abba-vitrail.single .entry-content :where(ul,ol){margin:0 0 1.2em 1.2em;padding:0}
.abba-vitrail.single .entry-content li{margin:.3em 0}
.abba-vitrail.single .entry-content blockquote{margin:1.6em 0;padding:6px 0 6px 24px;border-left:4px solid var(--gold);font-style:italic}
.abba-vitrail.single .entry-content a:not(.wp-block-button__link){color:var(--cobalt);text-decoration:underline;text-underline-offset:3px}
.abba-vitrail.single .entry-content figure{margin:1.6em 0}
.abba-vitrail.single .entry-content img{border-radius:16px;height:auto}
.abba-vitrail.single .entry-content .wp-block-embed__wrapper>*,.abba-vitrail.single .entry-content [src*="youtube"],.abba-vitrail.single .entry-content [src*="vimeo"]{width:100%;aspect-ratio:16/9;height:auto;border-radius:16px;display:block}
.abba-vitrail.single .post-navigation{max-width:860px;margin:0 auto 80px;padding:0 20px}
.abba-vitrail.single .post-navigation a{color:var(--ink);font-weight:700}
.abba-vitrail.archive #primary,.abba-vitrail.blog #primary{max-width:1200px!important;margin:0 auto!important;padding:70px 20px 100px!important}
.abba-vitrail.archive .ast-archive-description{padding:0 0 30px;background:none}
.abba-vitrail.archive .ast-archive-title,.abba-vitrail.archive .page-title{font:900 clamp(34px,4.6vw,58px)/1.05 var(--display)!important;letter-spacing:-.025em;color:var(--ink)}
.abba-vitrail.archive .ast-article-post,.abba-vitrail.blog .ast-article-post{margin-bottom:24px!important;padding:0!important}
.abba-vitrail.archive .entry-title a,.abba-vitrail.blog .entry-title a{font-family:var(--display);font-weight:900;color:var(--ink);text-decoration:none}

/* Lien vers la bibliothèque LCT (page Prédications) */
.abba-vitrail .ah-lct{margin:44px 0 0;padding:28px 30px;border-radius:24px;background:var(--ink);color:var(--on-d);display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between}
.abba-vitrail .entry-content .ah-lct p{margin:0;flex:1 1 360px;font-size:17px;line-height:1.6;color:var(--on-d)}
.abba-vitrail .ah-lct p strong{color:#fff}
.abba-vitrail .ah-lct .wp-block-buttons{margin:0}
/* En-tête : 6 rubriques, menu burger sous 1180 px */
.abba-vitrail .hd nav a{white-space:nowrap}
@media (max-width:1180px){.hd nav,.hd .donner{display:none}.burger{display:flex}.hd .btn{padding:14px 16px;font-size:12px}}

/* Page Articles (Lire) */
.abba-vitrail .ah-lire{padding:170px 0 80px;background:var(--ink)}
.abba-vitrail .entry-content .ah-lire-k{color:var(--gold);margin:0 0 14px}
.abba-vitrail .entry-content .ah-lire-t{margin:0;font:900 clamp(48px,7vw,104px)/.95 var(--display);letter-spacing:-.035em;color:#fff}
.abba-vitrail .entry-content .ah-lire-p{margin:22px 0 0;max-width:720px;font-size:18px;line-height:1.65;color:var(--on-d)}
.abba-vitrail .ah-lire-list{padding:20px 0 110px;background:var(--paper-2)}
/* Évangile : vidéo d'animation (Dieu.fm) */
.abba-vitrail .ev-video{padding:110px 0;background:var(--ink)}
.abba-vitrail .ev-video .wrap{max-width:1000px}
.abba-vitrail .entry-content .ev-video-k{color:var(--gold);margin:0 0 14px}
.abba-vitrail .entry-content .ev-video-t{margin:0 0 34px;font:900 clamp(34px,4.6vw,64px)/1 var(--display);letter-spacing:-.03em;color:#fff}
.abba-vitrail .ev-video .wp-block-embed{margin:0;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.abba-vitrail .ev-video .wp-block-embed__wrapper>*{width:100%;aspect-ratio:16/9;height:auto;display:block}
.abba-vitrail .entry-content .ev-video-p{margin:28px 0 0;font-size:18px;line-height:1.65;color:var(--on-d);max-width:680px}
.abba-vitrail .ev-video-b{margin-top:22px}
/* Page Livres */
.abba-vitrail .lv-hero{padding:170px 0 80px;background:var(--ink)}
.abba-vitrail .entry-content .lv-k{color:var(--gold);margin:0 0 14px}
.abba-vitrail .entry-content .lv-h{margin:0;font:900 clamp(44px,6.4vw,96px)/.95 var(--display);letter-spacing:-.035em;color:#fff}
.abba-vitrail .entry-content .lv-p{margin:22px 0 0;max-width:720px;font-size:18px;line-height:1.65;color:var(--on-d)}
.abba-vitrail .lv-list{padding:90px 0;background:var(--paper-2)}
.abba-vitrail .lv-en{background:#fff;padding-top:70px}
.abba-vitrail .entry-content .lv-k2{color:var(--vermilion);margin:0 0 12px}
.abba-vitrail .entry-content .lv-h2{margin:0 0 34px;font:900 clamp(32px,4vw,56px)/1 var(--display);letter-spacing:-.03em;color:var(--ink)}
.abba-vitrail .lv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
@media (max-width:980px){.abba-vitrail .lv-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.abba-vitrail .lv-grid{grid-template-columns:1fr}}
.abba-vitrail .lv-card{background:#fff;border-radius:24px;padding:18px 18px 24px;box-shadow:0 14px 40px rgba(6,16,28,.10);display:flex;flex-direction:column;gap:10px}
.abba-vitrail .lv-en .lv-card{background:var(--paper-2)}
.abba-vitrail .lv-img{margin:0 0 6px}
.abba-vitrail .lv-img img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f4f1ea;border-radius:16px;display:block}
.abba-vitrail .entry-content .lv-t{margin:4px 6px 0;font:900 22px/1.2 var(--display);color:var(--ink)}
.abba-vitrail .entry-content .lv-sub{margin:0 6px;font-size:15px;line-height:1.55;color:var(--muted)}
.abba-vitrail .entry-content .lv-price{margin:8px 6px 0;display:flex;justify-content:space-between;gap:10px;align-items:baseline;font:800 17px/1.3 var(--display);color:var(--ink)}
.abba-vitrail .entry-content .lv-price strong{font:700 13px/1.4 var(--body);color:var(--muted)}
.abba-vitrail .lv-btns{margin:4px 6px 0}
.abba-vitrail .lv-btns .wp-block-button{width:100%}
.abba-vitrail .lv-btns .wp-block-button__link{width:100%;text-align:center}
.abba-vitrail .entry-content .lv-more{margin:6px 6px 0;font:800 13px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}
.abba-vitrail .entry-content .lv-more a{color:var(--ink);text-decoration:none}
.abba-vitrail .entry-content .lv-note{margin:26px 0 0;font-size:14px;color:var(--muted)}
/* Page Merci Grand Dieu : étapes numérotées */
.abba-vitrail .entry-content .mg-n{margin:0 6px;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center;font:900 20px/1 var(--display)}
.abba-vitrail .mg-step{padding-top:24px}
/* Page Livre gratuit : formulaire MailPoet */
.abba-vitrail .gd-form .mailpoet_form{padding:0!important;margin:6px 6px 0}
.abba-vitrail .gd-form .mailpoet_paragraph{margin:0 0 12px}
.abba-vitrail .gd-form .mailpoet_text_label{display:block;margin:0 0 6px 16px;font:800 11px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.abba-vitrail .gd-form input.mailpoet_text{width:100%!important;height:52px;border:2px solid var(--ink);border-radius:999px;padding:0 20px;font:700 15px/1 var(--display);color:var(--ink);background:#fff}
.abba-vitrail .gd-form input.mailpoet_text:focus{border-color:var(--cobalt);outline:none;box-shadow:0 0 0 4px rgba(30,79,216,.15)}
.abba-vitrail .gd-form input.mailpoet_submit{width:100%!important;height:54px;border:0;border-radius:999px;background:var(--gold);color:var(--ink);font:800 14px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.abba-vitrail .gd-form input.mailpoet_submit:hover{background:#f2b445}
.abba-vitrail .gd-form .mailpoet_validate_error{color:var(--vermilion);font-size:14px}
.abba-vitrail .entry-content .gd-list{margin:4px 6px 0 26px;padding:0;color:var(--muted);font-size:15px;line-height:1.55}
.abba-vitrail .entry-content .gd-list li{margin:0 0 8px}

/* Page Notre Pasteure */
.abba-vitrail .np-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
@media (max-width:900px){.abba-vitrail .np-grid{grid-template-columns:1fr;gap:34px}}
.abba-vitrail .np-photo{margin:0}
.abba-vitrail .np-photo img{width:100%;height:auto;border-radius:24px;display:block;box-shadow:0 24px 60px rgba(6,16,28,.18)}
.abba-vitrail .entry-content .np-txt p:not(.eyebrow),.abba-vitrail .entry-content .np-hist p:not(.eyebrow){font-size:18px;line-height:1.75;color:var(--text);margin:0 0 1.1em;max-width:780px}
.abba-vitrail .np-hist .wrap{max-width:900px}
/* Mention RGPD des formulaires */
.abba-vitrail .entry-content p.abba-rgpd{margin:4px 0 14px;font-size:13px;line-height:1.5;color:#4A5260}
.abba-rgpd a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.abba-vitrail .entry-content p.abba-rgpd.abba-rgpd--c{font-size:14px;color:#1B2330}
.abba-vitrail .entry-content .abba-rgpd--c label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-weight:400;text-transform:none;letter-spacing:0}
.abba-vitrail .entry-content .abba-rgpd--c input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:#1E4FD8}
.ft .cp a{color:inherit;text-decoration:underline;text-underline-offset:3px;margin-left:8px}
/* Politique de confidentialité */
.pc-body{max-width:820px;font-size:17px;line-height:1.7;color:#1B2330}
.abba-vitrail .entry-content .pc-body > p{margin:0 0 16px}
.abba-vitrail .entry-content .pc-body > h2.wp-block-heading{margin:52px 0 14px;font:900 clamp(24px,3vw,32px)/1.15 Montserrat,Arial,sans-serif;letter-spacing:-.01em;color:#06101C}
.abba-vitrail .entry-content .pc-body > h2.wp-block-heading:first-child{margin-top:0}
.abba-vitrail .entry-content .pc-body > ul{margin:0 0 18px;padding-left:22px}
.pc-body li{margin:0 0 8px}
.pc-body a{color:#1E4FD8}
.abba-vitrail .entry-content .pc-table{margin:8px 0 22px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pc-table table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px;line-height:1.5;background:#fff;border-radius:16px;overflow:hidden}
.pc-table th,.pc-table td{border:0;border-bottom:1px solid #e3e0d8;padding:12px 14px;text-align:left;vertical-align:top}
.pc-table th{font:800 12px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8A5A0B;background:#fff}
.pc-table tr:last-child td{border-bottom:0}
/* Carte interactive (Contact) */
.ah-map{position:relative;width:100%;height:clamp(340px,42vw,440px);border-radius:22px;overflow:hidden;background:#0F1B2B;border:1px solid #24324A}
.ah-map-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:26px;background:radial-gradient(circle at 50% 38%,rgba(235,163,39,.20),transparent 58%),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 38px),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 38px),repeating-linear-gradient(35deg,transparent 0 120px,rgba(235,163,39,.10) 120px 126px,transparent 126px 260px)}
.abba-vitrail .entry-content .ah-map p{margin:0;max-width:440px}
.ah-map .ah-map-t{font:900 19px/1.25 Montserrat,Arial,sans-serif;color:#fff}
.ah-map .ah-map-s{font-size:15px;color:#D5DAE1}
.ah-map .ah-map-n{font-size:12px;color:#8E98A8}
.ah-map .ah-map-go{margin:6px 0 2px;border:0;cursor:pointer}
.ah-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.ah-map .ah-map-big{position:absolute;left:12px;bottom:34px;background:#06101C;color:#fff;font:800 12px/1 Montserrat,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:10px 14px;border-radius:999px;text-decoration:none}
.abba-contact .ct-acc div.ct-slots.ct-live{grid-template-columns:1fr}
.abba-contact .ct-way{border:1px solid #24324A;border-radius:18px;padding:22px 24px;background:#0F1B2B;color:#D5DAE1;font-size:15px;line-height:1.6}
.abba-vitrail .entry-content .ct-way h3{margin:0 0 10px;font:900 20px/1.2 Montserrat,Arial,sans-serif;color:#fff}
.abba-vitrail .entry-content .ct-way ul{margin:0 0 14px;padding-left:20px}
.abba-vitrail .entry-content .ct-way li{margin:0 0 6px}
.abba-vitrail .entry-content .ct-way .ct-way-l{margin:0;display:flex;flex-wrap:wrap;gap:10px 22px}
.ct-way .ct-way-l a{color:#EBA327;font:800 13px/1.4 Montserrat,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.ct-way .ct-way-l a:hover{text-decoration:underline}
/* Planifier : liens vers l'entrée à la place de la photo */
.abba-planifier.abba-vitrail .ticket p.novotel.novotel-l{border:0;padding:0;font-size:14px;line-height:1.7}
.abba-planifier.abba-vitrail .ticket p.novotel-l a{color:#EBA327;font-weight:700;text-decoration:none}
.abba-planifier.abba-vitrail .ticket p.novotel-l a:hover{text-decoration:underline}
/* Cartes illustrées « enfants » (aucune photo d'enfant sur le site) */
.ic-kids{color:#EBA327;line-height:0}
.ic-kids svg{width:118px;height:118px}
.abba-planifier.abba-vitrail .kids .ph-slot.ic-slot{border:0;background:linear-gradient(160deg,#1E4FD8 0%,#06101C 70%);flex-direction:column;gap:18px;box-shadow:0 24px 50px rgba(6,16,28,.25)}
.abba-planifier.abba-vitrail .kids .ph-slot.ic-slot p{color:#fff;max-width:220px}
.abba-decouvrir .dc-open .dc-kid .dc-slot.dc-ic{border:0;background:linear-gradient(160deg,#EBA327 0%,#C9831A 100%);color:#06101C;flex-direction:column;gap:14px}
.abba-decouvrir .dc-kid .dc-ic .ic-kids{color:#06101C}
.abba-decouvrir .dc-open .dc-kid .dc-slot.dc-ic::before{content:"";display:block;width:112px;height:112px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20120%22%20fill%3D%22none%22%20stroke%3D%22%2306101C%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2058%2060%2020l44%2038%22%2F%3E%3Cpath%20d%3D%22M28%2048v54h64V48%22%2F%3E%3Cpath%20d%3D%22M60%2088C48%2080%2040%2072%2040%2063c0-6%204.5-10%2010-10%204.5%200%208%202.5%2010%206%202-3.5%205.5-6%2010-6%205.5%200%2010%204%2010%2010%200%209-8%2017-20%2025z%22%20fill%3D%22%2306101C%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
/* Illustrations (sans visages) à la place des emplacements photo */
.abba-formations .entry-content figure.slot-img{margin:0;max-width:400px;aspect-ratio:4/5;border-radius:300px 300px 28px 28px;overflow:hidden;box-shadow:0 24px 50px rgba(6,16,28,.18)}
.abba-cours-racines .entry-content figure.cr-img{margin:0;aspect-ratio:5/4;border-radius:30px;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 24px 50px rgba(6,16,28,.18)}
.abba-cours-de-fondement .entry-content .card figure.cf-img{margin:6px 0 18px;aspect-ratio:16/10;border-radius:18px;overflow:hidden}
.abba-vitrail .entry-content figure.slot-img img,.abba-vitrail .entry-content figure.cr-img img,.abba-vitrail .entry-content figure.cf-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;margin:0}
.abba-cours-de-fondement .entry-content .card figure.cf-img img{object-position:50% 62%}
.abba-cours-racines .entry-content .tk .body>figure.cov-img{margin:4px 0 16px;width:118px}
.abba-cours-de-fondement .entry-content .cover figure.bk-img{margin:0;transform:rotate(-4deg);transition:transform .4s ease}
.abba-cours-de-fondement .entry-content .card:hover .cover figure.bk-img{transform:rotate(0) scale(1.04)}
.abba-vitrail .entry-content figure.cov-img img,.abba-vitrail .entry-content figure.bk-img img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;margin:0;border-radius:5px 10px 10px 5px;box-shadow:0 12px 26px rgba(6,16,28,.28)}
.abba-cours-racines .entry-content .tk .body>figure.cov-img{transform:rotate(-3deg)}
/* Témoignage à la une : carte illustrée (pas de photo) */
.abba-temoignages.abba-vitrail .te-slot.te-art{border:0;background:linear-gradient(165deg,#1E4FD8 0%,#0B2A86 55%,#06101C 100%)}
.abba-temoignages.abba-vitrail .te-slot.te-art::before{width:96px;height:96px;border:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='none' stroke='%23EBA327' stroke-width='5' stroke-linecap='round'%3E%3Ccircle cx='48' cy='48' r='40'/%3E%3Cpath d='M30 56c5 9 12 13 18 13s13-4 18-13'/%3E%3Ccircle cx='35' cy='38' r='3' fill='%23EBA327'/%3E%3Ccircle cx='61' cy='38' r='3' fill='%23EBA327'/%3E%3C/svg%3E") center/contain no-repeat}
.abba-temoignages.abba-vitrail .te-slot.te-art .te-slot-t{font:900 30px/1.1 var(--display);letter-spacing:-.01em;text-transform:none;color:#fff}
.abba-temoignages.abba-vitrail .te-slot.te-art .te-slot-s{font-size:16px;color:#DCE6FF}
/* ===== Kit de sections réutilisables (modèles « Abba House » de l'éditeur) ===== */
.abba-vitrail .ab-sec{padding:clamp(60px,8vw,110px) 0;background:var(--paper)}
.abba-vitrail .ab-sec.ab-alt{background:var(--paper-2)}
.abba-vitrail .ab-sec.ab-dark{background:var(--ink);color:var(--on-d)}
.abba-vitrail .entry-content .ab-sec .ab-k{margin:0 0 14px;font:800 13px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--cobalt)}
.abba-vitrail .entry-content .ab-dark .ab-k{color:var(--gold)}
.abba-vitrail .entry-content .ab-sec h2.wp-block-heading{margin:0 0 18px;max-width:900px;font:900 clamp(32px,4.4vw,60px)/1.02 var(--display);letter-spacing:-.03em;color:var(--ink)}
.abba-vitrail .entry-content .ab-dark h2.wp-block-heading{color:#fff}
.abba-vitrail .entry-content .ab-sec .ab-lead{margin:0 0 30px;max-width:720px;font-size:19px;line-height:1.65;color:var(--muted)}
.abba-vitrail .entry-content .ab-dark .ab-lead{color:var(--on-d)}
.abba-vitrail .ab-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
/* Cartes */
.abba-vitrail .ab-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}
.abba-vitrail .ab-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(6,16,28,.10);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.abba-vitrail .ab-card:hover{transform:translateY(-6px)}
.abba-vitrail .ab-card figure{margin:0;aspect-ratio:16/10;overflow:hidden}
.abba-vitrail .ab-card figure img{width:100%;height:100%;object-fit:cover;border-radius:0}
.abba-vitrail .entry-content .ab-card h3.wp-block-heading{margin:22px 24px 8px;font:900 22px/1.2 var(--display);color:var(--ink)}
.abba-vitrail .entry-content .ab-card p{margin:0 24px 14px;font-size:15px;line-height:1.6;color:var(--muted)}
.abba-vitrail .entry-content .ab-card p.ab-more{margin:auto 24px 24px;font:800 13px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}
.abba-vitrail .entry-content .ab-card p.ab-more a{color:var(--ink);text-decoration:none}
/* Image et texte */
.abba-vitrail .ab-split{gap:clamp(30px,5vw,80px)!important;align-items:center!important}
.abba-vitrail .ab-split figure{margin:0;border-radius:28px;overflow:hidden;box-shadow:0 24px 50px rgba(6,16,28,.18)}
.abba-vitrail .ab-split figure img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:0}
.abba-vitrail .ab-split figure.ab-arch{border-radius:300px 300px 28px 28px}
.abba-vitrail .entry-content .ab-split p{font-size:17px;line-height:1.7;margin:0 0 14px}
/* Étapes */
.abba-vitrail .ab-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px;counter-reset:abs}
.abba-vitrail .ab-step{position:relative;background:#fff;border-radius:22px;padding:58px 24px 26px;box-shadow:0 10px 30px rgba(6,16,28,.08);counter-increment:abs}
.abba-vitrail .ab-step::before{content:counter(abs,decimal-leading-zero);position:absolute;top:20px;left:24px;font:900 22px/1 var(--display);color:var(--gold)}
.abba-vitrail .entry-content .ab-step h3.wp-block-heading{margin:0 0 8px;font:900 20px/1.2 var(--display);color:var(--ink)}
.abba-vitrail .entry-content .ab-step p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
/* Appel à l'action */
.abba-vitrail .ab-cta{padding:clamp(50px,7vw,90px) 0;background:var(--gold);color:var(--ink);text-align:center}
.abba-vitrail .entry-content .ab-cta h2.wp-block-heading{margin:0 auto 12px;max-width:900px;font:900 clamp(30px,4vw,54px)/1.04 var(--display);letter-spacing:-.03em;color:var(--ink)}
.abba-vitrail .entry-content .ab-cta p{margin:0 auto;max-width:640px;font-size:18px;line-height:1.6}
.abba-vitrail .ab-cta .ab-btns{justify-content:center}
/* Citation */
.abba-vitrail .ab-quote{padding:clamp(60px,8vw,110px) 0;background:var(--cobalt);color:#fff;text-align:center}
.abba-vitrail .entry-content .ab-quote p.ab-q{margin:0 auto 18px;max-width:1000px;font:900 clamp(26px,3.6vw,48px)/1.2 var(--display);letter-spacing:-.02em;color:#fff}
.abba-vitrail .entry-content .ab-quote p.ab-ref{margin:0;font:800 13px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
/* Questions fréquentes */
.abba-vitrail .ab-faq{margin-top:30px;max-width:900px}
.abba-vitrail .ab-faq .wp-block-details{background:#fff;border-radius:18px;padding:20px 24px;margin:0 0 12px;box-shadow:0 8px 24px rgba(6,16,28,.06)}
.abba-vitrail .ab-faq .wp-block-details summary{cursor:pointer;font:800 17px/1.35 var(--display);color:var(--ink)}
.abba-vitrail .entry-content .ab-faq .wp-block-details p{margin:12px 0 0;font-size:16px;line-height:1.65;color:var(--muted)}
/* Vidéo */
.abba-vitrail .ab-video .wp-block-embed{margin:30px 0 0;border-radius:24px;overflow:hidden;box-shadow:0 24px 50px rgba(6,16,28,.25)}
.abba-vitrail .ab-video iframe{display:block;width:100%;aspect-ratio:16/9;height:auto}
@media (max-width:900px){.abba-vitrail .ab-cards,.abba-vitrail .ab-steps{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.abba-vitrail .ab-cards,.abba-vitrail .ab-steps{grid-template-columns:1fr}}
/* Éditeur : rendre visibles les sections animées */
.editor-styles-wrapper .rv{animation:none!important;opacity:1!important;transform:none!important}
/* ===== Kit, suite : bannière photo, témoignage, billets, horaires, articles, formulaire, galerie, chiffres, don ===== */
/* Bannière photo */
.abba-vitrail .wp-block-cover.ab-cover{min-height:min(78vh,720px);padding:0;align-items:flex-end}
.abba-vitrail .ab-cover .wp-block-cover__inner-container{width:var(--wrap);margin:0 auto;padding:0 0 clamp(40px,7vw,90px)}
.abba-vitrail .entry-content .ab-cover .ab-k{margin:0 0 14px;font:800 13px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.abba-vitrail .entry-content .ab-cover h2.wp-block-heading{margin:0 0 16px;max-width:900px;font:900 clamp(38px,6vw,84px)/1 var(--display);letter-spacing:-.03em;color:#fff}
.abba-vitrail .entry-content .ab-cover p{max-width:640px;font-size:19px;line-height:1.6;color:#E6ECFB}
/* Témoignage */
.abba-vitrail .ab-tem{padding:clamp(60px,8vw,110px) 0;background:var(--cobalt);color:#fff}
.abba-vitrail .ab-tem .ab-split figure{border-radius:300px 300px 28px 28px}
.abba-vitrail .entry-content .ab-tem .ab-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.abba-vitrail .entry-content .ab-tem .ab-tags p{margin:0;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);font:800 12px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.abba-vitrail .entry-content .ab-tem h2.wp-block-heading{margin:0 0 16px;font:900 clamp(30px,4vw,54px)/1.05 var(--display);letter-spacing:-.03em;color:#fff}
.abba-vitrail .entry-content .ab-tem p.ab-tem-t{margin:0 0 18px;font-size:20px;line-height:1.6;color:#E6ECFB}
.abba-vitrail .entry-content .ab-tem p.ab-who{margin:0;font:800 14px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
/* Billets d'événements */
.abba-vitrail .ab-tickets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}
.abba-vitrail .ab-tk{display:grid;grid-template-columns:64px minmax(0,1fr);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px rgba(6,16,28,.10)}
.abba-vitrail .ab-tk .ab-stub{position:relative;background:var(--cobalt);display:flex;align-items:center;justify-content:center;border-right:2px dashed rgba(255,255,255,.55)}
.abba-vitrail .ab-tickets .ab-tk:nth-child(3n+2) .ab-stub{background:var(--vermilion)}
.abba-vitrail .ab-tickets .ab-tk:nth-child(3n+3) .ab-stub{background:var(--emerald)}
.abba-vitrail .entry-content .ab-tk .ab-stub p{margin:0;writing-mode:vertical-rl;transform:rotate(180deg);font:800 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#fff;white-space:nowrap}
.abba-vitrail .ab-tk .ab-tk-b{padding:24px 24px 22px}
.abba-vitrail .entry-content .ab-tk p.ab-tk-k{margin:0 0 8px;font:800 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.abba-vitrail .entry-content .ab-tk h3.wp-block-heading{margin:0 0 10px;font:900 22px/1.2 var(--display);color:var(--ink)}
.abba-vitrail .entry-content .ab-tk p{margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--muted)}
.abba-vitrail .entry-content .ab-tk p.ab-more{margin:0;font:800 13px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}
.abba-vitrail .entry-content .ab-tk p.ab-more a{color:var(--ink);text-decoration:none}
/* Horaires et lieu */
.abba-vitrail .ab-infos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.abba-vitrail .ab-info{border:1px solid var(--line-d);border-radius:22px;padding:26px;background:var(--ink-2)}
.abba-vitrail .entry-content .ab-info p.ab-info-k{margin:0 0 10px;font:800 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.abba-vitrail .entry-content .ab-info h3.wp-block-heading{margin:0 0 8px;font:900 24px/1.15 var(--display);color:#fff}
.abba-vitrail .entry-content .ab-info p{margin:0;font-size:15px;line-height:1.6;color:var(--on-d)}
/* Derniers articles */
.abba-vitrail .ab-posts .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:34px 0 0;padding:0;list-style:none}
.abba-vitrail .ab-posts .wp-block-post{margin:0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(6,16,28,.10);display:flex;flex-direction:column}
.abba-vitrail .ab-posts .wp-block-post-featured-image{margin:0;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#1E4FD8,#06101C 60%,#EBA327)}
.abba-vitrail .ab-posts .wp-block-post-featured-image img{width:100%;height:100%!important;object-fit:cover;border-radius:0}
.abba-vitrail .entry-content .ab-posts .wp-block-post-date{margin:20px 24px 8px;font:800 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.abba-vitrail .entry-content .ab-posts .wp-block-post-title{margin:0 24px 10px;font:900 21px/1.2 var(--display);color:var(--ink)}
.abba-vitrail .entry-content .ab-posts .wp-block-post-title a{color:inherit;text-decoration:none}
.abba-vitrail .entry-content .ab-posts .wp-block-post-excerpt{margin:0 24px 22px;font-size:15px;line-height:1.6;color:var(--muted)}
.abba-vitrail .entry-content .ab-posts .wp-block-post-excerpt__more-link{font:800 13px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
/* Formulaire ou lettre d'information */
.abba-vitrail .ab-formbox{max-width:760px;margin:30px auto 0;background:#fff;border-radius:28px;padding:clamp(24px,4vw,44px);box-shadow:0 20px 50px rgba(6,16,28,.12)}
.abba-vitrail .ab-sec .ab-center{text-align:center}
.abba-vitrail .entry-content .ab-center h2.wp-block-heading,.abba-vitrail .entry-content .ab-center .ab-lead{margin-left:auto;margin-right:auto}
.abba-vitrail .ab-gift{gap:clamp(24px,4vw,60px)!important;align-items:center!important}
.abba-vitrail .ab-gift figure{margin:0}
.abba-vitrail .ab-gift figure img{width:100%;height:auto;border-radius:12px;box-shadow:0 24px 50px rgba(6,16,28,.25)}
/* Galerie */
.abba-vitrail .ab-gallery.wp-block-gallery{gap:14px!important;margin-top:30px}
.abba-vitrail .ab-gallery.wp-block-gallery .wp-block-image img{border-radius:20px;height:100%;object-fit:cover}
/* Chiffres */
.abba-vitrail .ab-figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.abba-vitrail .ab-fig{border-top:4px solid var(--gold);padding-top:18px}
.abba-vitrail .ab-figs .ab-fig:nth-child(4n+2){border-color:var(--cobalt)}
.abba-vitrail .ab-figs .ab-fig:nth-child(4n+3){border-color:var(--vermilion)}
.abba-vitrail .ab-figs .ab-fig:nth-child(4n+4){border-color:var(--emerald)}
.abba-vitrail .entry-content .ab-fig p.ab-num{margin:0 0 6px;font:900 clamp(44px,5vw,72px)/1 var(--display);letter-spacing:-.04em;color:var(--ink)}
.abba-vitrail .entry-content .ab-dark .ab-fig p.ab-num{color:#fff}
.abba-vitrail .entry-content .ab-fig p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.abba-vitrail .entry-content .ab-dark .ab-fig p{color:var(--on-d)}
/* Don */
.abba-vitrail .ab-don{padding:clamp(60px,8vw,100px) 0;background:var(--emerald);color:#fff}
.abba-vitrail .entry-content .ab-don .ab-k{margin:0 0 14px;font:800 13px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:#CFF5EA}
.abba-vitrail .entry-content .ab-don h2.wp-block-heading{margin:0 0 14px;max-width:820px;font:900 clamp(32px,4.4vw,60px)/1.02 var(--display);letter-spacing:-.03em;color:#fff}
.abba-vitrail .entry-content .ab-don p{max-width:680px;font-size:18px;line-height:1.6;color:#E3F5EF}
@media (max-width:900px){.abba-vitrail .ab-tickets,.abba-vitrail .ab-infos,.abba-vitrail .ab-posts .wp-block-post-template{grid-template-columns:1fr 1fr}.abba-vitrail .ab-figs{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.abba-vitrail .ab-tickets,.abba-vitrail .ab-infos,.abba-vitrail .ab-posts .wp-block-post-template{grid-template-columns:1fr}}

/* ===== Recherche des messages et témoignages ===== */
/* Abba House : recherche des messages et témoignages (indépendant du thème) */
.abba-rech{--ar-ink:#06101C;--ar-gold:#EBA327;--ar-gold-ink:#8A5A0B;--ar-cobalt:#1E4FD8;--ar-text:#1B2330;--ar-muted:#4A5260;--ar-display:Montserrat,"Helvetica Neue",Arial,sans-serif;--ar-body:"Open Sans","Segoe UI",Arial,sans-serif;font-family:var(--ar-body);color:var(--ar-text);margin-top:28px;scroll-margin-top:110px}
.abba-rech *,.abba-rech *::before,.abba-rech *::after{box-sizing:border-box}
.abba-rech .ar-count{margin:0 0 6px;color:var(--ar-muted);font-size:16px;line-height:1.5}
.abba-rech .ar-bar{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:#fff;border-radius:28px;padding:18px;box-shadow:0 14px 40px rgba(6,16,28,.10)}
.abba-rech .ar-f{display:flex;flex-direction:column;gap:7px;flex:1 1 200px;min-width:0;margin:0}
.abba-rech .ar-f--q{flex-basis:260px}
.abba-rech .ar-f label{font:800 11px/1 var(--ar-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ar-gold-ink);padding-left:18px;margin:0}
.abba-rech .ar-f select,.abba-rech .ar-f input{appearance:none;-webkit-appearance:none;width:100%;height:52px;margin:0;border:2px solid var(--ar-ink);border-radius:999px;background-color:#fff;padding:0 46px 0 20px;font:700 15px/1 var(--ar-display);color:var(--ar-ink);outline:none;box-shadow:none}
.abba-rech .ar-f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2306101C' stroke-width='2.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;cursor:pointer}
.abba-rech .ar-f input{padding-right:20px;font-weight:600}
.abba-rech .ar-f input::placeholder{color:#8a919c;opacity:1}
.abba-rech .ar-f select:focus,.abba-rech .ar-f input:focus{border-color:var(--ar-cobalt);box-shadow:0 0 0 4px rgba(30,79,216,.15)}
.abba-rech .ar-go{height:52px;margin:0;border:0;border-radius:999px;background:var(--ar-gold);color:var(--ar-ink);font:800 14px/1 var(--ar-display);letter-spacing:.08em;text-transform:uppercase;padding:0 28px;cursor:pointer;flex:0 0 auto;box-shadow:none}
.abba-rech .ar-go:hover,.abba-rech .ar-go:focus-visible{background:#f2b445;color:var(--ar-ink)}
.abba-rech .ar-reset{font:700 13px/1 var(--ar-display);color:var(--ar-muted);text-decoration:underline;text-underline-offset:3px;align-self:center;padding:0 6px}
.abba-rech .ar-chips{margin:18px 0 10px;display:flex;flex-wrap:wrap;gap:8px}
.abba-rech .ar-chip{display:inline-flex;gap:6px;align-items:center;background:var(--ar-ink);color:#fff;border-radius:999px;padding:8px 14px;font:700 13px/1 var(--ar-display);text-decoration:none}
.abba-rech .ar-chip b{color:var(--ar-gold);font-weight:800}
.abba-rech .ar-chip:hover{background:#1b2a40;color:#fff}
.abba-rech .ar-cards{margin:30px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.abba-rech .ar-card{margin:0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(6,16,28,.10);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.abba-rech .ar-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(6,16,28,.18)}
.abba-rech .ar-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0F1B2B}
.abba-rech .ar-img img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0}
.abba-rech .ar-ph{position:absolute;inset:0;background:linear-gradient(135deg,#1E4FD8,#06101C 60%,#EBA327)}
.abba-rech .ar-tag{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.92);color:var(--ar-ink);font:800 11px/1 var(--ar-display);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:7px 11px}
.abba-rech .ar-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.abba-rech .ar-date{font:800 12px/1 var(--ar-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ar-gold-ink)}
.abba-rech .ar-t{margin:0;font:900 21px/1.2 var(--ar-display);letter-spacing:-.01em;color:var(--ar-ink)}
.abba-rech .ar-t a{color:inherit;text-decoration:none}
.abba-rech .ar-t a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.abba-rech .ar-ex{margin:0;font-size:15px;line-height:1.6;color:var(--ar-muted)}
.abba-rech .ar-more{margin-top:auto;padding-top:6px;font:800 13px/1 var(--ar-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ar-ink);text-decoration:none}
.abba-rech .ar-more:hover{text-decoration:underline;text-underline-offset:4px}
.abba-rech .ar-pag{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin:40px 0 0;font:800 14px/1 var(--ar-display)}
.abba-rech .ar-pag .page-numbers{display:inline-block;padding:11px 15px;border-radius:999px;border:2px solid var(--ar-ink);color:var(--ar-ink);text-decoration:none}
.abba-rech .ar-pag .page-numbers.current{background:var(--ar-ink);color:#fff}
.abba-rech .ar-pag .page-numbers.dots{border-color:transparent}
.abba-rech .ar-pag a.page-numbers:hover{background:var(--ar-gold);border-color:var(--ar-gold)}
.abba-rech .ar-empty{margin:30px 0 0;padding:26px;border-radius:24px;background:#fff;font-size:16px}
.abba-rech .ar-empty a{color:var(--ar-cobalt)}
.abba-rech .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:900px){.abba-rech .ar-cards{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.abba-rech .ar-cards{grid-template-columns:1fr}.abba-rech .ar-go{width:100%}.abba-rech .ar-f{flex-basis:100%}.abba-rech .ar-reset{width:100%;text-align:center}}