/* DOSOBE · couche v9 (20/10/2026) : pied de page structuré, méga-menu en grille (inspiration eOne),
   recherche « spotlight », menu contextuel, bannière cookies, intégrations, prise de rendez-vous, page liens. */

/* ——— appel final ——— */
.final{padding:clamp(88px,12vw,168px) 0 clamp(72px,9vw,128px)}
.final .field,.final canvas{display:none!important}
.fin-in{display:flex;flex-direction:column;gap:clamp(28px,3.5vw,44px)}
.fin-t{margin:0;max-width:14em;font:400 clamp(40px,5.6vw,84px)/1.02 var(--f-display);letter-spacing:-.015em;text-wrap:balance;color:var(--white)}
.fin-act{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
.fin-b{height:52px;padding:0 26px;background:var(--signal);color:var(--ink)!important;font-size:16px}
.fin-b:hover{background:var(--mint,#7FE6D6)}
.fin-l{color:rgba(251,250,247,.8);font:500 16px/1 var(--f-text);text-decoration:underline;text-decoration-color:rgba(251,250,247,.35);text-underline-offset:5px;transition:color .2s}
.fin-l:hover{color:var(--white)}

/* ——— pied de page : un écran, trois colonnes, une ligne ——— */
.foot7,.ft8{display:none!important}
.ft9{background:var(--ink);color:var(--white);border-top:1px solid rgba(251,250,247,.1)}
.ft9 a,.ft9 button{color:rgba(251,250,247,.78);text-decoration:none;font:400 15px/1.3 var(--f-text);transition:color .2s}
.ft9 a:hover,.ft9 button:hover{color:var(--white)}
.ft9 button{padding:0;border:0;background:none;cursor:pointer;text-align:left}
.ft9-in{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.3fr);gap:clamp(40px,8vw,160px);padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
.ft9-id img{display:block;height:34px;width:auto;margin-bottom:22px}
.ft9-id p{margin:0;max-width:24em;font:400 15px/1.6 var(--f-text);color:rgba(251,250,247,.6)}
.ft9-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ft9-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.ft9-h{margin-bottom:6px;font:500 13px/1 var(--f-text);color:rgba(251,250,247,.42)}
.ft9-bot{display:flex;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:28px;border-top:1px solid rgba(251,250,247,.1);font:400 13px/1.4 var(--f-text);color:rgba(251,250,247,.45)}
.ft9-tools{display:flex;gap:14px}
@media (max-width:820px){.ft9-in{grid-template-columns:1fr;gap:40px}.ft9-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ——— méga-menu en grille ——— */
.hdr.v8 .mg-gridw{display:grid;grid-template-columns:minmax(250px,22%) 1fr!important;gap:0}
.hdr.v8 .mg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:2px 0 2px 28px}
.hdr.v8 .mgc{display:flex;flex-direction:column;gap:8px;min-height:116px;padding:16px 16px 14px;border-radius:10px;background:var(--paper);color:var(--ink);text-decoration:none;transition:background .2s,transform .3s var(--ease)}
.hdr.v8 .mgc:hover{background:var(--paper-2);transform:translateY(-2px)}
.hdr.v8 .mgc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(1,14,14,.1)}
.hdr.v8 .mgc-h b{font:500 17px/1.25 var(--f-text)}
.hdr.v8 .mgc-h i{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:6px;background:var(--ink);color:var(--white);transition:background .2s}
.hdr.v8 .mgc:hover .mgc-h i{background:var(--signal-ink)}
.hdr.v8 .mgc-h i svg{width:12px;height:12px}
.hdr.v8 .mgc small{font:400 13.5px/1.45 var(--f-text);color:var(--stone)}
.hdr.v8 .mgc em{margin-top:auto;font:500 11.5px/1 var(--f-text);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--stone)}
.hdr.v8 .mgc-feat{padding:0;background:none;min-height:0}
.hdr.v8 .mgc-feat .mg-feat{min-height:100%;flex-direction:row}
.hdr.v8 .mgc-feat .mf-vis{flex:0 0 40%;margin:8px;min-height:auto}
@media (max-width:1280px){.hdr.v8 .mg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ——— spotlight ——— */
.sp{position:fixed;inset:0;z-index:90;display:grid;justify-items:center;align-items:start;padding:12vh 12px 0;background:rgba(1,14,14,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sp[hidden],.cm[hidden],.ck[hidden]{display:none}
.sp-in{width:min(680px,100%);border-radius:14px;background:var(--white);box-shadow:0 40px 80px -30px rgba(1,14,14,.6);overflow:hidden;animation:dm-in .25s var(--ease)}
.sp-bar{display:flex;align-items:center;gap:12px;padding:0 18px;height:60px;border-bottom:1px solid rgba(1,14,14,.1);color:var(--stone)}
.sp-bar input{flex:1;height:100%;border:0;background:none;font:400 18px/1 var(--f-text);color:var(--ink);outline:0}
kbd{display:inline-block;margin:0 2px;padding:3px 6px;border-radius:5px;background:var(--paper);box-shadow:inset 0 0 0 1px rgba(1,14,14,.12);font:500 11.5px/1 var(--f-text);color:var(--stone)}
.sp-body{max-height:min(52vh,420px);overflow:auto;padding:8px}
.sp-it{display:grid;grid-template-columns:96px 1fr;gap:2px 12px;align-items:baseline;padding:11px 12px;border-radius:8px;color:var(--ink);text-decoration:none}
.sp-it.on,.sp-it:hover{background:var(--paper)}
.sp-k{grid-row:1/3;font:500 11.5px/1.4 var(--f-text);letter-spacing:.05em;text-transform:uppercase;color:var(--stone)}
.sp-it b{font:500 15.5px/1.3 var(--f-text)}.sp-it small{font:400 13px/1.4 var(--f-text);color:var(--stone)}
.sp-empty{padding:20px;color:var(--stone);font:400 15px/1.5 var(--f-text)}
.sp-foot{display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 16px;border-top:1px solid rgba(1,14,14,.08);background:var(--paper);font:400 12.5px/1 var(--f-text);color:var(--stone)}
.sp-open{overflow:hidden}
@media (max-width:560px){.sp-it{grid-template-columns:1fr}.sp-k{grid-row:auto}.sp-foot{display:none}}
mark.dsb-hit{background:rgba(242,190,31,.55);color:inherit;border-radius:3px;padding:0 1px}
mark.dsb-hit.on{background:var(--signal);box-shadow:0 0 0 2px var(--signal)}
.fb{position:fixed;right:16px;bottom:16px;z-index:80;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-radius:10px;background:var(--ink);color:var(--white);font:500 14px/1 var(--f-text);box-shadow:0 18px 40px -16px rgba(1,14,14,.6)}
.fb[hidden]{display:none}.fb-n{color:rgba(251,250,247,.65)}
.fb button{width:32px;height:32px;border:0;border-radius:7px;background:rgba(251,250,247,.12);color:inherit;cursor:pointer;font:inherit}

/* ——— menu contextuel ——— */
.cm{position:fixed;z-index:95;min-width:240px;padding:6px;border-radius:12px;background:var(--white);box-shadow:0 0 0 1px rgba(1,14,14,.08),0 24px 50px -18px rgba(1,14,14,.5);animation:dm-in .15s var(--ease)}
.cm button{display:flex;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:7px;background:none;color:var(--ink);text-align:left;font:500 14px/1.3 var(--f-text);cursor:pointer}
.cm button:hover,.cm button:focus{background:var(--paper);outline:0}
.cm hr{margin:5px 6px;border:0;border-top:1px solid rgba(1,14,14,.1)}
.cm-tip{margin:4px 12px 6px;font:400 11.5px/1.3 var(--f-text);color:var(--stone)}

/* ——— cookies : discret, papier, filet fin ——— */
.ck{position:fixed;left:16px;bottom:16px;z-index:85;width:min(380px,calc(100vw - 32px))}
.ck-in{padding:16px 18px 14px;border-radius:12px;background:var(--white);color:var(--ink);box-shadow:0 0 0 1px rgba(1,14,14,.1),0 18px 40px -22px rgba(1,14,14,.35)}
.ck-x{margin:0 0 12px;font:400 13.5px/1.5 var(--f-text);color:var(--ink-soft)}
.ck-x a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.ck-opts{display:grid;gap:0;margin:0 0 10px;border-top:1px solid rgba(1,14,14,.08)}
.ck-opts[hidden]{display:none}
.ck-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(1,14,14,.08)}
.ck-row b{display:block;font:500 13.5px/1.3 var(--f-text)}
.ck-row small{display:block;margin-top:2px;font:400 12px/1.4 var(--f-text);color:var(--stone)}
.ck-sw{position:relative;flex:0 0 38px;width:38px;height:22px;cursor:pointer}
.ck-sw input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.ck-sw i{position:absolute;inset:0;border-radius:11px;background:rgba(1,14,14,.18);transition:background .2s}
.ck-sw i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(1,14,14,.3);transition:transform .2s var(--ease)}
.ck-sw input:checked + i{background:var(--signal-ink)}
.ck-sw input:checked + i::after{transform:translateX(16px)}
.ck-sw input:disabled + i{opacity:.55}
.ck-sw input:focus-visible + i{outline:2px solid var(--signal-ink);outline-offset:2px}
.ck-act{display:flex;align-items:center;gap:8px}
.ck-gap{flex:1}
.ck-link{padding:0;border:0;background:none;font:500 13px/1 var(--f-text);color:var(--stone);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ck-link:hover{color:var(--ink)}
.ck-b{height:36px;padding:0 16px;border:0;border-radius:8px;background:var(--white);box-shadow:inset 0 0 0 1px rgba(1,14,14,.3);color:var(--ink);font:500 13.5px/1 var(--f-text);cursor:pointer;transition:background .2s}
.ck-b:hover{background:var(--paper)}
.ck-yes{background:var(--ink);color:var(--white);box-shadow:none}.ck-yes:hover{background:#0A3A35}
@media (max-width:560px){.ck{left:10px;right:10px;bottom:10px;width:auto}}

/* ——— ressources, confirmation ——— */
.rs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.rs-card{display:flex;flex-direction:column;border-radius:12px;background:var(--white);box-shadow:inset 0 0 0 1px rgba(1,14,14,.08);overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .3s var(--ease)}
.rs-card:hover{transform:translateY(-3px)}
.rs-vis{display:block;height:150px!important;position:relative}
.rs-b{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px}.rs-b b{font:400 22px/1.15 var(--f-display)}
.rs-b > span:not(.c2-tag){font:400 14px/1.5 var(--f-text);color:var(--stone)}.rs-b i{margin-top:6px;font:500 14px/1 var(--f-text);font-style:normal}
.rs-page{padding:calc(var(--hdr-h) + clamp(28px,4vw,56px)) 0 clamp(48px,6vw,96px)}
.rs-in{display:grid;grid-template-columns:1.2fr minmax(300px,.8fr);gap:clamp(28px,5vw,80px);align-items:start}
.rs-r{position:sticky;top:calc(var(--hdr-h) + 12px);display:flex;flex-direction:column;gap:14px}
.rs-cover{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--pv)}
.rs-cover b{position:absolute;left:18px;right:18px;bottom:16px;padding:12px 14px;border-radius:8px;background:var(--white);font:400 21px/1.15 var(--f-display)}
.rs-form{padding:22px;border-radius:12px;background:var(--white);box-shadow:inset 0 0 0 1px rgba(1,14,14,.08)}
.rs-form .dm-h{margin:0 0 12px;font:400 26px/1.1 var(--f-display)}
.lf{display:flex;flex-direction:column;gap:12px}.lf .hp,.hp{position:absolute;left:-9999px}
.lf .hb{height:48px}.lf [data-msg].ok{color:var(--signal-ink)}.lf [data-msg].err{color:#B42318}
@media (max-width:900px){.rs-in{grid-template-columns:1fr}.rs-r{position:static}}
.lc{padding:calc(var(--hdr-h) + clamp(40px,6vw,96px)) 0 clamp(48px,6vw,96px)}.lc-in{max-width:46rem}
.lc-next{display:grid;gap:10px;margin-top:36px}.lc-dl{height:50px}

/* ——— intégrations ——— */
.dsb-embed{margin:2em 0;border-radius:12px;overflow:hidden;background:var(--ink);box-shadow:0 0 0 1px rgba(1,14,14,.08)}
.dsb-embed iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.dsb-embed figcaption{padding:10px 14px;background:var(--paper);font:400 12.5px/1.4 var(--f-text);color:var(--stone)}
.dsb-yt button{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}
.dsb-yt img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.8)}
.dsb-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;display:grid;place-items:center;border-radius:50%;background:var(--signal);color:var(--ink);transition:transform .3s var(--ease)}
.dsb-yt button:hover .dsb-play{transform:scale(1.08)}

.prose .dsb-more{margin-top:2em;padding:14px 16px;border-radius:10px;background:var(--white);box-shadow:inset 0 0 0 1px rgba(1,14,14,.08);font-size:.95em}