/* ==========================================================================
   Maxelik, section Cas clients : index (cc-) et page détail (cd-).
   Décor de fond : icône du site en filigrane, jamais d'anneaux.
   ========================================================================== */
[hidden]{display:none!important}

/* ---------- commun : éléments des deux pages ---------- */
.cc-k{display:inline-flex;align-items:center;gap:10px;font-size:.86rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#7fd8ff}
.cc-k .ico{width:22px;height:22px;color:#7fd8ff}
.cc-k .ico .fs{fill:rgba(127,216,255,.12)}
.cc-st{display:inline-block;padding:4px 12px;border-radius:999px;background:#0063c7;font-size:.76rem;font-weight:800;color:#fff}
.cc-st.is-fini{background:var(--slate)}
.cc-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cc-tags li{padding:4px 11px;border-radius:999px;background:var(--soft-b);font-size:.78rem;font-weight:800;color:var(--slate)}

/* ---------- index : hero ---------- */
.cc-hero{position:relative;overflow:clip;isolation:isolate;padding-block:clamp(22px,3.6vh,48px) clamp(20px,3vh,40px);background:radial-gradient(55% 80% at 100% 0%,rgba(0,131,255,.3),transparent 70%),#0f1a22;color:#c8d3d9}
.cc-hero::after{content:"";position:absolute;z-index:-1;right:-34px;top:-38px;width:230px;aspect-ratio:458/414;background:url("img/maxelik-symbole.svg") no-repeat center/contain;opacity:.1;pointer-events:none}
.cc-hero-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4.5vw,72px);align-items:center}
.cc-hero h1{margin-top:12px;color:#fff}
.cc-lead{margin-top:16px;font-size:1.08rem;line-height:1.65;color:#c8d3d9}
.cc-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.cc-ghost{background:rgba(255,255,255,.1);color:#fff}
.cc-ghost:hover{background:rgba(255,255,255,.18)}
.cc-hero-k{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cc-hero-k li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 18px;align-items:center;padding:14px 20px;border-radius:var(--r);background:rgba(255,255,255,.06)}
.cc-hero-k li:first-child{background:linear-gradient(120deg,#0a4a91,#123049)}
.cc-hero-k b{grid-row:1/3;font-size:2rem;font-weight:900;line-height:1;letter-spacing:-.03em;color:#fff;white-space:nowrap}
.cc-hero-k sup{font-size:.55em}
.cc-hero-k span{font-size:.94rem;font-weight:700;line-height:1.35;color:#fff}
.cc-hero-k em{font-style:normal;font-size:.8rem;color:#9fb0b8}
/* bandeau de logos en boucle : six séries identiques, le rail parcourt la moitié de sa largeur.
   Sans JavaScript : animation CSS seule. Avec : cas-clients.js pilote le rail (glisser, flèches). */
.cc-logos{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:clamp(18px,3vh,30px);padding-inline:var(--gut)}
.cc-logos-f{overflow:clip;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.cc-logos-f.is-prise{cursor:grabbing}
.cc-logos-r{display:flex;width:max-content;animation:cc-logos 60s linear infinite}
.cc-logos.is-js .cc-logos-r{animation:none;will-change:transform}
.cc-logos-s{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex:none}
.cc-logos-s li{flex:none;padding-inline:clamp(26px,3vw,44px)}
.cc-logos-s img{height:50px;width:auto;max-width:160px;object-fit:contain;filter:grayscale(1) brightness(1.25);opacity:.72;transition:filter .3s,opacity .3s}
.cc-logos-s img:hover{filter:none;opacity:1}
.cc-logos-b{display:none;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;touch-action:none;transition:background .25s}
.cc-logos.is-js .cc-logos-b{display:grid}
.cc-logos-b:hover,.cc-logos-b:active{background:var(--blue)}
.cc-logos-b svg{width:16px;height:16px}
.cc-logos-b.is-g svg{transform:rotate(180deg)}
@keyframes cc-logos{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .cc-logos{grid-template-columns:minmax(0,1fr)}
  .cc-logos-f{-webkit-mask-image:none;mask-image:none;cursor:auto}
  .cc-logos-r{width:auto;animation:none}
  .cc-logos-s{flex:1;flex-wrap:wrap;justify-content:center;row-gap:12px}
  .cc-logos-s.is-copie,.cc-logos.is-js .cc-logos-b{display:none}
}

/* ---------- index : filtres ---------- */
.cc-fs{display:grid;gap:12px;padding:18px 20px;border-radius:var(--r);background:var(--soft)}
.cc-fs-g{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cc-fs-r{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px}
.cc-fs-l{margin-right:8px;font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.cc-f{padding:8px 14px;border:0;border-radius:999px;background:#fff;font:800 .88rem/1.2 "Nunito Sans",system-ui,sans-serif;color:var(--slate);cursor:pointer;transition:background .25s,color .25s}
.cc-f:hover{background:var(--soft-b)}
.cc-f[aria-pressed="true"]{background:var(--slate);color:#fff}
.cc-sel{display:inline-flex;align-items:center}
.cc-sel select{padding:8px 34px 8px 14px;border:0;border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23273238' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center/11px;font:800 .88rem/1.2 "Nunito Sans",system-ui,sans-serif;color:var(--slate);appearance:none;cursor:pointer}
.cc-n{margin:22px 0 14px;font-size:.95rem;color:var(--ink-2)}
.cc-n b{font-size:1.15rem;font-weight:900;color:var(--slate)}

/* ---------- cartes ---------- */
.cc-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.cc-c a{display:grid;grid-template-rows:auto 1fr;height:100%;border-radius:var(--r);overflow:clip;background:var(--soft);color:inherit;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s}
.cc-c a:hover{transform:translateY(-4px);box-shadow:0 28px 50px -34px rgba(19,40,60,.55)}
.cc-v{position:relative;display:block;aspect-ratio:16/10;overflow:clip;background:#dde7f0}
.cc-v>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}
.cc-c a:hover .cc-v>img{transform:scale(1.03)}
.cc-v .cc-st{position:absolute;right:12px;top:12px}
.cc-logo{position:absolute;left:14px;bottom:14px;display:grid;place-items:center;height:62px;min-width:88px;max-width:150px;padding:8px 12px;border-radius:var(--r);background:var(--slate);box-shadow:0 14px 26px -14px rgba(0,0,0,.7)}
.cc-logo img{max-height:46px;max-width:126px;width:auto;height:auto;object-fit:contain}
.cc-b{display:grid;align-content:start;gap:10px;padding:clamp(18px,2.2vw,26px)}
.cc-sec{font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.cc-b h3,.cc-h{font-size:1.18rem;font-weight:800;line-height:1.25;letter-spacing:-.015em;color:var(--slate)}
.cc-kpi{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:10px 14px;border-radius:var(--r);background:#fff}
.cc-kpi b{font-size:1.75rem;font-weight:900;line-height:1;letter-spacing:-.03em;color:#0070e0;white-space:nowrap}
.cc-kpi sup{font-size:.55em}
.cc-kpi span{font-size:.88rem;font-weight:700;line-height:1.35;color:var(--slate)}
.cc-kpi.is-t{grid-template-columns:1fr}
.cc-go{display:inline-flex;align-items:center;gap:8px;margin-top:2px;font-weight:800;color:var(--blue)}
.cc-go svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.cc-c a:hover .cc-go svg{transform:translateX(4px)}
@media (min-width:1001px){
  .cc-g:not(.is-filtre) .is-grand{grid-column:span 2}
  .cc-g:not(.is-filtre) .is-grand a{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:none}
  .cc-g:not(.is-filtre) .is-grand .cc-v{aspect-ratio:auto;height:100%;min-height:320px}
  .cc-g:not(.is-filtre) .is-grand .cc-b{align-content:center}
  .cc-g:not(.is-filtre) .is-grand .cc-b h3{font-size:1.4rem}
}
.cc-vide{display:grid;justify-items:start;gap:10px;padding:32px;border-radius:var(--r);background:var(--soft);color:var(--ink-2)}
.cc-vide-t{font-size:1.15rem;font-weight:900;color:var(--slate)}

/* ---------- index : méthode ---------- */
.cc-me{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:start}
.cc-me-l{list-style:none;margin:clamp(22px,3vw,34px) 0 0;padding:0;display:grid;gap:18px}
.cc-me-l li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px}
.cc-me-l li>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--grad);font-weight:900;color:#fff}
.cc-me-l h3{font-size:1.12rem}
.cc-me-l p{margin-top:4px;font-size:.98rem;line-height:1.65;color:var(--ink-2)}
.cc-me-p{padding:clamp(20px,2.4vw,28px);border-radius:var(--r);background:#fff;box-shadow:0 24px 50px -38px rgba(19,40,60,.5)}
.cc-me-k{margin-bottom:8px;font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.cc-me-p ul{list-style:none;margin:0;padding:0;display:grid}
.cc-me-p a{display:grid;grid-template-columns:32px minmax(0,1fr) 16px;gap:12px;align-items:center;padding:12px 0;font-size:.86rem;line-height:1.4;color:var(--ink-2);text-decoration:none;box-shadow:0 1px 0 rgba(19,40,60,.08)}
.cc-me-p li:last-child a{box-shadow:none}
.cc-me-p a b{display:block;font-size:1rem;color:var(--slate)}
.cc-me-p a:hover b{color:var(--blue)}
.cc-me-p a .ico{width:30px;height:30px}
.cc-me-p a>svg:last-child{width:16px;height:16px;color:var(--blue)}

/* ---------- appel ---------- */
.cc-ap{position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(28px,4vw,52px);border-radius:var(--r);background:radial-gradient(70% 90% at 100% 0%,#00baff,transparent 70%),linear-gradient(120deg,#0058c9,#0083ff);color:#e6f3ff}
.cc-ap::after{content:"";position:absolute;z-index:-1;right:-34px;bottom:-38px;width:230px;aspect-ratio:458/414;background:url("img/maxelik-symbole.svg") no-repeat center/contain;opacity:.14;filter:brightness(0) invert(1);pointer-events:none}
.cc-ap h2{color:#fff}
.cc-ap p{margin-top:10px;font-size:1.06rem;line-height:1.65}
.cc-ap-a{display:grid;justify-items:start;gap:12px}
.cc-ap-t{display:inline-flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:900;color:#fff;text-decoration:none}
.cc-ap-t .ico{width:24px;height:24px;color:#fff}
.cc-ap-t .ico .fs{fill:rgba(255,255,255,.2)}

/* ---------- détail : hero ---------- */
.cd-hero{position:relative;overflow:clip;isolation:isolate;padding-block:clamp(22px,3.6vh,48px) clamp(26px,4vh,56px);background:#0a1218;color:#dbe4e8}
.cd-hero-bg{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.cd-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(8,14,20,.8) 0%,rgba(8,14,20,.58) 50%,rgba(8,14,20,.08) 72%,rgba(8,14,20,0) 100%)}
.cd-hero-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,4.5vw,72px);align-items:center}
.cd-hero h1{margin-top:12px;color:#fff;font-size:clamp(2rem,1.3rem + 2.2vw,3rem)}
.cd-lead{margin-top:16px;font-size:1.08rem;line-height:1.65;color:#e6edf0}
.cd-fiche{display:grid;gap:12px;padding:clamp(18px,2vw,24px);border-radius:var(--r);background:rgba(8,14,20,.62);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#dbe4e8;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.cd-fiche-l{display:grid;justify-items:start;height:84px}
.cd-fiche-l img{height:84px;width:auto}
.cd-fiche dl{margin:0;display:grid}
.cd-fiche dl>div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:baseline;padding:7px 0;box-shadow:0 1px 0 rgba(255,255,255,.16)}
.cd-fiche dt{font-size:.78rem;font-weight:800;color:#c8d3d9}
.cd-fiche dd{margin:0;font-size:.92rem;font-weight:800;line-height:1.35;color:#fff}
.cd-fiche-e p{margin-bottom:6px;font-size:.78rem;font-weight:800;color:#c8d3d9}
.cd-fiche .cc-tags li{background:rgba(255,255,255,.14);color:#fff}

/* ---------- détail : résultats clés ---------- */
.cd-kp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.cd-kp li{display:grid;align-content:start;gap:6px;padding:clamp(22px,2.6vw,32px);border-radius:var(--r);background:var(--soft)}
.cd-kp b{font-size:clamp(2.6rem,2rem + 2vw,3.6rem);font-weight:900;line-height:1;letter-spacing:-.04em;color:#0070e0}
.cd-kp b.is-t{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.15;letter-spacing:-.02em}
.cd-kp span{font-size:1.04rem;font-weight:800;line-height:1.35;color:var(--slate)}
.cd-kp em{font-style:normal;font-size:.86rem;color:#5f6b71}
.cd-kp li.is-main{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(120deg,#0058c9,#0083ff)}
.cd-kp li.is-main::after{content:"";position:absolute;z-index:-1;right:-30px;bottom:-34px;width:170px;aspect-ratio:458/414;background:url("img/maxelik-symbole.svg") no-repeat center/contain;opacity:.14;filter:brightness(0) invert(1);pointer-events:none}
.cd-kp li.is-main b,.cd-kp li.is-main span{color:#fff}
.cd-kp li.is-main em{color:#d6efff}

/* ---------- détail : récit ---------- */
.cd-re{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.cd-so{position:sticky;top:calc(var(--head-bar) + 28px);display:grid;gap:12px}
.cd-so>p{font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.cd-so ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.cd-so ol a{display:flex;gap:10px;padding:9px 12px;border-radius:var(--r);font-size:.95rem;font-weight:800;color:var(--slate);text-decoration:none;transition:background .25s}
.cd-so ol a:hover{background:var(--soft-b)}
.cd-so ol span{color:var(--blue)}
.cd-so ol a{transition:background .25s,color .25s}
.cd-so ol a[aria-current="true"]{background:var(--slate);color:#fff}
.cd-so ol a[aria-current="true"] span{color:#7fd8ff}
.cd-so-s{display:inline-flex;align-items:center;gap:8px;padding-left:12px;font-size:.92rem;font-weight:800;text-decoration:none}
.cd-so-s svg{width:15px;height:15px}
.cd-re-c{display:grid;gap:clamp(36px,5vw,60px);min-width:0}
.cd-bl{display:grid;gap:14px;scroll-margin-top:110px}
.cd-bl h2{scroll-margin-top:110px}
.cd-n{font-size:1rem;font-weight:900;letter-spacing:.06em;color:var(--blue)}
.cd-bl>p:not(.cd-n):not(.cd-nota){font-size:1.05rem;line-height:1.75;color:var(--ink-2)}
/* défis : quatre marches qui montent vers le résultat, de plus en plus bleues */
.cd-de{position:relative;margin-top:6px;padding:clamp(20px,2.4vw,30px);border-radius:var(--r);background:#0f1a22;overflow:clip}
.cd-de-t{position:absolute;left:clamp(20px,2.4vw,30px);top:clamp(20px,2.4vw,30px);width:46%;display:grid;gap:6px}
.cd-de-k{font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#7fd8ff}
.cd-de-b{font-size:1.12rem;font-weight:700;line-height:1.35;color:#fff}
.cd-de-b b{color:#7fd8ff;white-space:nowrap}
.cd-de ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}
.cd-de li{display:grid}
html.js .cd-de li.rv:not(.is-in){transform:translateY(70px)}
.cd-de li:nth-child(1){margin-top:138px}
.cd-de li:nth-child(2){margin-top:92px}
.cd-de li:nth-child(3){margin-top:46px}
.cd-de-c{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding:16px;border-radius:var(--r);transition:transform .3s var(--ease),box-shadow .3s}
.cd-de-c:hover{transform:translateY(-6px);box-shadow:0 24px 40px -22px rgba(0,131,255,.8)}
.cd-de li:nth-child(1) .cd-de-c{background:#1c2b35}
.cd-de li:nth-child(2) .cd-de-c{background:#173a5c}
.cd-de li:nth-child(3) .cd-de-c{background:#114f90}
.cd-de li:nth-child(4) .cd-de-c{background:#0063c7}
.cd-de-n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;font-weight:900;color:#0063c7}
.cd-de-c h3{font-size:1.02rem;line-height:1.25;color:#fff}
.cd-de-c>p:not(.cd-de-r){font-size:.88rem;line-height:1.5;color:#dbe4e8}
.cd-de li:nth-child(n+3) .cd-de-c>p:not(.cd-de-r){color:#eef5fb}
.cd-de-r{display:grid;gap:2px;margin-top:4px;padding:9px 11px;border-radius:6px;background:#fff;font-size:.84rem;font-weight:800;line-height:1.3;color:var(--slate)}
.cd-de-r span{font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#0063c7}
.cd-ph{margin:6px 0 0}
.cd-ph img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 35%;border-radius:var(--r)}
.cd-so-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cd-so-l li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;padding:16px 20px;border-radius:var(--r);background:#fff}
.cd-so-l li>span{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r);background:var(--soft-b)}
.cd-so-l .ico{width:28px;height:28px}
.cd-so-l h3{font-size:1.08rem}
.cd-so-l p{margin-top:3px;font-size:.95rem;line-height:1.6;color:var(--ink-2)}
.cd-gr{margin:6px 0 0;display:grid;gap:14px;padding:clamp(20px,2.6vw,30px);border-radius:var(--r);background:var(--slate);color:#c8d3d9}
.cd-gr figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:#fff}
.cd-gr figcaption span{font-size:.78rem;font-weight:800;color:#7fd8ff}
.cd-gr-r{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;font-size:.95rem;font-weight:800;color:#fff}
.cd-gr-b{display:grid;gap:5px}
.cd-gr-b i{display:flex;align-items:center;justify-content:flex-end;height:26px;width:var(--w);padding-right:10px;border-radius:4px;font-style:normal}
.cd-gr-b em{font-style:normal;font-size:.82rem;font-weight:900;color:#fff}
.cd-gr-b .av{background:rgba(255,255,255,.2)}
.cd-gr-b .ap{background:linear-gradient(90deg,#0070e0,#00a2e6)}
.cd-gr-lg{display:flex;gap:20px;font-size:.82rem}
.cd-gr-lg span::before{content:"";display:inline-block;width:18px;height:9px;margin-right:8px;border-radius:2px;vertical-align:.05em}
.cd-gr-lg .av::before{background:rgba(255,255,255,.2)}
.cd-gr-lg .ap::before{background:linear-gradient(90deg,#0070e0,#00a2e6)}
.cd-ri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cd-ri li{display:grid;align-content:start;gap:4px;padding:18px 20px;border-radius:var(--r);background:#fff;font-size:.95rem;line-height:1.6;color:var(--ink-2)}
.cd-ri b{font-size:1.04rem;color:var(--slate)}
.cd-nota{font-size:.88rem;color:#5f6b71}

/* ---------- détail : autres cas ---------- */
.cd-au-h{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(20px,3vw,32px)}
.cd-au-n{display:flex;gap:8px;flex:none}
.cd-au-n button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--slate);color:#fff;cursor:pointer;transition:background .25s}
.cd-au-n button:hover{background:var(--blue)}
.cd-au-n button svg{width:18px;height:18px}
.cd-au-n button:first-child svg{transform:rotate(180deg)}
.cd-car{list-style:none;margin:0;padding:0 0 10px;display:flex;gap:18px;overflow:auto hidden;scroll-snap-type:x mandatory;scrollbar-width:thin}
.cd-car>li{flex:0 0 min(360px,80vw);scroll-snap-align:start}
.cd-car .cc-c a{background:#fff}
.cd-car .cc-kpi{background:var(--soft)}
.cd-au-t{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:800;text-decoration:none}
.cd-au-t svg{width:16px;height:16px}

/* ---------- responsive ---------- */
@media (max-width:760px){
  .cd-de-t{position:static;width:auto;margin-bottom:16px}
  .cd-de ol{grid-template-columns:1fr}
  .cd-de li:nth-child(n){margin-top:0}
  html.js .cd-de li.rv:not(.is-in){transform:translateX(-24px)}
}
@media (max-width:1100px){.cc-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){
  .cc-hero-g,.cc-me,.cd-hero-g,.cd-re{grid-template-columns:1fr}
  .cc-ap{grid-template-columns:1fr}
  .cd-so{position:static}
  .cd-hero::before{background:rgba(8,14,20,.8)}
}
@media (max-width:700px){
  .cc-g,.cd-kp,.cd-ri{grid-template-columns:1fr}
  .cc-logos-s img{height:40px;max-width:120px}
  .cc-logos-s li{padding-inline:18px}
  .cc-logos.is-js .cc-logos-b{display:none}
  .cc-logos{padding-inline:0}
  .cd-gr-r{grid-template-columns:1fr;gap:6px}
  .cc-fs-r{align-items:flex-start;flex-direction:column}
}

/* intégration WordPress : carte sans fiche, fiche seule, escalier à 2 ou 3 marches, témoignage */
.cc-c a:not([href]){cursor:default}
.cc-c a:not([href]):hover{transform:none;box-shadow:none}
.cc-c a:not([href]):hover .cc-v>img{transform:none}
.cc-g.is-seul .cc-c{grid-column:1/-1}
@media (min-width:1001px){
  .cd-de ol.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cd-de ol.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cd-de ol.is-1{grid-template-columns:minmax(0,1fr)}
  .cd-de ol.is-3 li:nth-child(1){margin-top:92px}
  .cd-de ol.is-3 li:nth-child(2){margin-top:46px}
  .cd-de ol.is-3 li:nth-child(3){margin-top:0}
  .cd-de ol.is-2 li:nth-child(1){margin-top:46px}
  .cd-de ol.is-2 li:nth-child(2){margin-top:0}
  .cd-de ol.is-1 li:nth-child(1){margin-top:0}
}
.cd-te{margin:clamp(20px,2.4vw,30px) 0 0;padding:clamp(20px,2.4vw,30px);border-radius:var(--r);background:#fff}
.cd-te blockquote{margin:0;font-size:1.1rem;line-height:1.6;color:var(--slate)}
.cd-te figcaption{display:grid;gap:2px;margin-top:12px;font-size:.92rem;color:var(--ink-2)}
.cd-te figcaption b{color:var(--slate)}
/* bouton natif : la classe reste sur l'enveloppe, le lien porte btn */
.wp-block-button.cc-ghost>a{background:rgba(255,255,255,.1);color:#fff}
.wp-block-button.cc-ghost>a:hover{background:rgba(255,255,255,.18)}

/* colonne collante : sommaire et encart de confidentialité */
.cd-co{position:sticky;top:calc(var(--head-bar) + 28px);display:grid;gap:16px}
.cd-co .cd-so{position:static}
.cd-avis{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:14px;border-radius:var(--r);background:#fff1dd}
.cd-avis svg{width:22px;height:22px;color:#a85400}
.cd-avis p{font-size:.86rem;font-weight:700;line-height:1.5;color:#5f3100}
@media (max-width:1000px){.cd-co{position:static}}
@media (max-height:640px){.cd-co{position:static}}