/* Lùkla Site Web 2.0 — couche de modifications (fichier Excel + accessibilité + thèmes)
   Posée PAR-DESSUS la charte d'origine : ne modifie que ce qui est nécessaire. */

/* ---------- GÉNÉRAL · police trop petite ---------- */
main p:not([class*="font-size"]):not(.home-maps-container *):not(.maps *):not(.key-figure *){font-size:1.0625rem}

/* ---------- GÉNÉRAL · trop de blanc / effet « slides » ---------- */
:root{--wp--preset--spacing--block-spacing:6rem}
.wp-site-blocks>main>.wp-block-group,.wp-site-blocks>.wp-block-group{min-height:0!important}

/* ---------- GÉNÉRAL · menu : 1 couleur / titre, sans dégradés superposés ---------- */
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item{--c:var(--wp--preset--color--deep-indigo);--on:#fff}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(1){--c:var(--wp--preset--color--deep-indigo);--on:#fff}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(2){--c:var(--wp--preset--color--indigo);--on:#fff}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(3){--c:var(--wp--preset--color--deep-purple);--on:#fff}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(4){--c:var(--wp--preset--color--orange-sanguine);--on:#1f1a2e}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(5){--c:var(--wp--preset--color--orange);--on:#1f1a2e}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(6){--c:var(--wp--preset--color--gold);--on:#1f1a2e}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>.wp-block-navigation-submenu{background:var(--c)!important;background-image:none!important}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>.wp-block-navigation-submenu a{color:var(--on)!important}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a:hover,
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a:focus-visible{color:var(--c)!important}

/* ---------- ACCESSIBILITÉ · contrastes (teintes de la charte, foncées pour le texte) ---------- */
.has-orange-color:not(.has-background){color:#b35400!important}
.has-orange-sanguine-color:not(.has-background){color:#b84300!important}
.has-orange-yellow-color:not(.has-background),.has-gold-color:not(.has-background),.has-yellow-color:not(.has-background),.has-luminous-vivid-amber-color:not(.has-background){color:#7a5c00!important}
.has-pink-color:not(.has-background),.has-deep-pink-color:not(.has-background){color:#b3306e!important}
.has-salmon-color:not(.has-background),.has-grapefruit-color:not(.has-background),.has-raspberry-red-color:not(.has-background){color:#b83a44!important}
.has-purple-color:not(.has-background){color:#a8287a!important}
:is(.has-orange-background-color,.has-orange-sanguine-background-color,.has-orange-yellow-background-color,.has-gold-background-color,.has-yellow-background-color,.has-salmon-background-color,.has-pink-background-color,.has-deep-pink-background-color,.has-luminous-vivid-amber-background-color).has-white-color,
:is(.has-orange-background-color,.has-orange-sanguine-background-color,.has-orange-yellow-background-color,.has-gold-background-color,.has-yellow-background-color,.has-salmon-background-color,.has-pink-background-color,.has-deep-pink-background-color,.has-luminous-vivid-amber-background-color) :is(a,p,span,h2,h3,h4){color:#1f1a2e!important}

/* ---------- ACCESSIBILITÉ · focus, évitement, utilitaires ---------- */
:focus-visible{outline:3px solid #b35400!important;outline-offset:3px!important}
.l21-skip{position:absolute;left:1rem;top:-200px;z-index:100000;display:flex;gap:.5rem}
.l21-skip:focus-within{top:1rem}
.l21-skip a{background:var(--wp--preset--color--deep-indigo);color:#fff;padding:.75rem 1.1rem;border-radius:8px;font-weight:700;text-decoration:none}
.l21-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main:focus{outline:none}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}[class*="animate-"]{opacity:1!important;transform:none!important}}
html[data-motion="reduce"] *,html[data-motion="reduce"] *:before,html[data-motion="reduce"] *:after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important}
html[data-motion="reduce"] [class*="animate-"]{opacity:1!important;transform:none!important}

/* ---------- OUTILS D'AFFICHAGE (en-tête) ---------- */
.l21-tools{display:flex;align-items:center;gap:.35rem;margin-left:.75rem;flex:0 0 auto}
.l21-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--wp--preset--color--deep-indigo);background:#fff;color:var(--wp--preset--color--deep-indigo);cursor:pointer;padding:0}
.l21-btn svg{width:17px;height:17px;fill:currentColor}
.l21-btn[aria-pressed="true"]{background:var(--wp--preset--color--deep-indigo);color:#fff}
.l21-panel{position:absolute;right:1rem;top:calc(100% + .5rem);width:min(92vw,380px);background:#fff;color:#1f1a2e;border:2px solid var(--wp--preset--color--deep-indigo);border-radius:16px;box-shadow:0 10px 30px rgba(76,39,126,.2);padding:1.25rem;z-index:9999;font-size:1rem}
.l21-panel[hidden]{display:none}
.l21-panel h2{font-size:1.2rem;margin:0 0 .75rem;color:var(--wp--preset--color--deep-indigo)}
.l21-panel fieldset{border:0;padding:0;margin:0 0 .9rem}
.l21-panel legend{font-weight:700;margin-bottom:.35rem}
.l21-seg{display:flex;flex-wrap:wrap;gap:.4rem}
.l21-seg label{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.3rem .8rem;border:2px solid #cfc4de;border-radius:999px;cursor:pointer}
.l21-seg label:has(input:checked){border-color:var(--wp--preset--color--deep-indigo);background:#f4eefb}
.l21-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:44px}
.l21-row input,.l21-seg input{width:1.25em;height:1.25em;accent-color:var(--wp--preset--color--deep-indigo)}
.l21-actions{display:flex;gap:.5rem;margin-top:.5rem}
.l21-actions button{min-height:44px;padding:.4rem 1rem;border-radius:999px;border:2px solid var(--wp--preset--color--deep-indigo);background:#fff;color:var(--wp--preset--color--deep-indigo);font-weight:700;cursor:pointer}
.l21-actions button.primary{background:var(--wp--preset--color--deep-indigo);color:#fff}
.l21-hint{font-size:.9rem;color:#4b4560;margin:.25rem 0 0}
html[data-textsize="125"]{font-size:125%}
html[data-textsize="150"]{font-size:150%}
html[data-spacing="on"] body :is(p,li,a,span,h1,h2,h3,h4,h5,label){line-height:1.9!important;letter-spacing:.12em!important;word-spacing:.16em!important}

/* ---------- PIED DE PAGE 2.0 ---------- */
.l21-footer{background:var(--wp--preset--color--deep-indigo);color:#fff;padding:4rem 0 2rem;font-size:1rem}
.l21-footer a{color:#fff}
.l21-footer .in{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.l21-footer .top{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}
.l21-footer .claim{font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:800;line-height:1.2;margin:1rem 0}
.l21-footer .label{text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.85rem;margin:0 0 .6rem}
.l21-footer .tel{font-size:1.6rem;font-weight:800;margin:0 0 .4rem}
.l21-footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);margin-top:3rem;padding:2rem 0}
.l21-footer ul{list-style:none;margin:0;padding:0}
.l21-footer li{margin:0 0 .6rem}
.l21-footer .social{display:flex;gap:.6rem;margin-top:1rem}
.l21-footer .social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid #fff}
.l21-footer .social svg{width:20px;height:20px;fill:#fff}
.l21-footer .bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;font-size:.9rem}
.l21-footer .cta{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;text-decoration:none;margin-top:1rem}
.l21-footer .cta span{display:inline-flex;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--wp--preset--color--deep-indigo);align-items:center;justify-content:center;font-weight:900}
@media (max-width:900px){.l21-footer .top{grid-template-columns:1fr}.l21-footer .cols{grid-template-columns:repeat(2,1fr)}}

/* ---------- NOUVEAUX BLOCS (reprennent les styles de la charte) ---------- */
.l21-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem 3rem;align-items:center;list-style:none;margin:0 auto;padding:0;max-width:1100px}
.l21-logos li{margin:0;display:flex;align-items:center;justify-content:center;min-height:90px}
.l21-logos img{max-height:70px;max-width:180px;width:auto;height:auto;object-fit:contain}
.l21-logos a{display:inline-flex;padding:.5rem;border-radius:8px}
.l21-logos a:hover img{transform:scale(1.04)}
@media (max-width:800px){.l21-logos{grid-template-columns:repeat(2,1fr)}}
.l21-search{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;max-width:900px;margin:0 auto 2rem}
.l21-search .f{display:flex;flex-direction:column;gap:.3rem;flex:1 1 260px}
.l21-search label{font-weight:700}
.l21-search input,.l21-search select{font:inherit;min-height:48px;padding:.5rem .8rem;border:2px solid #4b4560;border-radius:10px;background:#fff;color:#1f1a2e}
.l21-search button{min-height:48px;padding:.5rem 1.4rem;border-radius:999px;border:0;background:var(--wp--preset--color--deep-indigo);color:#fff;font-weight:700;cursor:pointer}
.l21-count{text-align:center;font-weight:700;margin-bottom:1.5rem}

/* ======================================================================
   THÈME SOMBRE — mêmes teintes de la charte, fonds inversés
   ====================================================================== */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body,html[data-theme="dark"] .wp-site-blocks{background:#130e1f!important;color:#ece7f6}
html[data-theme="dark"] .header,html[data-theme="dark"] header .wp-block-group.header{background:#130e1f!important}
html[data-theme="dark"] .has-white-background-color{background-color:#1f1830!important}
html[data-theme="dark"] .has-very-light-gray-background-color,html[data-theme="dark"] [class*="light-"][class*="-background-color"]:not(.has-light-indigo-background-color):not(.icon){background-color:#1f1830!important}
html[data-theme="dark"] :is(p,li,span,dt,dd,label,figcaption,td,th):not([class*="-color"]){color:#ece7f6}
html[data-theme="dark"] :is(h1,h2,h3,h4,h5,h6):not([class*="-color"]){color:#f4f0fb}
html[data-theme="dark"] :is(.has-deep-indigo-color,.has-dark-indigo-color,.has-indigo-color,.has-light-purple-color,.has-black-color,.has-deep-purple-color):not(.has-background){color:#d6c2ff!important}
html[data-theme="dark"] .has-light-indigo-color:not(.has-background){color:#d9a6ff!important}
html[data-theme="dark"] :is(.has-orange-color,.has-orange-sanguine-color,.has-orange-yellow-color):not(.has-background){color:#ffa24d!important}
html[data-theme="dark"] :is(.has-gold-color,.has-yellow-color):not(.has-background){color:#ffd000!important}
html[data-theme="dark"] :is(.has-pink-color,.has-deep-pink-color,.has-purple-color):not(.has-background){color:#ff8fc8!important}
html[data-theme="dark"] a:not([class*="button"]):not(.l21-btn):not([class*="-color"]){color:#d9b8ff}
html[data-theme="dark"] .block-content,html[data-theme="dark"] .wp-block-post .wp-block-group{background-color:#1f1830}
html[data-theme="dark"] .nav-main .wp-block-navigation-item__content{color:#ece7f6}
html[data-theme="dark"] .wp-block-navigation__responsive-container.is-menu-open{background:#130e1f!important;color:#ece7f6}
html[data-theme="dark"] img.custom-logo,html[data-theme="dark"] .l21-logos img{background:#fff;border-radius:8px;padding:4px}
html[data-theme="dark"] .l21-btn{background:#1f1830;color:#ece7f6;border-color:#d6c2ff}
html[data-theme="dark"] .l21-btn[aria-pressed="true"]{background:#d6c2ff;color:#130e1f}
html[data-theme="dark"] .l21-panel{background:#1f1830;color:#ece7f6;border-color:#d6c2ff}
html[data-theme="dark"] .l21-panel h2{color:#d6c2ff}
html[data-theme="dark"] .l21-seg label:has(input:checked){background:#2c2342}
html[data-theme="dark"] .l21-hint{color:#c7c0d6}
html[data-theme="dark"] .l21-actions button{background:#1f1830;color:#ece7f6;border-color:#d6c2ff}
html[data-theme="dark"] .l21-actions button.primary{background:#d6c2ff;color:#130e1f}
html[data-theme="dark"] .l21-footer{background:#0b0713;border-top:1px solid #3a2f52}
html[data-theme="dark"] .l21-search input,html[data-theme="dark"] .l21-search select{background:#1f1830;color:#ece7f6;border-color:#c7c0d6}
html[data-theme="dark"] .l21-search button{background:#d6c2ff;color:#130e1f}
html[data-theme="dark"] :focus-visible{outline-color:#ffa24d!important}

/* ======================================================================
   MODE FILAIRE (accessible) — structure seule, contraste maximal
   ====================================================================== */
html[data-wire="on"] body,html[data-wire="on"] .wp-site-blocks{background:#fff!important;color:#000!important}
html[data-wire="on"] *:not(.l21-panel *):not(.l21-panel){background:transparent!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;border-radius:0!important;color:#000!important;animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
html[data-wire="on"] :is(video,iframe,svg:not(.l21-btn svg):not(.l21-pastille svg):not(.social svg):not(.l3-dock svg):not(.l3-lang svg):not(.up svg):not(.l3-sel svg):not(.l3-filter svg):not(.l3-btn svg):not(.l3-play svg),.wp-block-cover__background,.wp-block-cover__image-background,[class*="decor"],[class*="shape"],.mountain,i.icon,i.wp-block-lukla-icon-block){display:none!important}
html[data-wire="on"] img.custom-logo{display:inline!important;filter:grayscale(1) contrast(2)}
html[data-wire="on"] :is(.wp-block-columns,.is-layout-flex,.is-layout-grid,.wp-block-post-template,.l21-logos,.l21-footer .top,.l21-footer .cols){display:block!important}
html[data-wire="on"] :is(.wp-block-column,.wp-block-group,section,.wp-block-post,li.wp-block-post){border:1px dashed #000!important;margin:.5rem 0!important;padding:.75rem!important;width:auto!important;max-width:100%!important;flex:none!important}
html[data-wire="on"] a{color:#0000b3!important;text-decoration:underline!important}
html[data-wire="on"] :is(h1,h2,h3,h4,h5,h6){font-style:normal!important}
html[data-wire="on"] h1:before{content:"H1 · ";font-size:.6em}
html[data-wire="on"] h2:before{content:"H2 · ";font-size:.6em}
html[data-wire="on"] h3:before{content:"H3 · ";font-size:.6em}
html[data-wire="on"] :is(header,footer,main,nav){outline:2px solid #000;outline-offset:-2px}
html[data-wire="on"] .l21-logos li:after{content:attr(data-name);font-weight:700}
html[data-wire="on"] :focus-visible{outline:3px solid #c00000!important}
html[data-wire="on"] .l21-btn{border:2px solid #000!important;width:44px!important;height:44px!important}
html[data-wire="on"] .l21-btn svg{display:inline!important;fill:#000!important}
html[data-wire="on"] .l21-btn[aria-pressed="true"]{background:#000!important}
html[data-wire="on"] .l21-btn[aria-pressed="true"] svg{fill:#fff!important}
html[data-wire="on"][data-theme="dark"] body,html[data-wire="on"][data-theme="dark"] .wp-site-blocks{background:#000!important}
html[data-wire="on"][data-theme="dark"] *:not(.l21-panel *):not(.l21-panel){color:#fff!important;border-color:#fff!important}
html[data-wire="on"][data-theme="dark"] a{color:#ffff66!important}
html[data-wire="on"][data-theme="dark"] :is(header,footer,main,nav){outline-color:#fff}
html[data-wire="on"][data-theme="dark"] .l21-btn svg{fill:#fff!important}

@media (forced-colors:active){.l21-btn,.l21-panel{border:2px solid CanvasText}}

/* Correctifs de mise en page (contrôle visuel du 13/10) */
.l21-footer .in{padding-left:clamp(1.25rem,4vw,2rem)!important;padding-right:clamp(1.25rem,4vw,2rem)!important;box-sizing:border-box}
.l21-logos{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;padding:0 1.25rem!important}
.l21-logos img{max-width:100%}
html[data-theme="dark"] .maps :is(li,a,span,p):not([class*="-color"]){color:#ece7f6!important}
html[data-theme="dark"] .maps .current,html[data-theme="dark"] .maps li.active{color:#ffa24d!important}
html[data-wire="on"] *::before,html[data-wire="on"] *::after{background:none!important;background-image:none!important;box-shadow:none!important}
html[data-wire="on"] .nav-main .wp-block-navigation-item::before,html[data-wire="on"] .nav-main .wp-block-navigation-item::after,html[data-wire="on"] .nav-main a::after{display:none!important}

/* En-tête : hauteur et typographie d'origine conservées */
.l21-btn{border-width:1.5px}

/* Pourquoi choisir Lùkla : cartes du design system */
.l21-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}
.l21-why-card{background:#fff;border-radius:20px;box-shadow:0 -1px 50px -10px rgba(0,0,0,.11);padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
.l21-why-card i.icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;font-size:2rem!important;padding:0!important;margin:0!important;line-height:1}
.l21-why-card h3{font-size:var(--wp--preset--font-size--medium-large);font-weight:700;margin:.25rem 0 0}
.l21-why-card p{margin:0;font-size:var(--wp--preset--font-size--normal)!important}
@media (max-width:1000px){.l21-why-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.l21-why-grid{grid-template-columns:1fr}}
html[data-theme="dark"] .l21-why-card{background:#1f1830;box-shadow:0 0 0 1px #3a2f52}
html[data-theme="dark"] .l21-why-card :is(h3,p){color:#ece7f6!important}
/* Actualités de l'accueil : vignettes contenues dans la carte */
.l21-news .wp-block-post-template>li{min-width:0;overflow:hidden}
.l21-news .wp-block-post-featured-image,.l21-news .wp-block-post-featured-image a,.l21-news .wp-block-post-featured-image img{width:100%!important;max-width:100%!important}

/* Revenir en haut de page : pastille ronde du design system (comme les boutons flèche) */
.l21-top{position:fixed;right:clamp(1rem,2.5vw,2.25rem);bottom:clamp(1rem,2.5vw,2.25rem);z-index:9000;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--wp--preset--color--indigo);color:#fff;box-shadow:0 -1px 50px -10px rgba(0,0,0,.25);transition:background-color .2s,transform .2s}
.l21-top[hidden]{display:none}
.l21-top svg{width:24px;height:24px;fill:currentColor}
.l21-top:hover{background:var(--wp--preset--color--deep-indigo);transform:translateY(-2px)}
html[data-theme="dark"] .l21-top{background:#d6c2ff;color:#130e1f}
html[data-wire="on"] .l21-top{background:#fff!important;color:#000!important;border:2px solid #000!important;border-radius:0!important}
html[data-wire="on"] .l21-top svg{display:inline!important;fill:#000!important}
html[data-wire="on"][data-theme="dark"] .l21-top{background:#000!important;color:#fff!important;border-color:#fff!important}
html[data-wire="on"][data-theme="dark"] .l21-top svg{fill:#fff!important}
@media print{.l21-top{display:none}}

/* =====================================================================
   COMPOSANTS « PROPOSITION OCÉANNE » (boutons, cartes, carrousel, pied de page)
   ===================================================================== */
:root{--oc-indigo:#3e1c7f;--oc-purple:#6a23ce;--oc-yellow:#f8d147;--oc-ink:#1e0f33;--oc-tag:#e9def8;--oc-rose:#fae9f2}
/* Boutons */
.oc-cta{display:inline-flex;align-items:center;gap:14px;min-height:54px;padding:10px 10px 10px 22px;border-radius:80px;border:2px solid var(--oc-purple);background:var(--oc-purple);color:#fff!important;font-family:Gantari,sans-serif;font-weight:500;font-size:18px;line-height:22px;text-decoration:none!important;transition:background-color .2s,color .2s}
.oc-cta .oc-arr{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--oc-purple);flex:0 0 34px;transition:background-color .2s,color .2s}
.oc-cta .oc-arr svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.oc-cta:hover,.oc-cta.oc-outline{background:#fff;color:var(--oc-purple)!important}
.oc-cta:hover .oc-arr,.oc-cta.oc-outline .oc-arr{background:var(--oc-purple);color:#fff}
.oc-cta.oc-outline:hover{background:var(--oc-purple);color:#fff!important}
.oc-cta.oc-outline:hover .oc-arr{background:#fff;color:var(--oc-purple)}
.oc-cta.oc-on-dark{background:#fff;border-color:#fff;color:var(--oc-indigo)!important}
.oc-cta.oc-on-dark .oc-arr{background:var(--oc-indigo);color:#fff}
.oc-cta.oc-on-dark:hover{background:transparent;color:#fff!important}
.oc-cta.oc-on-dark:hover .oc-arr{background:#fff;color:var(--oc-indigo)}
.oc-link{display:inline-flex;align-items:center;gap:8px;color:#251f1c!important;font-family:Gantari,sans-serif;font-size:16px;text-decoration:none!important}
.oc-link .oc-arr{width:16px;height:16px;border-radius:50%;background:var(--oc-purple);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.oc-link .oc-arr svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:3}
.oc-link:hover{text-decoration:underline!important}
/* Étiquette de section */
.oc-tag{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:100px;background:var(--oc-tag);color:#000;font-family:Gantari,sans-serif;font-weight:300;font-size:14px;line-height:17px}
.oc-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--oc-purple)}
.oc-h2{font-family:Gantari,sans-serif;font-weight:800;font-size:clamp(30px,2.6vw,40px);line-height:1.2;color:#000;margin:14px 0 16px;font-style:normal}
.oc-lead{font-family:Gantari,sans-serif;font-weight:300;font-size:16px;line-height:1.2;color:#272727;margin:0 0 28px}
/* Section « cartes » (Pourquoi choisir Lùkla ?) */
.oc-section{max-width:1312px;margin:0 auto;padding:clamp(48px,6vw,90px) clamp(20px,4vw,100px)}
.oc-cards{display:grid;grid-template-columns:minmax(0,474fr) minmax(0,413fr) minmax(0,369fr);gap:20px;align-items:stretch}
.oc-cards .oc-col{display:flex;flex-direction:column;gap:20px}
.oc-card{border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.oc-card.indigo{background:var(--oc-indigo);color:#fff}
.oc-card.yellow{background:var(--oc-yellow);color:var(--oc-ink)}
.oc-card h3{font-family:Gantari,sans-serif;font-weight:500;font-size:20px;line-height:24px;margin:16px 0 0;color:inherit!important;font-style:normal}
.oc-card p{font-family:Gantari,sans-serif;font-weight:300;font-size:16px;line-height:19px;margin:0;color:inherit!important}
.oc-card .oc-ico{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center}
.oc-card .oc-ico i{font-size:38px!important;padding:0!important;margin:0!important;background:none!important;color:inherit!important;line-height:1}
.oc-card .oc-ico i:before{color:inherit!important}
.oc-photo{border-radius:10px;overflow:hidden;min-height:100%}
.oc-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:1000px){.oc-cards{grid-template-columns:1fr}.oc-photo{order:2;height:260px}.oc-cards .oc-col{order:3}}
/* Carrousel (agences) */
.oc-band{background:var(--oc-rose)}
.oc-slider{display:grid;grid-template-columns:minmax(0,474px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.oc-track{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 8px;scrollbar-width:none}
.oc-track::-webkit-scrollbar{display:none}
.oc-slide{flex:0 0 254px;scroll-snap-align:start;list-style:none;margin:0}
.oc-slide a{display:block;text-decoration:none!important;color:inherit}
.oc-slide .ph{border-radius:10px;overflow:hidden;aspect-ratio:254/262}
.oc-slide .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.oc-slide a:hover .ph img{transform:scale(1.03)}
.oc-slide .city{display:block;margin:18px 0 6px 8px;font-family:Gantari,sans-serif;font-weight:300;font-size:14px;color:var(--oc-indigo)}
.oc-slide .name{display:inline-flex;align-items:center;gap:8px;margin-left:8px;font-family:Gantari,sans-serif;font-weight:400;font-size:18px;color:#000}
.oc-slide .name svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}
.oc-arrows{display:flex;justify-content:flex-end;gap:14px;margin-top:22px}
.oc-arrows button{width:44px;height:44px;border:0;background:transparent;cursor:pointer;color:#000;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.oc-arrows button[disabled]{color:#b9b4c2;cursor:default}
.oc-arrows svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1000px){.oc-slider{grid-template-columns:minmax(0,1fr)}}
/* Pied de page */
.oc-footer{padding:60px clamp(16px,3vw,70px) 40px;background:transparent}
.oc-footer .box{position:relative;max-width:1412px;margin:0 auto;background:var(--oc-indigo);color:#fff;border-radius:20px;padding:50px 50px 46px}
.oc-footer a{color:#fff}
.oc-footer .claim{font-family:Gantari,sans-serif;font-weight:800;font-size:clamp(24px,2.7vw,40px);line-height:1.2;margin:0 0 40px;max-width:1031px}
.oc-footer .top{display:flex;justify-content:space-between;gap:30px}
.oc-footer .logo img{width:172px;height:auto}
.oc-footer .social{display:flex;gap:16px;list-style:none;padding:0;margin:22px 0 0}
.oc-footer .social a{display:inline-flex;width:36px;height:36px;border-radius:18px;background:rgba(255,255,255,.1);align-items:center;justify-content:center}
.oc-footer .social svg{width:18px;height:18px;fill:#fff}
.oc-footer hr{border:0;border-top:1px solid rgba(255,255,255,.85);margin:52px 0 46px}
.oc-footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.oc-footer .cols summary,.oc-footer .cols .h{font-family:Gantari,sans-serif;font-weight:500;font-size:20px;line-height:24px;list-style:none;margin:0 0 18px;cursor:default}
.oc-footer .cols summary::-webkit-details-marker{display:none}
.oc-footer .cols ul{list-style:none;margin:0;padding:0}
.oc-footer .cols li{margin:0 0 20px;font-family:Gantari,sans-serif;font-weight:500;font-size:16px;line-height:19px}
.oc-footer .cols a{text-decoration:none}
.oc-footer .cols a:hover{text-decoration:underline}
.oc-footer .up{position:absolute;right:46px;top:-26px;width:51px;height:51px;border-radius:50%;background:var(--oc-indigo);border:2px solid #fff;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.oc-footer .up svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.oc-footer .legal{max-width:1412px;margin:18px auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:14px;color:#4b4560}
@media (max-width:800px){
  .oc-footer .box{padding:50px 20px 30px;border-radius:10px}
  .oc-footer .top{flex-direction:column-reverse}
  .oc-footer .cols{grid-template-columns:1fr;gap:0}
  .oc-footer .cols details{border-bottom:1px solid rgba(255,255,255,.2);padding:16px 0}
  .oc-footer .cols summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin:0}
  .oc-footer .cols summary:after{content:"";width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);margin-right:6px}
  .oc-footer .cols details[open] summary:after{transform:rotate(-135deg)}
  .oc-footer .cols details[open] ul{margin-top:16px}
  .oc-footer .up{right:16px}
}
/* Thèmes sombre et filaire pour ces composants */
html[data-theme="dark"] .oc-h2{color:#f4f0fb}
html[data-theme="dark"] .oc-lead{color:#d9d2e6}
html[data-theme="dark"] .oc-tag{background:#2c2342;color:#ece7f6}
html[data-theme="dark"] .oc-band{background:#1f1830}
html[data-theme="dark"] .oc-slide .name,html[data-theme="dark"] .oc-arrows button{color:#ece7f6}
html[data-theme="dark"] .oc-slide .city{color:#d6c2ff}
html[data-theme="dark"] .oc-link{color:#ece7f6!important}
html[data-theme="dark"] .oc-footer .legal{color:#c7c0d6}
html[data-wire="on"] .oc-cta,html[data-wire="on"] .oc-card,html[data-wire="on"] .oc-footer .box{border:2px solid currentColor!important}
html[data-wire="on"] .oc-cta .oc-arr,html[data-wire="on"] .oc-footer .up{border:1px solid currentColor!important}
html[data-wire="on"] .oc-cta svg,html[data-wire="on"] .oc-arrows svg,html[data-wire="on"] .oc-footer .up svg,html[data-wire="on"] .oc-footer .social svg,html[data-wire="on"] .oc-slide .name svg{display:inline!important;stroke:currentColor!important}
html[data-wire="on"] .oc-footer .social svg{fill:currentColor!important}
html[data-wire="on"] .oc-track{display:block!important}
html[data-wire="on"] .oc-slide{display:block!important;margin-bottom:1rem!important}
html[data-wire="on"] .oc-footer .logo img{display:none!important}
html[data-wire="on"] .oc-footer .logo:after{content:"Lùkla — Your digital partner";font-weight:800}

/* Frise chronologique (proposition Océanne) */
.oc-timeline .oc-section{padding-top:clamp(30px,4vw,60px);padding-bottom:clamp(30px,4vw,60px)}
.oc-tl{margin-top:24px}
.oc-tl-track{gap:0!important;padding-right:60px!important}
.oc-tl-item{flex:0 0 250px!important;display:flex;flex-direction:column;gap:6px;position:relative;padding-right:30px}
.oc-tl-item .yr{font-family:Gantari,sans-serif;font-weight:700;font-size:36px;line-height:43px;color:#1e0f33}
.oc-tl-item .tx{font-family:Gantari,sans-serif;font-weight:300;font-size:16px;line-height:19px;color:#1e0f33;min-height:38px}
.oc-tl-item .tx strong{font-weight:700}
.oc-tl-item .rail{position:relative;display:block;height:46px;margin-top:20px}
.oc-tl-item .rail:before{content:"";position:absolute;left:0;right:-1px;top:50%;height:23px;transform:translateY(-50%);background:linear-gradient(90deg,#8a00cd,#882bff)}
.oc-tl-item:first-child .rail:before{border-radius:200px 0 0 200px}
.oc-tl-item .dot{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;background:var(--dot);z-index:1}
.oc-tl-item.last .rail:after{content:"";position:absolute;right:-34px;top:50%;width:38px;height:46px;transform:translateY(-50%);background:linear-gradient(90deg,#9e2bff,#c792ff);clip-path:polygon(0 0,100% 50%,0 100%)}
.oc-timeline .oc-arrows button{background:#e8e8e8;width:34px;height:34px}
.oc-timeline .oc-arrows{margin-top:16px}
.oc-track:focus-visible{outline:3px solid #b35400;outline-offset:4px}
html[data-theme="dark"] .oc-tl-item .yr,html[data-theme="dark"] .oc-tl-item .tx{color:#ece7f6}
html[data-theme="dark"] .oc-timeline .oc-arrows button{background:#2c2342}
html[data-wire="on"] .oc-tl-item .rail{display:none!important}
html[data-wire="on"] .oc-tl-item{padding:.5rem!important}
/* Hauteurs exactes des boutons Océanne (54 px) */
a.oc-cta{box-sizing:border-box;height:54px;min-height:54px;padding:0 10px 0 22px!important;margin:0;line-height:22px!important;font-size:18px!important;letter-spacing:normal}
a.oc-cta .oc-arr{width:34px;height:34px}
/* Frise : rail continu entre les dates */
.oc-tl-item{padding-right:0!important}
.oc-tl-item .tx{padding-right:30px}
.oc-tl-item .rail:before{right:0}
.l21-hero-cta{display:flex}
/* Frise : rail toujours en bas, aligné pour tous les jalons, flèche finale d'Océanne */
.oc-tl-track{align-items:stretch!important;padding-right:0!important}
.oc-tl-item{display:flex!important;flex-direction:column}
.oc-tl-item .tx{flex:1 1 auto}
.oc-tl-item .rail{margin-top:auto!important;padding-top:20px;box-sizing:content-box}
.oc-tl-item .rail:before{top:calc(50% + 10px)}
.oc-tl-item .dot{top:20px}
.oc-tl-item.last .rail:after{display:none}
.oc-tl-end{flex:0 0 51px!important;display:flex;align-items:flex-end;list-style:none;margin:0 0 0 -2px;padding-bottom:0}
.oc-tl-end img{display:block;width:51px;height:77px;margin-bottom:-15.5px}
html[data-wire="on"] .oc-tl-end{display:none!important}
/* Frise v3 : rail fixe en bas, chevron ancré à droite, seuls les jalons défilent */
.oc-tl-scroll{position:relative;padding-bottom:16px}
.oc-tl-track{padding:0!important;margin-right:74px!important;gap:0!important;align-items:stretch!important}
.oc-tl-item{flex:0 0 250px!important;display:flex!important;flex-direction:column;position:relative;z-index:1}
.oc-tl-item .tx{flex:1 1 auto;padding-right:30px}
.oc-tl-item .rail{display:none!important}
.oc-tl-item .dotrow{display:block;height:46px;margin-top:20px;position:relative}
.oc-tl-item .dotrow .dot{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;background:var(--dot)}
.oc-tl-rail{position:absolute;left:0;right:30px;bottom:calc(16px + 11.5px);height:23px;border-radius:200px 0 0 200px;background:linear-gradient(90deg,#8a00cd,#882bff);z-index:0}
.oc-tl-chevron{position:absolute;right:0;bottom:calc(16px - 15.5px);width:51px;height:77px;z-index:2}
.oc-tl-end{display:none!important}
.oc-timeline .oc-arrows{margin-top:8px}
html[data-wire="on"] .oc-tl-rail,html[data-wire="on"] .oc-tl-chevron,html[data-wire="on"] .oc-tl-item .dotrow{display:none!important}
html[data-wire="on"] .oc-tl-track{margin-right:0!important}
.oc-tl-scroll{padding-bottom:0!important;margin-bottom:18px}
.oc-tl-track{margin-bottom:0!important;padding-bottom:0!important}
.oc-tl-rail{bottom:11.5px!important}
.oc-tl-chevron{bottom:-15.5px!important}
/* Frise : le rail entre sous le chevron et s'y fond ; plus d'air avant les flèches de navigation */
.oc-tl-rail{right:12px!important;border-radius:200px!important}
.oc-tl-chevron{opacity:.82;mix-blend-mode:normal}
.oc-timeline .oc-arrows{margin-top:36px!important}

/* Menu (test demandé le 13/10) : sans les pastilles de couleur, seulement le dégradé du bandeau */
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a:after{display:none!important}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a .wp-block-navigation-item__label{padding-left:0}
/* Page active : rubrique mise en évidence */
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current:before{opacity:.55!important}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a{font-weight:800!important}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.nav-main .wp-block-navigation-submenu a[aria-current="page"]{font-weight:800;text-decoration:underline;text-underline-offset:4px}
html[data-wire="on"] .nav-main .l21-current>a{outline:2px solid currentColor}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a:before{display:none!important}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a{text-decoration:none!important}
/* Rubrique active v2 : pastille arrondie pleine, sans soulignage, contraste garanti quel que soit le fond */
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current:before{opacity:.2!important}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a{background:var(--wp--preset--color--deep-indigo)!important;border-radius:999px!important;color:#fff!important;text-decoration:none!important;position:relative;z-index:1}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label,
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label *{color:#fff!important;text-decoration:none!important;font-weight:700}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a:focus-visible{outline:3px solid #b35400!important;outline-offset:3px!important}
html[data-theme="dark"] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a{background:#d6c2ff!important;color:#130e1f!important}
html[data-theme="dark"] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label,
html[data-theme="dark"] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label *{color:#130e1f!important}
html[data-wire="on"] .nav-main .l21-current>a{background:#000!important;color:#fff!important;outline:none}
html[data-wire="on"] .nav-main .l21-current>a .wp-block-navigation-item__label{color:#fff!important}
/* Menu : couleurs d'origine de chaque rubrique (dégradés de la charte) pour le survol ET la rubrique active.
   Texte blanc sur les rubriques foncées, texte indigo foncé sur les rubriques claires (orange, jaune) : contraste ≥ 4,5:1. */
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(1){--g:linear-gradient(to right,var(--wp--preset--color--deep-indigo),var(--wp--preset--color--light-indigo));--ht:#fff}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(2){--g:linear-gradient(to right,var(--wp--preset--color--indigo),var(--wp--preset--color--light-purple));--ht:#fff}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(3){--g:linear-gradient(to right,var(--wp--preset--color--light-purple),var(--wp--preset--color--deep-purple));--ht:#fff}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(4){--g:linear-gradient(to right,var(--wp--preset--color--deep-purple) 0%,var(--wp--preset--color--deep-purple) 62%,var(--wp--preset--color--salmon) 100%);--ht:#fff}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(5){--g:linear-gradient(to right,var(--wp--preset--color--salmon),var(--wp--preset--color--orange));--ht:#1f1a2e}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(6){--g:linear-gradient(to right,var(--wp--preset--color--orange),var(--wp--preset--color--gold));--ht:#1f1a2e}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:after{background:var(--g)!important}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:hover>a .wp-block-navigation-item__label,
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:focus-within>a .wp-block-navigation-item__label{color:var(--ht)!important}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>.wp-block-navigation-submenu{background:var(--g)!important}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>.wp-block-navigation-submenu a{color:var(--ht)!important}
/* Rubrique active : même couleur que la rubrique, bords arrondis, sans soulignage */
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a{background:var(--g)!important;border-radius:999px!important;text-decoration:none!important}
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label,
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label *{color:var(--ht)!important;font-weight:700;text-decoration:none!important}
/* légère différence au survol de la rubrique active */
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current:hover>a,
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a:focus-visible{filter:brightness(1.08) saturate(1.05);box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
html[data-theme="dark"] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a{background:var(--g)!important}
html[data-theme="dark"] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label{color:var(--ht)!important}
html[data-wire="on"] .nav-main .l21-current>a{background:#000!important}
html[data-wire="on"] .nav-main .l21-current>a .wp-block-navigation-item__label{color:#fff!important}

/* ---------- OUTILS D'AFFICHAGE v3 : pastilles rondes (famille des icônes sociales), pictos capsules style Océanne ---------- */
.l21-tools{gap:.6rem}
.l21-pastille{position:relative;flex:0 0 auto;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;font:inherit;color:#fff;-webkit-tap-highlight-color:transparent;transition:transform .2s,box-shadow .2s,background .35s}
.l21-pastille .oci{grid-area:1/1;width:30px;height:30px;transition:opacity .3s,transform .35s cubic-bezier(.4,1.4,.6,1)}
.l21-pastille:hover{transform:translateY(-2px)}
.l21-pastille:focus-visible{outline:3px solid #4c277e;outline-offset:3px}
/* Accessibilité : violet Lùkla */
.l21-a11y{background:linear-gradient(135deg,#a64dff 0%,#8300e0 55%,#4c277e 100%);box-shadow:0 4px 12px rgba(131,0,224,.3)}
.l21-a11y:hover{box-shadow:0 8px 18px rgba(131,0,224,.4)}
.l21-a11y[aria-expanded="true"]{box-shadow:0 0 0 3px #fff,0 0 0 5px #8300e0}
/* Thème : orange soleil en clair (blanc sur orange ≥ 3:1), violet nuit + lune en sombre */
.l21-themebtn{background:linear-gradient(135deg,#e8661c 0%,#c2410c 100%);box-shadow:0 4px 12px rgba(194,65,12,.3)}
.l21-themebtn:hover{box-shadow:0 8px 18px rgba(194,65,12,.4)}
.l21-themebtn .oci-moon{opacity:0;transform:rotate(-50deg) scale(.5)}
.l21-themebtn[aria-checked="true"]{background:linear-gradient(135deg,#6a2bd9 0%,#3b1d6e 100%)}
.l21-themebtn[aria-checked="true"] .oci-sun{opacity:0;transform:rotate(90deg) scale(.5)}
.l21-themebtn[aria-checked="true"] .oci-moon{opacity:1;transform:none}
/* infobulle au survol / focus */
.l21-tip{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1f1a2e;color:#fff;font-size:12px;line-height:1;padding:6px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10000}
.l21-pastille:hover .l21-tip,.l21-pastille:focus-visible .l21-tip{opacity:1}
.l21-a11y[aria-expanded="true"] .l21-tip{opacity:0}
/* dans le menu burger : une ligne « Thème · Accessibilité » en tête du menu, libellés visibles */
.l21-tools.in-menu{margin:0 0 1.5rem;padding:0 0 1rem;border-bottom:1px solid rgba(76,39,126,.2);width:100%;gap:1.25rem;flex-wrap:wrap}
.l21-tools.in-menu .l21-pastille{width:auto;height:auto;border-radius:0;background:none!important;box-shadow:none!important;display:inline-flex;align-items:center;gap:.6rem;color:#1f1a2e;min-height:44px}
.l21-tools.in-menu .l21-pastille:hover{transform:none}
.l21-tools.in-menu .l21-pastille::before{content:"";grid-area:auto;width:44px;height:44px;border-radius:50%;flex:0 0 44px;order:-1}
.l21-tools.in-menu .l21-pastille .oci{position:absolute;left:7px;top:50%;margin-top:-15px}
.l21-tools.in-menu .l21-a11y::before{background:linear-gradient(135deg,#a64dff 0%,#8300e0 55%,#4c277e 100%)}
.l21-tools.in-menu .l21-themebtn::before{background:linear-gradient(135deg,#e8661c 0%,#c2410c 100%);transition:background .35s}
.l21-tools.in-menu .l21-themebtn[aria-checked="true"]::before{background:linear-gradient(135deg,#6a2bd9 0%,#3b1d6e 100%)}
.l21-tools.in-menu .l21-tip{position:static;transform:none;opacity:1;background:none;color:inherit;padding:0;font-size:15px}
.l21-tools.in-menu .l21-pastille:focus-visible{outline-offset:4px;border-radius:999px}
.l21-tools.in-menu .l21-panel{position:static;width:auto;margin-top:.75rem;box-shadow:none}
/* thème sombre : liseré clair autour des pastilles (contraste avec le fond nuit ≥ 3:1), focus et infobulles lisibles */
html[data-theme="dark"] .l21-pastille{box-shadow:0 0 0 2px #d6c2ff}
html[data-theme="dark"] .l21-pastille:hover{box-shadow:0 0 0 2px #fff}
html[data-theme="dark"] .l21-a11y[aria-expanded="true"]{box-shadow:0 0 0 3px #130e1f,0 0 0 5px #d6c2ff}
html[data-theme="dark"] .l21-pastille:focus-visible{outline-color:#ffd166}
html[data-theme="dark"] .l21-tip{background:#ece7f6;color:#130e1f}
html[data-theme="dark"] .l21-tools.in-menu{border-color:rgba(214,194,255,.3)}
html[data-theme="dark"] .l21-tools.in-menu .l21-pastille{color:#ece7f6}
html[data-theme="dark"] .l21-tools.in-menu .l21-pastille::before{box-shadow:0 0 0 2px #d6c2ff}
html[data-theme="dark"] .l21-tools.in-menu .l21-tip{background:none;color:inherit}
/* mode filaire : noir et blanc, toujours visibles */
html[data-wire="on"] .l21-tools .l21-pastille.l21-pastille,html[data-wire="on"] .l21-tools.in-menu .l21-pastille::before{background:#000!important;border-radius:50%!important}
html[data-wire="on"] .l21-tools.in-menu .l21-pastille.l21-pastille{background:none!important}
html[data-wire="on"][data-theme="dark"] .l21-tools .l21-pastille.l21-pastille,html[data-wire="on"][data-theme="dark"] .l21-tools.in-menu .l21-pastille::before{background:#fff!important}
html[data-wire="on"][data-theme="dark"] .l21-tools .l21-pastille .oci *{fill:#000!important}
html[data-wire="on"] .l21-pastille svg{display:block!important}
@media (forced-colors:active){.l21-pastille{border:2px solid ButtonText;background:ButtonFace!important}.l21-pastille .oci *{fill:ButtonText!important}}
@media (prefers-reduced-motion:reduce){.l21-pastille,.l21-pastille .oci{transition:none}}
html[data-motion="reduce"] :is(.l21-pastille,.l21-pastille .oci){transition:none!important}
/* Menu mobile ouvert : au-dessus des icônes sociales flottantes */
.nav-main:has(.wp-block-navigation__responsive-container.is-menu-open){z-index:1000}
/* Menu mobile en thème sombre : fond et textes lisibles */
html[data-theme="dark"] .wp-block-navigation__responsive-container.is-menu-open{background:#130e1f!important;color:#ece7f6}
html[data-theme="dark"] .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu a{color:#ece7f6!important}
html[data-theme="dark"] .is-menu-open .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(1)>a,html[data-theme="dark"] .is-menu-open .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(1)>a .wp-block-navigation-item__label,html[data-theme="dark"] .is-menu-open .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(1)>a .wp-block-navigation-item__label *{color:#c9b3ff!important}
html[data-theme="dark"] .is-menu-open .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(2)>a,html[data-theme="dark"] .is-menu-open .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(2)>a .wp-block-navigation-item__label,html[data-theme="dark"] .is-menu-open .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(2)>a .wp-block-navigation-item__label *{color:#d29bff!important}
html[data-theme="dark"] .is-menu-open .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(3)>a,html[data-theme="dark"] .is-menu-open .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(3)>a .wp-block-navigation-item__label,html[data-theme="dark"] .is-menu-open .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(3)>a .wp-block-navigation-item__label *{color:#ff9ad5!important}
/* ---------- Thème sombre : corrections de contraste (audit axe en navigateur, 14/10) ---------- */
html[data-theme="dark"] .wpml-ls-statics-footer a,html[data-theme="dark"] .wpml-ls a{background:#1f1830!important;color:#ece7f6!important;border-color:#d6c2ff!important}
html[data-theme="dark"] .wpml-ls a span{color:inherit!important}
html[data-theme="dark"] .taxonomy-category a[rel="tag"],html[data-theme="dark"] .wp-block-post-terms a[rel="tag"]{color:#fff!important}
html[data-theme="dark"] .wp-block-button__link:not(.has-background):not(.oc-cta){color:#d29bff!important}
/* Cibles tactiles ≥ 24 px (WCAG 2.2 · 2.5.8) */
.wp-block-post-date a,a[href^="tel:"],a[href^="mailto:"]{display:inline-block;min-height:24px;line-height:24px;min-width:24px}
html[data-theme="dark"] .wp-block-categories select,html[data-theme="dark"] #wp-block-categories-1{background:#1f1830!important;color:#ece7f6!important;border:1.5px solid #d6c2ff!important}
/* Formulaire de contact : texte saisi et indications lisibles (≥ 4,5:1 sur le fond rosé d'origine) */
.wpforms-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),.wpforms-form textarea,.wpforms-form select{color:#8300e0!important}
.wpforms-form ::placeholder{color:#6b4a99!important;opacity:1!important}
/* Carte des agences : pays inactifs en gris lisible (≥ 4,5:1), pays actif inchangé */
.maps__countries>li:not(.is-active){color:#6e6e6e!important}
html[data-theme="dark"] .maps__countries>li:not(.is-active){color:#b9b2c8!important}
html[data-theme="dark"] #wpforms-submit-967398,html[data-theme="dark"] .wpforms-submit:not(.has-background){color:#d29bff!important;border-color:#d29bff!important}
/* Hero mobile (≤ 599 px) : sous-titre hors bandeau, lisible en thème sombre */
@media screen and (width <= 599px){html[data-theme="dark"] .banner-bloc-container .banner-container .left-container .banner-subtitle-wrapper p,html[data-theme="dark"] .banner-bloc-container .banner-container .left-container .banner-subtitle-wrapper p *{color:#d29bff!important}}
html[data-theme="dark"] .group-values__facts .custom-paragraph p,html[data-theme="dark"] .group-values__facts .custom-paragraph p *{color:#ece7f6!important}

/* Mode filaire : images masquées à l'écran mais pas aux lecteurs d'écran ; liens-images remplacés par leur texte */
html[data-wire="on"] img{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none}
html[data-wire="on"] :is(picture,figure.wp-block-image){display:contents!important}
.l21-alt{display:none}
html[data-wire="on"] .l21-alt{display:inline-block!important;padding:.25rem .5rem;border:2px solid currentColor!important;min-height:24px;text-decoration:underline}
/* Roue des offres : titres inactifs en gris lisible (thème clair) */
html:not([data-theme="dark"]) body .section-offer-wrapper .offer-section .offer-list .wp-block-query ul.wp-block-post-template li.wp-block-post.type-offer:not(.active) .wp-block-post-title,html:not([data-theme="dark"]) body .section-offer-wrapper .offer-section .offer-list .wp-block-query ul.wp-block-post-template li.wp-block-post.type-offer:not(.active) .wp-block-post-title a{color:#6e6e6e!important}
html[data-wire="on"]:not([data-theme="dark"]) body .section-offer-wrapper .offer-section .offer-list .wp-block-query ul.wp-block-post-template li.wp-block-post.type-offer:not(.active) .wp-block-post-title,html[data-wire="on"]:not([data-theme="dark"]) body .section-offer-wrapper .offer-section .offer-list .wp-block-query ul.wp-block-post-template li.wp-block-post.type-offer:not(.active) .wp-block-post-title a{color:#000!important}
html[data-wire="on"][data-theme="dark"] body .section-offer-wrapper .offer-section .offer-list .wp-block-query ul.wp-block-post-template li.wp-block-post.type-offer:not(.active) .wp-block-post-title,html[data-wire="on"][data-theme="dark"] body .section-offer-wrapper .offer-section .offer-list .wp-block-query ul.wp-block-post-template li.wp-block-post.type-offer:not(.active) .wp-block-post-title a{color:#fff!important}
/* Menu desktop : libellés sur une ligne, marges réduites sur écrans moyens */
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a .wp-block-navigation-item__label{white-space:nowrap}
@media (max-width:1300px){.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a{padding-left:8px!important;padding-right:8px!important}}

/* ---------- PAGE DESIGN SYSTEM ---------- */
.l21-ds{max-width:1312px;margin:0 auto;padding:40px clamp(20px,4vw,64px) 80px;font-family:Gantari,sans-serif;color:#1f1a2e}
.l21-ds-hero{padding:40px 0 24px;border-bottom:1px solid #e4daf2;margin-bottom:40px}
.l21-ds-hero h1{font-size:clamp(2rem,4vw,3rem);font-style:italic;font-weight:900;color:#4c277e;margin:0 0 .75rem}
.l21-ds-hero p{max-width:760px;font-size:1.1rem;line-height:1.5}
.l21-ds-hero ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.25rem 0 0}
.l21-ds-hero li a{display:inline-flex;min-height:36px;align-items:center;padding:0 14px;border-radius:999px;background:#f4eefb;color:#4c277e;text-decoration:none;font-weight:600}
.l21-ds-sec{padding:56px 0;border-bottom:1px solid #eee6f7}
.l21-ds-h3{font-size:1.15rem;font-weight:800;color:#4c277e;margin:2rem 0 1rem}
.l21-ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}
.l21-ds-grid.big{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:32px}
.l21-ds-sw{display:flex;flex-direction:column;gap:4px}
.l21-ds-chip{height:96px;border-radius:16px;border:1px solid rgba(31,26,46,.08);margin-bottom:8px}
.l21-ds-chip.wide{height:72px}
.l21-ds-chip.fx{background:#fff;border:0;margin:12px}
.l21-ds-chip.rad{background:linear-gradient(135deg,#a64dff,#8300e0);border:0}
.l21-ds-chip.focus{background:#fff;outline:3px solid #4c277e;outline-offset:3px;margin:6px}
.l21-ds-n{font-weight:700;margin:0;font-size:1rem}
.l21-ds-m{margin:0;font-size:.8125rem;color:#5b5470;line-height:1.4}
.l21-ds-tl{text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#6e6e6e;margin-bottom:.75rem}
.l21-ds-stack{display:flex;flex-direction:column;gap:28px}
.l21-ds-type{display:grid;grid-template-columns:220px 1fr;align-items:baseline;gap:24px;padding-bottom:20px;border-bottom:1px dashed #e4daf2}
.l21-ds-cmp{padding:24px;border:1px solid #eee6f7;border-radius:20px;background:#fff;min-width:0}
.l21-ds-cmp.dark{background:#4c277e}.l21-ds-cmp.dark .l21-ds-tl{color:#e9dcff}
.l21-ds-cmp.full{margin-top:32px}
.l21-ds-cmp .section-title{margin:0!important}
.l21-ds-cmp .social-icons{position:static!important;flex-direction:row!important;width:auto!important;height:auto!important;justify-content:flex-end}
.l21-ds-cmp .l21-hero-cta{position:static!important;margin:0!important}
.l21-ds-demo{min-width:0;overflow:hidden}
html[data-theme="dark"] .l21-ds{color:#ece7f6}
html[data-theme="dark"] .l21-ds-hero h1,html[data-theme="dark"] .l21-ds-h3{color:#d6c2ff}
html[data-theme="dark"] .l21-ds-m{color:#c9c2d8}html[data-theme="dark"] .l21-ds-tl{color:#b9b2c8}
html[data-theme="dark"] .l21-ds-cmp{background:#1f1830;border-color:#3a2f55}
html[data-theme="dark"] .l21-ds-hero li a{background:#2c2342;color:#ece7f6}
html[data-theme="dark"] .l21-ds-hero,html[data-theme="dark"] .l21-ds-sec{border-color:#3a2f55}
@media (max-width:700px){.l21-ds-type{grid-template-columns:1fr;gap:8px}}

/* ---------- Pastilles v4 : même construction que les icônes sociales (rond en dégradé + traînée translucide) ---------- */
.l21-pastille{isolation:isolate;background:none!important;box-shadow:none!important;overflow:visible}
.l21-pastille::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--pg);z-index:0;transition:background .35s,box-shadow .2s}
.l21-pastille::after{content:"";position:absolute;left:50%;top:0;width:150px;height:44px;border-radius:0 22px 22px 0;background:linear-gradient(90deg,var(--tail) 0,rgba(255,255,255,0) 100%);opacity:.22;transform-origin:0 50%;transform:rotate(30deg);z-index:-1;pointer-events:none;transition:background .35s}
.l21-pastille .oci{position:relative;z-index:1}
.l21-pastille .l21-tip{z-index:10000}
.l21-a11y{--pg:linear-gradient(-45deg,#a10098,#8300e0);--tail:#8300e0}
.l21-themebtn{--pg:linear-gradient(-45deg,#ff8100,#c2410c);--tail:#ff8100}
.l21-themebtn[aria-checked="true"]{--pg:linear-gradient(-45deg,#2d0d6c,#5919d7);--tail:#5919d7}
.l21-pastille:hover::before{box-shadow:0 6px 16px rgba(76,39,126,.35)}
.l21-a11y[aria-expanded="true"]::before{box-shadow:0 0 0 3px #fff,0 0 0 5px #8300e0}
html[data-theme="dark"] .l21-pastille{box-shadow:none!important}
html[data-theme="dark"] .l21-pastille::before{box-shadow:0 0 0 2px #d6c2ff}
html[data-theme="dark"] .l21-pastille::after{opacity:.35}
html[data-theme="dark"] .l21-a11y[aria-expanded="true"]::before{box-shadow:0 0 0 3px #130e1f,0 0 0 5px #d6c2ff}
/* menu burger : rond à gauche du libellé, sans traînée */
.l21-tools.in-menu .l21-pastille{position:relative;padding-left:56px;min-height:44px}
.l21-tools.in-menu .l21-pastille::before{inset:auto;left:0;top:50%;margin-top:-22px;width:44px;height:44px;order:0;flex:none}
.l21-tools.in-menu .l21-themebtn::before,.l21-tools.in-menu .l21-a11y::before,.l21-tools.in-menu .l21-themebtn[aria-checked="true"]::before{background:var(--pg)}
.l21-tools.in-menu .l21-pastille::after{display:none}
.l21-tools.in-menu .l21-pastille .oci{position:absolute;left:7px;top:50%;margin-top:-15px}
/* mode filaire */
html[data-wire="on"] .l21-tools .l21-pastille::before{background:#000!important}
html[data-wire="on"][data-theme="dark"] .l21-tools .l21-pastille::before{background:#fff!important}
html[data-wire="on"] .l21-pastille::after{display:none!important}
html[data-wire="on"] .l21-tools .l21-pastille.l21-pastille{background:none!important}
@media (forced-colors:active){.l21-pastille::before{background:ButtonText}.l21-pastille::after{display:none}}
/* Pastilles v5 : fonds pastel, pictos dans la couleur foncée de la pastille (contraste ≥ 4:1) */
.l21-a11y{--pg:linear-gradient(-45deg,#f6ecff,#e6d2ff);--tail:#c9a6ff;color:#7a00d1!important}
.l21-themebtn{--pg:linear-gradient(-45deg,#fff1e0,#ffdcbf);--tail:#ffb27a;color:#b23a00!important}
.l21-themebtn[aria-checked="true"]{--pg:linear-gradient(-45deg,#ece6ff,#d9ccff);--tail:#b7a2ff;color:#3b1d8f!important}
.l21-pastille::before{border:1.5px solid color-mix(in srgb,currentColor 35%,transparent)}
.l21-pastille::after{opacity:.45}
.l21-pastille:hover::before{box-shadow:0 6px 16px color-mix(in srgb,currentColor 25%,transparent)}
html[data-theme="dark"] .l21-pastille::before{box-shadow:none;border-color:transparent}
html[data-theme="dark"] .l21-pastille::after{opacity:.25}
.l21-tools.in-menu .l21-pastille{color:#1f1a2e!important}
.l21-tools.in-menu .l21-a11y .oci{color:#7a00d1}.l21-tools.in-menu .l21-themebtn .oci{color:#b23a00}.l21-tools.in-menu .l21-themebtn[aria-checked="true"] .oci{color:#3b1d8f}
html[data-theme="dark"] .l21-tools.in-menu .l21-pastille{color:#ece7f6!important}
html[data-wire="on"] .l21-tools .l21-pastille{color:#fff!important}
html[data-wire="on"][data-theme="dark"] .l21-tools .l21-pastille{color:#000!important}
/* Thème sombre : conteneur d'en-tête (marges de 10 px restées blanches en mobile) */
html[data-theme="dark"] header.wp-block-template-part{background:#130e1f!important}
html[data-theme="dark"] img.custom-logo{background:transparent!important}
/* Nous rejoindre : pilules « Talents / Agences » en thème sombre */
html[data-theme="dark"] .section-header-nous-rejoindre p.has-medium-large-font-size{background:#2c2342!important;color:#ece7f6!important}
html[data-theme="dark"] .section-header-nous-rejoindre p.has-medium-large-font-size *{color:inherit!important}
/* Thème sombre : flèche des CTA lisible dans sa pastille */
html[data-theme="dark"] .oc-cta .oc-arr{background:#fff!important;color:#8300e0!important}
html[data-theme="dark"] .oc-cta:hover .oc-arr{background:#8300e0!important;color:#fff!important}
html[data-theme="dark"] .oc-cta.oc-on-dark .oc-arr{background:#4c277e!important;color:#fff!important}
html[data-theme="dark"] .oc-link .oc-arr{background:#d29bff!important;color:#130e1f!important}
.l21-ds-ul{list-style:none;margin:0;padding:0}
/* Design System en thème sombre : les exemples de typographie restent sur fond clair (couleurs de référence) */
html[data-theme="dark"] .l21-ds-stack .l21-ds-sample{color:var(--ds-cd)!important}
html[data-theme="dark"] .l21-ds-stack .l21-ds-type{border-color:#3a2f55}

.l21-ds-cmp .l21-tools{transform:scale(1.4);transform-origin:0 0;margin-bottom:24px!important}
/* Thème sombre : liens fléchés au survol / focus (fond violet du thème) -> texte blanc (7,6:1) */
html[data-theme="dark"] .wp-block-button__link:not(.has-background):not(.oc-cta):is(:hover,:focus-visible,:active){color:#fff!important}
html[data-theme="dark"] .wp-block-button__link:not(.has-background):not(.oc-cta):is(:hover,:focus-visible,:active) *{color:#fff!important}
/* ---------- Mode filaire : menu et sous-menus sans couleur (noir sur blanc / blanc sur noir) ---------- */
html[data-wire="on"][data-wire] .nav-main .wp-block-navigation-submenu,
html[data-wire="on"][data-wire] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>.wp-block-navigation-submenu{background:#fff!important;background-image:none!important;border:2px solid #000!important;box-shadow:none!important}
html[data-wire="on"][data-wire] .nav-main .wp-block-navigation-submenu a,
html[data-wire="on"][data-wire] .nav-main .wp-block-navigation-submenu a *,
html[data-wire="on"][data-wire] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>.wp-block-navigation-submenu a{color:#000!important;background:none!important;text-decoration:underline!important}
html[data-wire="on"][data-wire] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item::after,
html[data-wire="on"][data-wire] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item::before{display:none!important}
html[data-wire="on"][data-wire] .nav-main .wp-block-navigation-item>a,
html[data-wire="on"][data-wire] .nav-main .wp-block-navigation-item>a .wp-block-navigation-item__label,
html[data-wire="on"][data-wire] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a:is(:hover,:focus-visible){color:#000!important;background:none!important;background-image:none!important}
html[data-wire="on"][data-wire] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a,
html[data-wire="on"][data-wire] .nav-main .l21-current>a{background:#000!important;background-image:none!important;color:#fff!important;border-radius:999px!important}
html[data-wire="on"][data-wire] .nav-main .l21-current>a .wp-block-navigation-item__label,html[data-wire="on"][data-wire] .nav-main .l21-current>a .wp-block-navigation-item__label *{color:#fff!important}
html[data-wire="on"][data-wire] .nav-main .wp-block-navigation-item>a:is(:hover,:focus-visible) .wp-block-navigation-item__label{text-decoration:underline!important;text-decoration-thickness:2px!important}
/* menu mobile ouvert en filaire */
html[data-wire="on"][data-wire] .wp-block-navigation__responsive-container.is-menu-open{background:#fff!important}
html[data-wire="on"][data-wire] .wp-block-navigation__responsive-container.is-menu-open :is(a,span,em,button){color:#000!important;background:none!important;background-image:none!important}
html[data-wire="on"][data-wire] .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item::before,html[data-wire="on"][data-wire] .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item::after,html[data-wire="on"][data-wire] .wp-block-navigation__responsive-container.is-menu-open a::after,html[data-wire="on"][data-wire] .wp-block-navigation__responsive-container.is-menu-open a::before{display:none!important}
/* filaire + sombre : inversion */
html[data-wire="on"][data-theme="dark"] .nav-main .wp-block-navigation-submenu,
html[data-wire="on"][data-theme="dark"] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>.wp-block-navigation-submenu{background:#000!important;border-color:#fff!important}
html[data-wire="on"][data-theme="dark"] .nav-main .wp-block-navigation-submenu a,html[data-wire="on"][data-theme="dark"] .nav-main .wp-block-navigation-submenu a *,
html[data-wire="on"][data-theme="dark"] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>.wp-block-navigation-submenu a,
html[data-wire="on"][data-theme="dark"] .nav-main .wp-block-navigation-item>a,html[data-wire="on"][data-theme="dark"] .nav-main .wp-block-navigation-item>a .wp-block-navigation-item__label,
html[data-wire="on"][data-theme="dark"] .wp-block-navigation__responsive-container.is-menu-open :is(a,span,em,button){color:#fff!important}
html[data-wire="on"][data-theme="dark"] .wp-block-navigation__responsive-container.is-menu-open{background:#000!important}
html[data-wire="on"][data-theme="dark"] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a,html[data-wire="on"][data-theme="dark"] .nav-main .l21-current>a{background:#fff!important;color:#000!important}
html[data-wire="on"][data-theme="dark"] .nav-main .l21-current>a .wp-block-navigation-item__label,html[data-wire="on"][data-theme="dark"] .nav-main .l21-current>a .wp-block-navigation-item__label *{color:#000!important}
html[data-wire="on"][data-theme="dark"] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label,
html[data-wire="on"][data-theme="dark"] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label *{color:#000!important}
html[data-wire="on"]:not([data-theme="dark"]) .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label,
html[data-wire="on"]:not([data-theme="dark"]) .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label *{color:#fff!important}
html[data-wire="on"][data-wire] .l21-tools .l21-pastille .oci,html[data-wire="on"][data-wire] .l21-tools .l21-pastille .oci *{color:#fff!important}
html[data-wire="on"][data-theme="dark"] .l21-tools .l21-pastille .oci,html[data-wire="on"][data-theme="dark"] .l21-tools .l21-pastille .oci *{color:#000!important}
html[data-wire="on"] .l21-tools:not(.in-menu) .l21-tip{opacity:0!important}
html[data-wire="on"] .l21-tools:not(.in-menu) .l21-pastille:is(:hover,:focus-visible) .l21-tip{opacity:1!important;background:#000!important;color:#fff!important}
/* Infobulles des pastilles : couleurs imposées (texte lisible en clair comme en sombre) */
.l21-tools:not(.in-menu) .l21-pastille .l21-tip{background:#1f1a2e!important;color:#fff!important;font-weight:600}
html[data-theme="dark"] .l21-tools:not(.in-menu) .l21-pastille .l21-tip{background:#ece7f6!important;color:#130e1f!important}
/* Retour en haut : apparition en fondu glissé */
.l21-top{opacity:0;transform:translateY(14px) scale(.92);pointer-events:none;visibility:hidden;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.3,1.2),visibility 0s linear .45s,background-color .2s}
.l21-top.is-visible{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.3,1.2),visibility 0s,background-color .2s}
.l21-top.is-visible:hover{transform:translateY(-3px)}
html[data-motion="reduce"] .l21-top{transition:none!important}
@media (prefers-reduced-motion:reduce){.l21-top{transition:none}}

/* ======================= PAGES INTÉRIEURES v2.1 (secteurs, offres, mot du fondateur) ======================= */
.l21-head{max-width:760px;margin-bottom:32px}.l21-head.center{margin-left:auto;margin-right:auto;text-align:center}
.l21-left-cta{display:flex;justify-content:flex-start;margin-top:24px}
.l21-enj,.l21-part{background:#fff}
/* Vos enjeux : cartes numérotées, dégradé pastel diagonal */
.l21-enj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;list-style:none;margin:0;padding:0}
.l21-enj-card{position:relative;overflow:hidden;border-radius:20px;padding:28px 26px 30px;background:#fff;border:1px solid #f0e8fa;box-shadow:0 10px 30px rgba(76,39,126,.08);font-family:Gantari,sans-serif}
.l21-enj-card::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,rgba(255,255,255,0) 45%,var(--pc) 100%);opacity:.55;pointer-events:none}
.l21-enj-card>*{position:relative;z-index:1}
.l21-enj-card .n{display:block;font-size:34px;font-weight:900;line-height:1;margin-bottom:14px;color:var(--nc)}
.l21-enj-card h3{font-size:19px;font-weight:700;color:#1f1a2e;margin:0 0 10px;line-height:1.25}
.l21-enj-card p{font-size:15px;line-height:1.5;color:#3d3650;margin:0}
.c0{--nc:#8300e0;--pc:#e6d2ff}.c1{--nc:#c13189;--pc:#ffd6ea}.c2{--nc:#c2410c;--pc:#ffe0c7}
/* Nos solutions / Notre réponse : texte à gauche, cartes numérotées à droite */
.l21-sol-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:start}
.l21-sol-txt p{font-family:Gantari,sans-serif;font-size:16px;line-height:1.55;color:#3d3650}
.l21-sol-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.l21-sol-list.compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px}
.l21-sol-card{position:relative;overflow:hidden;display:flex;gap:18px;align-items:flex-start;border-radius:18px;padding:20px 22px;background:#fff;border:1px solid #f0e8fa;box-shadow:0 8px 24px rgba(76,39,126,.07);font-family:Gantari,sans-serif}
.l21-sol-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,0) 55%,var(--pc) 100%);opacity:.6;pointer-events:none}
.l21-sol-card>*{position:relative}
.l21-sol-card .n{font-size:30px;font-weight:900;line-height:1;color:var(--nc);min-width:34px}
.l21-sol-card h3{font-size:17px;font-weight:700;color:#1f1a2e;margin:2px 0 6px;line-height:1.3}
.l21-sol-card p{font-size:14.5px;line-height:1.5;color:#3d3650;margin:0}
.l21-sol-list.compact .l21-sol-card{align-items:center;padding:16px 18px}.l21-sol-list.compact .n{font-size:22px;min-width:26px}.l21-sol-list.compact h3{margin:0;font-size:16px}
/* Partenaires */
.l21-part-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:20px}
.l21-part-card{border-radius:18px;padding:24px;background:linear-gradient(135deg,#fff 40%,#fbeff6 100%);border:1px solid #f3e6f0;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.l21-part-card img{height:34px;width:auto;max-width:160px;object-fit:contain}
.l21-part-card p{margin:0;font-family:Gantari,sans-serif;font-size:14.5px;color:#3d3650}
/* Nos réalisations : logos clients dans le carrousel Océanne */
.l21-logo-slide .ph{background:#fff;display:grid;place-items:center;padding:28px;border:1px solid #eee6f7}
.l21-logo-slide .ph img{object-fit:contain!important;max-height:120px}
/* Mot du fondateur */
.l21-founder-card{position:relative;overflow:hidden;display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;border-radius:28px;padding:clamp(24px,4vw,56px);background:#efe5fb}
.l21-founder-card .quote{position:absolute;top:-30px;right:24px;font:900 220px/1 Gantari,sans-serif;color:#fff;opacity:.7;pointer-events:none}
.l21-founder-card .ph{width:260px;height:260px;border-radius:22px;object-fit:cover;position:relative}
.l21-founder-card .txt{position:relative}
.l21-founder-card .oc-h2{margin-top:0}
.l21-founder-card .who{margin:0 0 16px;font-family:Gantari,sans-serif;display:flex;flex-direction:column;gap:2px}
.l21-founder-card .who strong{color:#4c277e;font-size:18px}.l21-founder-card .who span{color:#3d3650}
.l21-founder-card blockquote{margin:0;font-family:Gantari,sans-serif;font-size:16px;line-height:1.6;color:#1f1a2e}
.l21-founder-card blockquote p{margin:0 0 12px}.l21-founder-card .sign{font-weight:700;color:#8300e0}
@media (max-width:900px){.l21-sol-grid{grid-template-columns:minmax(0,1fr)}.l21-founder-card{grid-template-columns:minmax(0,1fr)}.l21-founder-card .ph{width:180px;height:180px}}
/* thème sombre */
html[data-theme="dark"] :is(.l21-enj,.l21-part){background:transparent}
html[data-theme="dark"] :is(.l21-enj-card,.l21-sol-card,.l21-part-card){background:#1f1830;border-color:#3a2f55;box-shadow:none}
html[data-theme="dark"] :is(.l21-enj-card,.l21-sol-card)::before{opacity:.18}
html[data-theme="dark"] :is(.l21-enj-card h3,.l21-sol-card h3){color:#fff}
html[data-theme="dark"] :is(.l21-enj-card p,.l21-sol-card p,.l21-sol-txt p,.l21-part-card p){color:#d9d2e8}
html[data-theme="dark"] .c0{--nc:#d29bff}html[data-theme="dark"] .c1{--nc:#ff9ad5}html[data-theme="dark"] .c2{--nc:#ffb27a}
html[data-theme="dark"] .l21-part-card img{background:#fff;border-radius:8px;padding:6px 10px;height:46px}
html[data-theme="dark"] .l21-founder-card{background:#241c38}
html[data-theme="dark"] .l21-founder-card .quote{color:#3a2f55;opacity:1}
html[data-theme="dark"] .l21-founder-card .who strong{color:#d6c2ff}html[data-theme="dark"] .l21-founder-card :is(.who span,blockquote){color:#ece7f6}
html[data-theme="dark"] .l21-founder-card .sign{color:#d29bff}
/* mode filaire */
html[data-wire="on"] :is(.l21-enj-card,.l21-sol-card,.l21-part-card,.l21-founder-card){border:2px solid currentColor!important}
html[data-wire="on"] .l21-founder-card .quote{display:none}

/* ---------- En-tête « verre liquide » (façon Apple) : translucide + flou quand le contenu passe dessous ---------- */
/* avant tout défilement : aucun fond, aucune ombre */
header.wp-block-template-part{background:transparent!important;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease}
html[data-theme="dark"] header.wp-block-template-part{background:transparent!important}
/* dès que la page défile : verre liquide */
html.l21-scrolled header.wp-block-template-part{background:rgba(255,255,255,.55)!important;-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.65),inset 0 1px 0 rgba(255,255,255,.8),0 6px 24px rgba(76,39,126,.08)}
html.l21-scrolled[data-theme="dark"] header.wp-block-template-part{background:rgba(19,14,31,.55)!important;box-shadow:inset 0 -1px 0 rgba(214,194,255,.18),inset 0 1px 0 rgba(255,255,255,.06),0 6px 24px rgba(0,0,0,.35)}
/* accessibilité : transparence réduite demandée par le système, ou mode filaire -> fond plein */
@media (prefers-reduced-transparency:reduce){html.l21-scrolled header.wp-block-template-part{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none}html.l21-scrolled[data-theme="dark"] header.wp-block-template-part{background:#130e1f!important}}
html[data-wire="on"] header.wp-block-template-part{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border-bottom:2px solid #000!important}
html[data-wire="on"][data-theme="dark"] header.wp-block-template-part{background:#000!important;border-color:#fff!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html.l21-scrolled header.wp-block-template-part{background:rgba(255,255,255,.94)!important}html.l21-scrolled[data-theme="dark"] header.wp-block-template-part{background:rgba(19,14,31,.94)!important}}
/* ---------- Hero : l'arrondi du haut n'est jamais coupé (seul le débordement horizontal est masqué) ---------- */
.banner-bloc-container{overflow-x:clip!important;overflow-y:visible!important}
/* Hero d'accueil : la forme pivotée dépasse d'environ 10,4 % de la largeur au-dessus du bloc ;
   marge calculée pour garder au moins 32 px sous l'en-tête à toute largeur (mesuré de 390 à 1600 px) */
.home .banner-bloc-container{margin-top:calc(10.5vw + 34px)!important} /* fusionne avec l espacement existant de 120 px : seul l excedent deplace la forme */
/* Frise AMOA/AMOE/MOE/TMA (Notre groupe) : en mobile sombre le bandeau violet disparaît, le texte indigo devient illisible */
@media (max-width:1279px){
html[data-theme="dark"] :is(.section-accompagnement,.section-accompagnement-group) .section-background :is(h3,p,li,strong,em){color:#ece7f6!important}
html[data-theme="dark"] :is(.section-accompagnement,.section-accompagnement-group) .section-background h3{color:#d6c2ff!important}
}
/* « Lùkla, ce sont : » (Notre groupe) : sans dégradé en mobile, l'indigo passe sur fond nuit */
@media (max-width:1279px){
html[data-theme="dark"] .group-values__facts :is(p,li,strong,em){color:#ece7f6!important}
html[data-theme="dark"] .group-values__facts strong{color:#d6c2ff!important}
}
@media (max-width:1279px){
html[data-theme="dark"] .wp-block-group.group-values__facts .wp-block-list li{color:#ece7f6!important}
html[data-theme="dark"] .wp-block-group.group-values__facts .wp-block-list li strong{color:#d6c2ff!important}
html[data-theme="dark"] .wp-block-group.group-values__facts .wp-block-list li:before{background-color:#d29bff!important}
}
/* rubrique active en sombre : le texte (y compris l'italique EM) suit la couleur de la rubrique */
html[data-theme="dark"] .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a .wp-block-navigation-item__label *{color:var(--ht)!important}
/* chiffres clés (Nous rejoindre) en sombre : le raccord ::before suit la pastille sombre (plus d'encoche blanche) */
html[data-theme="dark"] .section-header-nous-rejoindre p.has-medium-large-font-size::before{background-color:#2c2342!important}
/* chiffres clés : contexte d'empilement propre, le libellé (z-index -1) ne passe plus sous le fond de section (mode sombre) */
.key-figure>.wp-block-group,.key-figure-success-story>.wp-block-group{isolation:isolate}
/* ---------- Bandeau d'accueil animé (vidéo motion design) ---------- */
.home .banner-bloc-container .right-container .wp-block-image .l21-hero-vbox{position:absolute;overflow:hidden;opacity:0;transition:opacity .6s ease;pointer-events:none}
.home .banner-bloc-container .right-container .wp-block-image .l21-hero-vid{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.home .banner-bloc-container .right-container .wp-block-image.l21-anim.l21-vid-ok .l21-hero-vbox{opacity:1}
.home .banner-bloc-container .right-container .wp-block-image.l21-anim.l21-vid-ok img{opacity:0;transition:opacity .6s ease}
.l21-hero-toggle{background:linear-gradient(135deg,#f7effd,#e9dcff);box-shadow:0 4px 12px rgba(76,39,126,.18);color:#4c277e;align-self:center;margin-right:.75rem}
.l21-hero-toggle svg{grid-area:1/1;width:22px;height:22px;fill:currentColor;transition:opacity .25s,transform .3s}
.l21-hero-toggle .i-fixe{opacity:0;transform:scale(.6)}
.l21-hero-toggle.is-anim .i-anim{opacity:0;transform:scale(.6)}
.l21-hero-toggle.is-anim .i-fixe{opacity:1;transform:none}
.l21-hero-toggle:focus-visible{outline:3px solid #4c277e;outline-offset:3px}
html[data-theme="dark"] .l21-hero-toggle{background:linear-gradient(135deg,#2c2342,#3e1c7f);color:#e9dcff}
html[data-theme="dark"] .l21-hero-toggle:focus-visible{outline-color:#d6c2ff}
html[data-wire="on"] .l21-hero-toggle,html[data-wire="on"] .l21-hero-vbox{display:none!important}
@media (prefers-reduced-motion: reduce){.home .banner-bloc-container .right-container .wp-block-image .l21-hero-vbox,.home .banner-bloc-container .right-container .wp-block-image.l21-anim img{transition:none}}
.l21-pastille.l21-hero-toggle{--pg:linear-gradient(135deg,#f6ecff,#e6d2ff);--tail:transparent;color:#6a1fc4!important}
.l21-pastille.l21-hero-toggle::after{display:none!important}
html[data-theme="dark"] .l21-pastille.l21-hero-toggle{--pg:linear-gradient(135deg,#3e1c7f,#2c2342);color:#e9dcff!important}
.l21-pastille.l21-hero-toggle svg{position:relative;z-index:1}
/* ---------- Démonstration : film plein écran comme bandeau d'accueil (?hero=film) ---------- */
.l21-film{position:relative;width:100vw;max-width:none!important;margin:var(--l21-hdr,0px) calc(50% - 50vw) 0!important;aspect-ratio:16/9;max-height:calc(100vh - 130px);max-height:calc(100svh - 130px);min-height:420px;overflow:hidden;background:#130e1f;isolation:isolate;contain:paint}
.l21-film-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateZ(0);will-change:transform;backface-visibility:hidden}
.l21-film::after{content:"";position:absolute;inset:auto 0 0 0;height:22%;background:linear-gradient(180deg,rgba(19,14,31,0),rgba(19,14,31,.55));pointer-events:none}
.l21-film-cta{position:absolute;left:50%;bottom:7%;transform:translate(-50%,16px);opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);z-index:2}
.l21-film.cta-on .l21-film-cta{opacity:1;transform:translate(-50%,0)}
.l21-film-cta .oc-cta{box-shadow:0 10px 30px rgba(19,14,31,.45)}
.l21-film-ctrl{position:absolute;right:clamp(16px,3vw,40px);bottom:clamp(16px,3vw,36px);display:flex;align-items:center;gap:.6rem;z-index:3}
.l21-film-pause{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(19,14,31,.62);color:#fff;cursor:pointer}
.l21-film-pause svg{grid-area:1/1;width:18px;height:18px;fill:currentColor}
.l21-film-pause .i-play{display:none}.l21-film.is-paused .l21-film-pause .i-play{display:block}.l21-film.is-paused .l21-film-pause .i-pause{display:none}
.l21-film-back{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:99px;background:rgba(19,14,31,.62);border:1px solid rgba(255,255,255,.5);color:#fff!important;font-size:.875rem;text-decoration:none}
.l21-film-pause:focus-visible,.l21-film-back:focus-visible,.l21-film-cta .oc-cta:focus-visible{outline:3px solid #d6c2ff;outline-offset:3px}
@media (max-width:767px){.l21-film{aspect-ratio:auto;max-height:none;min-height:0;overflow:visible;background:transparent}
 .l21-film-v{position:relative;aspect-ratio:4/5;height:auto}
 .l21-film-v.is-standby{position:absolute;inset:0;height:100%}
 .l21-film::after{display:none}
 .l21-film-cta{position:relative;left:auto;bottom:auto;transform:none;opacity:1;display:flex;justify-content:center;margin:20px 0 8px}
 .l21-film-ctrl{position:relative;right:auto;bottom:auto;justify-content:center;margin:0 0 12px}
 .l21-film-pause,.l21-film-back{background:#4c277e;border-color:#4c277e}}
html[data-wire="on"] .l21-film{display:none!important}
html[data-wire="on"].l21-has-film .home .banner-bloc-container{display:block!important}
html.l21-has-film.l21-scrolled header.wp-block-template-part{-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px)}

.l21-film-v.is-standby{opacity:0}
/* ---------- Pastilles thème / accessibilité sous les icônes sociales (bureau) ---------- */
#l21-side{position:fixed;z-index:100;transform:translateX(50%)}
.l21-tools.at-side{display:flex;flex-direction:column;align-items:center;gap:var(--l21-gap,20px);margin:0!important}
.l21-tools.at-side .l21-pastille{width:var(--l21-sz,47px);height:var(--l21-sz,47px)}

/* ---------- Film : l'en-tête se superpose à la vidéo, sans bande blanche ---------- */
html.l21-has-film header.wp-block-template-part{position:fixed!important;top:0;left:0;right:0;z-index:90}
html.l21-has-film .l21-film{margin-top:0!important;max-height:100vh;max-height:100svh}
html.l21-has-film:not(.l21-scrolled) header.wp-block-template-part{background:linear-gradient(180deg,rgba(19,14,31,.45),rgba(19,14,31,0))!important;box-shadow:none!important}
html.l21-has-film main{margin-top:0!important}
/* colonne latérale : mêmes pastilles pleines et colorées que les réseaux sociaux */
#l21-side .l21-pastille.l21-themebtn{--pg:linear-gradient(-45deg,#ff8c00,#ffd000);--tail:#ffd000;color:#3e1c7f!important}
#l21-side .l21-pastille.l21-a11y{--pg:linear-gradient(-45deg,#4c277e,#a700ff);--tail:#a700ff;color:#fff!important}
#l21-side .l21-pastille .oci{width:26px;height:26px}
html[data-theme="dark"] #l21-side .l21-pastille.l21-themebtn{--pg:linear-gradient(-45deg,#3e1c7f,#8300e0);--tail:#8300e0;color:#ffd000!important}
@media (max-width:767px){
 .l21-film.cta-on .l21-film-cta,.l21-film .l21-film-cta{transform:none!important;left:auto}
 html.l21-has-film .l21-film.is-mobile{padding-top:72px;background:#130e1f}
 html.l21-has-film .l21-film.is-mobile .l21-film-v.is-standby{top:72px;height:calc(100% - 72px)}
 html.l21-has-film .l21-film.is-mobile{padding-bottom:18px}
 html.l21-has-film .l21-film.is-mobile .l21-film-cta{margin:22px 0 14px}
 html.l21-has-film .l21-film.is-mobile .l21-film-pause,html.l21-has-film .l21-film.is-mobile .l21-film-back{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55)}
}
/* ---------- Hero film v3 : plein écran fixe, se resserre en cercle vers la montagne du bandeau au défilement ---------- */
.l21-film.is-morph{position:fixed!important;inset:0;z-index:80;width:100vw;height:100vh;height:100svh;max-height:none!important;min-height:0;aspect-ratio:auto;margin:0!important;background:#130e1f;contain:none;will-change:mask-image,opacity}
.l21-film.is-morph::after{display:none}
.l21-film-stage{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}
.l21-film.is-morph .l21-film-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.l21-film-spacer{height:95vh}
html.l21-has-film:not(.l21-on-film) .l21-film.is-morph .l21-film-ui{visibility:hidden}
/* en-tête au-dessus du film : transparent, logo blanc ; ailleurs, comportement habituel */
html.l21-has-film:not(.l21-scrolled) header.wp-block-template-part{background:transparent!important}
html.l21-on-film header.wp-block-template-part{background:linear-gradient(180deg,rgba(19,14,31,.42),rgba(19,14,31,0))!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* ---------- Bouton V2 (retour au bandeau animé depuis la version d'origine) ---------- */
.l21-v2{display:inline-grid;place-items:center;min-width:54px;height:44px;padding:0 14px;margin-right:.75rem;align-self:center;border:0;border-radius:99px;cursor:pointer;font:800 italic 1rem/1 Gantari,sans-serif;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#a700ff,#4c277e);box-shadow:0 6px 16px rgba(76,39,126,.3)}
.l21-v2:hover{filter:brightness(1.08)}
.l21-v2:focus-visible{outline:3px solid #4c277e;outline-offset:3px}
html[data-theme="dark"] .l21-v2:focus-visible{outline-color:#d6c2ff}
.l21-film-back{font:inherit;cursor:pointer}
/* ---------- Filigrane : la montagne, très légère, sur toute l'accueil ---------- */
html.l21-has-film body.home::after{content:"";position:fixed;inset:0;z-index:5;pointer-events:none;background:url(img/hero/mountain-wm.jpg) center 35%/cover no-repeat;opacity:.07;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 25%,#000 75%,rgba(0,0,0,.4) 100%);mask-image:linear-gradient(180deg,transparent 0,#000 25%,#000 75%,rgba(0,0,0,.4) 100%)}
html[data-theme="dark"].l21-has-film body.home::after{mix-blend-mode:screen;opacity:.06}
html[data-wire="on"] body.home::after{display:none!important}

.l21-film-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
@media (max-width:767px){.l21-film:not(.is-morph) .l21-film-stage{position:relative;inset:auto;transform:none!important}}
@media (max-width:767px){html.l21-has-film .l21-film.is-mobile{background:linear-gradient(180deg,#130e1f 0,#130e1f 78%,rgba(19,14,31,0) 100%);padding-bottom:56px}}

/* ---------- Hero film v4 (version de travail) : épinglé, la photo devient des montagnes vectorielles en parallaxe ---------- */
.l21-film.is-par{position:relative;width:100vw;max-width:none!important;margin:0 calc(50% - 50vw)!important;max-height:none!important;min-height:0;aspect-ratio:auto;background:transparent;contain:none;overflow:visible}
.l21-film.is-par::after{display:none}
.l21-film-pin{position:relative}
.l21-film.is-par .l21-film-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#130e1f}
.l21-film.is-par .l21-film-stage{position:absolute;inset:0;transform:none;will-change:opacity,filter}
.l21-film.is-par .l21-film-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.l21-film-vec{position:absolute;inset:0;opacity:0;pointer-events:none}
.l21-film-vec svg{display:block;width:100%;height:100%;overflow:visible}
.l21-film-vec .m-layer{will-change:transform}
.l21-film-vec .m-page-fill{fill:#fff}
html[data-theme="dark"] .l21-film-vec .m-page-fill{fill:#130e1f}
/* ---------- v2.2 : barre de navigation en verre liquide (façon Apple), reflet des couleurs d'origine ---------- */
html.l21-lab #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container::after{
  background:linear-gradient(90deg,rgba(76,39,126,.42),rgba(131,0,224,.38) 20%,rgba(161,0,152,.34) 42%,rgba(240,94,168,.4) 62%,rgba(255,129,0,.48) 82%,rgba(255,208,0,.55)),rgba(255,255,255,.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 24px rgba(19,14,31,.14)}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item::before{opacity:.1!important}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:hover::after,
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:focus-within::after{opacity:.6!important}
/* au-dessus du film : libellés blancs */
html.l21-lab.l21-on-film .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a,
html.l21-lab.l21-on-film .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a .wp-block-navigation-item__label,
html.l21-lab.l21-on-film .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a .wp-block-navigation-item__label *{color:#fff!important;text-shadow:0 1px 8px rgba(19,14,31,.45)}
html.l21-lab.l21-on-film #l21-menu .wp-block-navigation-item>a:focus-visible{outline:2px solid #fff!important;outline-offset:2px}
/* v2.2 : la section suivante remonte sur le bas blanc des collines (pas de vide après les montagnes) */
html.l21-lab .l21-film.is-par{margin-bottom:-15vh!important}
html.l21-lab .l21-film.is-par ~ *{position:relative;z-index:2}
html.l21-lab.l21-on-film #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container::after{background:linear-gradient(90deg,rgba(76,39,126,.42),rgba(131,0,224,.38) 20%,rgba(161,0,152,.34) 42%,rgba(240,94,168,.4) 62%,rgba(255,129,0,.46) 82%,rgba(255,208,0,.5)),rgba(19,14,31,.22)!important}

/* ---------- v2.2 : thème et accessibilité dans la colonne des réseaux sociaux, mêmes icônes, fond et traînée ---------- */
html.l21-sidecol .social-icons>p.l21-side-p:nth-child(4){animation:icon-animation 1s ease-in-out 1.2s forwards}
html.l21-sidecol .social-icons>p.l21-side-p:nth-child(5){animation:icon-animation 1s ease-in-out 1.5s forwards}
@media (prefers-reduced-motion:reduce){html.l21-sidecol .social-icons>p.l21-side-p{animation:none!important;transform:none!important}}
html.l21-sidecol .l21-side-btn.l21-pastille{all:unset;display:inline-block;cursor:pointer;position:relative;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border-radius:50%}
html.l21-sidecol .l21-side-btn.l21-pastille::before,html.l21-sidecol .l21-side-btn.l21-pastille::after{display:none!important;content:none!important}
html.l21-sidecol .l21-side-btn>.oci,html.l21-sidecol .l21-side-btn>svg,html.l21-sidecol .l21-side-btn .l21-tip{display:none!important}
html.l21-sidecol .l21-side-btn:focus-visible{outline:3px solid #4c277e;outline-offset:4px}
html[data-theme="dark"].l21-sidecol .l21-side-btn:focus-visible{outline-color:#d6c2ff}
html.l21-sidecol .l21-ic-theme:before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224.2%22%20fill%3D%22%23fff%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%201.8v2.6M12%2019.6v2.6M1.8%2012h2.6M19.6%2012h2.6M4.8%204.8l1.8%201.8M17.4%2017.4l1.8%201.8M4.8%2019.2l1.8-1.8M17.4%206.6l1.8-1.8%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
html.l21-sidecol [aria-checked="true"] .l21-ic-theme:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20.5%2014.6A8.6%208.6%200%200%201%209.4%203.5a.6.6%200%200%200-.8-.7A9.8%209.8%200%201%200%2021.2%2015.4a.6.6%200%200%200-.7-.8z%22%2F%3E%3C%2Fsvg%3E")!important}
html.l21-sidecol .l21-ic-a11y:before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224%22%20r%3D%222.3%22%20fill%3D%22%23fff%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4%208.6l8%201.6%208-1.6M12%2010.2v5M12%2015.2l-4%206.3M12%2015.2l4%206.3%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
html.l21-sidecol .l21-side-btn .icon:before{content:" ";display:block}
html.l21-sidecol .l21-ic-theme.has-orange-to-gold-gradient-background{background:linear-gradient(-45deg,#ff8100,#ffd000)!important}
html.l21-sidecol .l21-ic-a11y.has-deep-purple-to-light-indigo-gradient-background{background:linear-gradient(-45deg,#6814af,#a700ff)!important}
html.l21-still .social-icons>p{animation:none!important;transform:none!important}
/* ---------- v2.2 : en-tête et navigation ne font qu'un — le verre liquide et le dégradé couvrent tout l'en-tête ---------- */
html.l21-lab header.wp-block-template-part{position:fixed!important;top:0;left:0;right:0;z-index:90;
  background:linear-gradient(90deg,rgba(76,39,126,.42),rgba(131,0,224,.36) 22%,rgba(161,0,152,.32) 44%,rgba(240,94,168,.34) 64%,rgba(255,129,0,.4) 84%,rgba(255,208,0,.46)),rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(170%)!important;backdrop-filter:blur(18px) saturate(170%)!important;
  border-bottom:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 22px rgba(19,14,31,.12)!important}
html.l21-lab.l21-on-film header.wp-block-template-part{background:linear-gradient(90deg,rgba(76,39,126,.42),rgba(131,0,224,.36) 22%,rgba(161,0,152,.32) 44%,rgba(240,94,168,.36) 64%,rgba(255,129,0,.42) 84%,rgba(255,208,0,.46)),rgba(19,14,31,.24)!important}
/* la barre des rubriques n'a plus de fond propre : elle se fond dans l'en-tête */
html.l21-lab #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container::after,
html.l21-lab.l21-on-film #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container::after{background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item::before{opacity:0!important}
/* libellés : blanc sur tout l'en-tête coloré, pastille de couleur au survol et sur la rubrique active */
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a,
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a .wp-block-navigation-item__label,
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a .wp-block-navigation-item__label *{color:#fff!important;text-shadow:0 1px 8px rgba(19,14,31,.4)}
html.l21-lab #l21-menu .wp-block-navigation-item>a:focus-visible{outline:2px solid #fff!important;outline-offset:2px}
/* le contenu ne passe pas sous l'en-tête fixe (hors film, qui démarre sous lui) */
html.l21-lab:not(.l21-has-film) main{padding-top:var(--l21-hh,80px)}
/* hors du film : verre clair teinté du dégradé, libellés indigo (lisibilité AA) */
html.l21-lab:not(.l21-on-film) header.wp-block-template-part{background:linear-gradient(90deg,rgba(76,39,126,.22),rgba(131,0,224,.2) 22%,rgba(161,0,152,.16) 44%,rgba(240,94,168,.2) 64%,rgba(255,129,0,.24) 84%,rgba(255,208,0,.3)),rgba(255,255,255,.72)!important}
html.l21-lab:not(.l21-on-film) .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a,
html.l21-lab:not(.l21-on-film) .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a .wp-block-navigation-item__label,
html.l21-lab:not(.l21-on-film) .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a .wp-block-navigation-item__label *{color:#3e1c7f!important;text-shadow:none}
html.l21-lab:not(.l21-on-film) #l21-menu .wp-block-navigation-item>a:focus-visible{outline-color:#3e1c7f!important}
html[data-theme="dark"].l21-lab:not(.l21-on-film) header.wp-block-template-part{background:linear-gradient(90deg,rgba(76,39,126,.5),rgba(131,0,224,.4) 22%,rgba(161,0,152,.36) 44%,rgba(240,94,168,.3) 64%,rgba(255,129,0,.3) 84%,rgba(255,208,0,.3)),rgba(19,14,31,.78)!important}
html[data-theme="dark"].l21-lab:not(.l21-on-film) .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a .wp-block-navigation-item__label,
html[data-theme="dark"].l21-lab:not(.l21-on-film) .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a .wp-block-navigation-item__label *{color:#fff!important}
/* en haut (sur le film) : dégradé franc, extrémité chaude assombrie pour garder le blanc lisible */
html.l21-lab.l21-on-film header.wp-block-template-part{background:linear-gradient(90deg,rgba(76,39,126,.82),rgba(131,0,224,.74) 22%,rgba(161,0,152,.7) 44%,rgba(214,70,140,.72) 64%,rgba(200,84,0,.8) 84%,rgba(170,118,0,.84)),rgba(19,14,31,.12)!important}
/* v2.2 : dégradé plus discret, étalé jusqu'au jaune */
html.l21-lab.l21-on-film header.wp-block-template-part{background:linear-gradient(90deg,rgba(76,39,126,.6),rgba(131,0,224,.52) 18%,rgba(161,0,152,.46) 37%,rgba(240,94,168,.44) 55%,rgba(255,129,0,.46) 74%,rgba(255,208,0,.52)),rgba(19,14,31,.36)!important}
html.l21-lab:not(.l21-on-film) header.wp-block-template-part{background:linear-gradient(90deg,rgba(76,39,126,.14),rgba(131,0,224,.13) 18%,rgba(161,0,152,.11) 37%,rgba(240,94,168,.14) 55%,rgba(255,129,0,.17) 74%,rgba(255,208,0,.24)),rgba(255,255,255,.76)!important}
/* survol : pastille plus haute, moins arrondie */
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item::after{top:-6px!important;height:calc(100% - 3px)!important;border-radius:14px!important}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a{border-radius:14px!important}
/* sous-menu : s'ouvre sous l'en-tête, pas sur la bande (pont invisible pour garder le survol) */
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>.wp-block-navigation__submenu-container{margin-top:14px!important;border-radius:16px!important}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>.wp-block-navigation__submenu-container::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
html.l21-still .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-force::after{opacity:.6!important;transform:none!important}
html.l21-still .nav-main .wp-block-navigation-item.l21-force>.wp-block-navigation__submenu-container{visibility:visible!important;opacity:1!important;height:auto!important;width:auto!important;overflow:visible!important;min-width:200px!important}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:is(:hover,:focus-within,.l21-force,.l21-current)>a,
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:is(:hover,:focus-within,.l21-force,.l21-current)>a .wp-block-navigation-item__label,
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:is(:hover,:focus-within,.l21-force,.l21-current)>a .wp-block-navigation-item__label *{color:var(--ht,#fff)!important;text-shadow:none}
/* ---------- v2.2 : infobulles ---------- */
.l21-tooltip{position:fixed;z-index:1000;max-width:260px;padding:8px 13px;border-radius:12px;pointer-events:auto;
  font:600 .875rem/1.3 Gantari,sans-serif;color:#fff;letter-spacing:.01em;
  background:linear-gradient(135deg,rgba(76,39,126,.96),rgba(104,20,175,.96));box-shadow:0 10px 26px rgba(19,14,31,.28),inset 0 1px 0 rgba(255,255,255,.18);
  opacity:0;transform:translateY(4px) scale(.98);transition:opacity .15s ease,transform .18s cubic-bezier(.2,.8,.2,1)}
.l21-tooltip.is-on{opacity:1;transform:none}
.l21-tooltip[data-side="left"]{transform:translateX(4px) scale(.98)}.l21-tooltip[data-side="left"].is-on{transform:none}
.l21-tooltip::after{content:"";position:absolute;width:10px;height:10px;background:inherit;border-radius:2px;transform:rotate(45deg)}
.l21-tooltip[data-side="top"]::after{left:calc(50% - 5px);bottom:-4px;background:#5a1c9a}
.l21-tooltip[data-side="bottom"]::after{left:calc(50% - 5px);top:-4px;background:#4e2287}
.l21-tooltip[data-side="left"]::after{right:-4px;top:calc(50% - 5px);background:#5f1aa6}
html[data-theme="dark"] .l21-tooltip{background:linear-gradient(135deg,#efe6ff,#d6c2ff);color:#1f1a2e}
html[data-theme="dark"] .l21-tooltip::after{background:#e2d4ff!important}
html[data-wire="on"] .l21-tooltip{background:#000;color:#fff;border-radius:0;box-shadow:none}html[data-wire="on"] .l21-tooltip::after{background:#000!important}
@media (prefers-reduced-motion:reduce){.l21-tooltip{transition:none}}
/* l'ancienne bulle intégrée aux pastilles est remplacée par l'infobulle commune */
html.l21-sidecol .l21-pastille .l21-tip{display:none!important}

/* v2.2 : en haut de page, l'en-tête se fond dans le film (verre très léger, sans bordure, dégradé qui s'évanouit vers le bas) */
html.l21-lab.l21-on-film header.wp-block-template-part{background:linear-gradient(180deg,rgba(19,14,31,.38) 0%,rgba(19,14,31,.14) 100%),linear-gradient(90deg,rgba(76,39,126,.34),rgba(131,0,224,.28) 18%,rgba(161,0,152,.24) 37%,rgba(240,94,168,.22) 55%,rgba(255,129,0,.24) 74%,rgba(255,208,0,.28))!important;
  -webkit-backdrop-filter:blur(10px) saturate(140%)!important;backdrop-filter:blur(10px) saturate(140%)!important;border-bottom:0!important;box-shadow:none!important;
}

html.l21-lab.l21-on-film header.wp-block-template-part{background:linear-gradient(180deg,rgba(19,14,31,.4) 0%,rgba(19,14,31,.12) 70%,rgba(19,14,31,0) 100%),linear-gradient(90deg,rgba(76,39,126,.3),rgba(131,0,224,.24) 18%,rgba(161,0,152,.2) 37%,rgba(240,94,168,.18) 55%,rgba(255,129,0,.2) 74%,rgba(255,208,0,.24))!important}
/* ---------- v2.2 : accroche du bandeau d'origine dans le film ---------- */
.l21-film-intro{position:absolute;left:50%;bottom:calc(7% + 74px);transform:translateX(-50%);width:min(760px,86vw);margin:0;z-index:2;text-align:center;
  font:italic 400 clamp(1rem,1.25vw,1.2rem)/1.5 Gantari,sans-serif;color:#f3ecff;text-shadow:0 2px 14px rgba(19,14,31,.7),0 1px 2px rgba(19,14,31,.5)}
.l21-film-intro strong{font-weight:800;color:#fff}
.l21-film-intro strong .w{background:linear-gradient(90deg,#f6efff,#ffd6ec 60%,#ffe7a8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 8px rgba(19,14,31,.65))}
.l21-film-intro .w{display:inline-block;opacity:0;transform:translateY(10px);filter:blur(4px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1),filter .5s ease;transition-delay:calc(var(--i) * 45ms)}
.l21-film.cta-on .l21-film-intro .w{opacity:1;transform:none;filter:none}
.l21-film.cta-on .l21-film-intro strong .w{filter:drop-shadow(0 2px 8px rgba(19,14,31,.65))}
.l21-film-cta{transition-delay:.9s}
@media (prefers-reduced-motion:reduce){.l21-film-intro .w{transition:none;opacity:1;transform:none;filter:none}}
@media (max-width:767px){.l21-film-intro{position:relative;left:auto;bottom:auto;transform:none;width:auto;margin:18px 20px 0;font-size:1rem}}

/* accroche : plus d'air sous le sous-titre (film re-rendu), voile doux derrière le texte */
.l21-film-intro{bottom:calc(7% + 80px);padding:10px 22px;border-radius:18px;background:radial-gradient(ellipse at center,rgba(19,14,31,.38) 0%,rgba(19,14,31,.18) 60%,rgba(19,14,31,0) 100%)}
@media (max-width:767px){html.l21-has-film .l21-film.is-mobile{background:#130e1f;padding-bottom:28px}.l21-film-intro{padding:0;background:none}}
/* ---------- v2.2 : colonne de droite, déclinaison sombre ---------- */
html[data-theme="dark"].l21-sidecol .social-icons .icon{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.14),rgba(255,255,255,0) 60%),linear-gradient(-45deg,#2e2150,#3b2d63)!important;box-shadow:inset 0 0 0 2px var(--l21-ring,#a700ff),0 6px 16px rgba(0,0,0,.35)!important}
html[data-theme="dark"].l21-sidecol .social-icons .icon.i-linkedin{--l21-ring:#8a5cf6;color:#8a5cf6!important}
html[data-theme="dark"].l21-sidecol .social-icons .icon.i-instagram{--l21-ring:#d64fc9;color:#d64fc9!important}
html[data-theme="dark"].l21-sidecol .social-icons .icon.i-enveloppe{--l21-ring:#ff8a3d;color:#ff8a3d!important}
html[data-theme="dark"].l21-sidecol .social-icons .icon.l21-ic-theme{--l21-ring:#ffd000;color:#ffd000!important}
html[data-theme="dark"].l21-sidecol .social-icons .icon.l21-ic-a11y{--l21-ring:#c08bff;color:#c08bff!important}
html[data-theme="dark"].l21-sidecol .social-icons .icon.shadow::after{opacity:.32!important}
html[data-theme="dark"].l21-sidecol .social-icons .l21-side-btn:focus-visible{outline-color:#d6c2ff}
.l21-film-intro{font-size:clamp(1.05rem,1.35vw,1.28rem);font-style:normal;padding:14px 28px;background:radial-gradient(ellipse at center,rgba(37,26,64,.62) 0%,rgba(37,26,64,.42) 55%,rgba(37,26,64,0) 100%);color:#fff}
.l21-film-intro strong .w{background:linear-gradient(90deg,#fff,#ffe0f1 55%,#ffe9a8);-webkit-background-clip:text;background-clip:text}
@media (min-width:768px){html.l21-lab .l21-film-cta{bottom:4.2%}}
/* v2.2 : survol des rubriques à pleine couleur (blanc lisible) */
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:hover::after,
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:focus-within::after,
html.l21-still .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-force::after{opacity:1!important;box-shadow:0 6px 18px rgba(76,39,126,.28)}
/* sous-menu : chaque lien a un état de survol et de focus net */
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main .wp-block-navigation__submenu-container{padding:8px!important}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main .wp-block-navigation__submenu-container .wp-block-navigation-item>a{display:flex!important;align-items:center;gap:8px;padding:9px 14px!important;border-radius:10px;opacity:.88;transition:background .18s,opacity .18s,transform .18s}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main .wp-block-navigation__submenu-container .wp-block-navigation-item>a::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:0;transform:scale(.4);transition:opacity .18s,transform .18s;flex:0 0 6px}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main .wp-block-navigation__submenu-container .wp-block-navigation-item>a:is(:hover,:focus-visible,.l21-fh),
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main .wp-block-navigation__submenu-container .wp-block-navigation-item>a[aria-current="page"]{background:rgba(255,255,255,.22);opacity:1;transform:translateX(3px);font-weight:700}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main .wp-block-navigation__submenu-container .wp-block-navigation-item>a:is(:hover,:focus-visible,.l21-fh)::before,
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main .wp-block-navigation__submenu-container .wp-block-navigation-item>a[aria-current="page"]::before{opacity:1;transform:none}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main .wp-block-navigation__submenu-container .wp-block-navigation-item>a:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
@media (prefers-reduced-motion:reduce){html.l21-lab .nav-main .wp-block-navigation__submenu-container .wp-block-navigation-item>a{transition:none;transform:none!important}}
/* v2.2 : film vertical aussi en portrait jusqu'à 1100 px (grands téléphones, tablettes debout) */
@media (orientation:portrait) and (max-width:1100px){
 .l21-film:not(.is-par){aspect-ratio:auto;max-height:none;min-height:0;overflow:visible}
 .l21-film:not(.is-par) .l21-film-stage{position:relative;inset:auto;transform:none!important}
 .l21-film:not(.is-par) .l21-film-v{position:relative;aspect-ratio:4/5;height:auto;width:100%}
 .l21-film:not(.is-par) .l21-film-v.is-standby{position:absolute;inset:0;height:100%}
 .l21-film:not(.is-par) .l21-film-cta{position:relative;left:auto;bottom:auto;transform:none!important;opacity:1;display:flex;justify-content:center;margin:22px 0 14px}
 .l21-film:not(.is-par) .l21-film-ctrl{position:relative;right:auto;bottom:auto;justify-content:center;margin:0 0 12px}
 html.l21-has-film .l21-film.is-mobile{background:#251a40;padding-top:72px;padding-bottom:28px}
 html.l21-has-film .l21-film.is-mobile .l21-film-pause,html.l21-has-film .l21-film.is-mobile .l21-film-back{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55)}
}
@media (orientation:portrait) and (min-width:600px) and (max-width:1100px){.l21-film.is-mobile .l21-film-v{max-width:720px;margin:0 auto;display:block}}
@media (orientation:landscape) and (max-height:600px){
 html .l21-film.is-short{aspect-ratio:auto!important;max-height:none!important;height:auto!important;min-height:0;overflow:visible;background:#251a40;padding-top:64px;padding-bottom:20px}
 .l21-film.is-short .l21-film-stage{position:relative;inset:auto;transform:none!important}
 .l21-film.is-short .l21-film-v{position:relative;aspect-ratio:16/9;height:auto;width:100%;max-width:900px;margin:0 auto;display:block}
 .l21-film.is-short .l21-film-v.is-standby{position:absolute;inset:0;height:100%}
 .l21-film.is-short::after{display:none}
 .l21-film.is-short .l21-film-cta{position:relative;left:auto;bottom:auto;transform:none!important;opacity:1;display:flex;justify-content:center;margin:16px 0 10px}
 .l21-film.is-short .l21-film-ctrl{position:relative;right:auto;bottom:auto;justify-content:center;margin:0}
 .l21-film.is-short .l21-film-pause,.l21-film.is-short .l21-film-back{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55)}
}
.l21-film-cap{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.l21-film.is-mobile .l21-film-cap,.l21-film.is-short .l21-film-cap{position:absolute}
/* film sans parallaxe sur ordinateur (animations réduites, maquettes) : la scène occupe toute la section */
@media (min-width:768px) and (not ((orientation:portrait) and (max-width:1100px))) and (not ((orientation:landscape) and (max-height:600px))){.l21-film:not(.is-par) .l21-film-pin{position:absolute;inset:0}}
/* ---------- v2.2 : pied de page mobile spécifique (compact, sans accordéons) ---------- */
@media (max-width:767px){
 html.l21-lab .oc-footer{padding:36px 14px 24px!important}
 html.l21-lab .oc-footer .box{padding:30px 22px 22px!important;border-radius:20px!important}
 html.l21-lab .oc-footer .top{display:flex;flex-direction:column;gap:0}
 html.l21-lab .oc-footer .top .logo{order:-1;margin:0 0 14px}html.l21-lab .oc-footer .top .logo img{width:132px;height:auto}
 html.l21-lab .oc-footer .claim{font-size:1.05rem!important;line-height:1.35;margin:0 0 16px!important}
 html.l21-lab .oc-footer .social{margin:16px 0 0!important}
 html.l21-lab .oc-footer hr{margin:20px 0 16px!important}
 html.l21-lab .oc-footer .cols{display:grid!important;grid-template-columns:1fr 1fr;gap:18px 16px}
 html.l21-lab .oc-footer .cols details{border:0!important;padding:0!important}
 html.l21-lab .oc-footer .cols summary{list-style:none;pointer-events:none;font-size:.82rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#d6c2ff!important;margin:0 0 6px;padding:0!important}
 html.l21-lab .oc-footer .cols summary::-webkit-details-marker{display:none}
 html.l21-lab .oc-footer .cols summary::after,html.l21-lab .oc-footer .cols summary::before{display:none!important}
 html.l21-lab .oc-footer .cols li{margin:0!important}
 html.l21-lab .oc-footer .cols li a{display:inline-flex;align-items:center;min-height:32px;font-size:.88rem!important;line-height:1.25}
}
@media (max-width:300px){html.l21-lab .oc-footer .cols{grid-template-columns:1fr}}
/* ---------- v2.2 : animations fluides partout (désactivées si l'utilisateur réduit les animations) ---------- */
html.l21-lab .l21-rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
html.l21-lab .l21-rv.l21-in{opacity:1;transform:none}
html.l21-lab :is(.oc-card,.wp-block-post,.oc-slide,.l21-enj-card,.offer-list li){transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
html.l21-lab :is(.oc-card,.wp-block-post,.oc-slide,.l21-enj-card):hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(76,39,126,.16)}
html.l21-lab main :is(.wp-block-image,figure,.oc-slide) img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .6s ease}
html.l21-lab main :is(.wp-block-post,.oc-slide,.oc-card):hover img{transform:scale(1.04)}
html.l21-lab :is(.oc-cta,.wp-block-button__link,.l21-v2,.l21-film-pause,.l21-film-back){transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,background-color .25s ease,filter .25s ease}
html.l21-lab :is(.oc-cta,.wp-block-button__link):hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(76,39,126,.25)}
html.l21-lab :is(.oc-cta,.wp-block-button__link,.l21-v2,.l21-film-pause,.l21-film-back):active{transform:translateY(0) scale(.97)}
html.l21-lab .oc-cta .oc-arr{transition:transform .3s cubic-bezier(.2,.8,.2,1)}html.l21-lab .oc-cta:hover .oc-arr{transform:translateX(3px)}
html.l21-lab main p a:not(.oc-cta):not(.wp-block-button__link),html.l21-lab .oc-footer .cols a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease,opacity .2s}
html.l21-lab main p a:not(.oc-cta):not(.wp-block-button__link):hover,html.l21-lab .oc-footer .cols a:hover{background-size:100% 1px}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main .wp-block-navigation__submenu-container{transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility .22s!important;transform:translateY(-6px)}
html.l21-lab .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main .wp-block-navigation-item:is(:hover,:focus-within,.l21-force)>.wp-block-navigation__submenu-container{transform:none}
html.l21-lab header.wp-block-template-part{transition:background .4s ease,box-shadow .4s ease,backdrop-filter .4s ease}
html.l21-lab .wp-block-navigation__responsive-container.is-menu-open{animation:l21menu .32s cubic-bezier(.2,.8,.2,1)}
@keyframes l21menu{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
html.l21-lab .oc-footer .cols details>nav{animation:l21fade .3s ease}
@keyframes l21fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
html.l21-lab .l21-panel{transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){html.l21-lab .l21-rv{opacity:1!important;transform:none!important;transition:none!important}html.l21-lab *{scroll-behavior:auto!important}}
html[data-motion="reduce"].l21-lab .l21-rv{opacity:1!important;transform:none!important;transition:none!important}
html[data-motion="reduce"].l21-lab :is(.oc-card,.wp-block-post,.oc-slide,.l21-enj-card,.oc-cta,.wp-block-button__link):hover{transform:none!important}

/* ---------- v2.2 : un seul « retour en haut » : celui du pied de page, qui flotte puis vient se loger dans le pied de page ---------- */
html #l21-totop{display:none!important}
html .oc-footer .box>.up{z-index:9000;transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
html .oc-footer .box>.up.l21-float{position:fixed;top:auto!important;bottom:var(--l21-upb,28px);right:var(--l21-upr,46px)!important;box-shadow:0 8px 26px rgba(19,14,31,.28)}
html .oc-footer .box>.up.l21-float.is-hidden{opacity:0;transform:translateY(12px) scale(.9);pointer-events:none}
html .oc-footer .box>.up:hover{transform:translateY(-2px)}
html .oc-footer .box>.up:focus-visible{outline:3px solid #d6c2ff;outline-offset:3px}
/* pied de page mobile : marges internes du bloc (v2.1 et v2.2) */
@media (max-width:767px){.oc-footer{padding:36px 14px 24px!important}.oc-footer .box{padding:30px 22px 22px!important;border-radius:20px!important}}
/* panneau d'accessibilité ouvert depuis la colonne de droite */
.l21-panel.l21-panel-side{position:fixed;z-index:10001;max-height:calc(100vh - 100px);overflow:auto;box-shadow:0 18px 50px rgba(19,14,31,.28);animation:l21pn .25s cubic-bezier(.2,.8,.2,1)}
@keyframes l21pn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.l21-panel.l21-panel-side{animation:none}}

/* ---------- Réglages : troisième icône de la colonne (changement de version, bandeau animé) ---------- */
.l21-setbtn{--pg:linear-gradient(-45deg,#a10098,#f05ea8);--tail:#f05ea8}
.l21-setbtn[aria-expanded="true"]::before{box-shadow:0 0 0 3px #fff,0 0 0 5px #a10098}
.l21-tools.in-menu .l21-setbtn::before{background:linear-gradient(-45deg,#a10098,#f05ea8)}
.l21-pastille .oci-set{width:24px;height:24px}
html.l21-sidecol .social-icons>p.l21-side-p:nth-child(6){animation:icon-animation 1s ease-in-out 1.8s forwards}
html.l21-sidecol .l21-ic-set:before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.4%2013a7.6%207.6%200%200%200%200-2l2-1.6-2-3.4-2.4%201a7.4%207.4%200%200%200-1.7-1L15%203.5h-4l-.4%202.5a7.4%207.4%200%200%200-1.7%201l-2.4-1-2%203.4L6.6%2011a7.6%207.6%200%200%200%200%202l-2%201.6%202%203.4%202.4-1a7.4%207.4%200%200%200%201.7%201l.4%202.5h4l.4-2.5a7.4%207.4%200%200%200%201.7-1l2.4%201%202-3.4zM12%2015.2a3.2%203.2%200%201%201%200-6.4%203.2%203.2%200%200%201%200%206.4z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
html.l21-sidecol .l21-ic-set.has-deep-purple-to-pink-gradient-background{background:linear-gradient(-45deg,#a10098,#f05ea8)!important}
html[data-theme="dark"].l21-sidecol .social-icons .icon.l21-ic-set{--l21-ring:#f05ea8;color:#f05ea8!important}
/* liste des versions */
.l21-vers label{display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;margin:0 0 .4rem;border-radius:12px;border:1.5px solid rgba(76,39,126,.18);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.l21-vers label:hover{border-color:#8300e0;background:rgba(131,0,224,.05);transform:translateX(2px)}
.l21-vers label.is-cur,.l21-vers label:has(input:checked){border-color:#8300e0;background:linear-gradient(90deg,rgba(131,0,224,.09),rgba(240,94,168,.06))}
.l21-vers input{accent-color:#8300e0;width:18px;height:18px;margin:0;flex:0 0 auto}
.l21-vers span{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;line-height:1.3}
.l21-vers b{font-weight:800;color:#4c277e;min-width:2.4em}
.l21-vers em{font-style:normal;font-size:.75rem;font-weight:700;padding:.1rem .45rem;border-radius:99px;background:#ffe9a8;color:#5c3a00}
html[data-theme="dark"] .l21-vers label{border-color:rgba(214,194,255,.25)}
html[data-theme="dark"] .l21-vers label:hover,html[data-theme="dark"] .l21-vers label.is-cur{border-color:#d6c2ff;background:rgba(214,194,255,.08)}
html[data-theme="dark"] .l21-vers b{color:#d6c2ff}
html[data-theme="dark"] .l21-vers input{accent-color:#d6c2ff}
@media (prefers-reduced-motion:reduce){.l21-vers label{transition:none}.l21-vers label:hover{transform:none}}

/* menu burger : le flou de l'en-tête enfermait le panneau fixe dans 70 px (v2.2) */
html.l21-lab.has-modal-open header.wp-block-template-part{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.l21-lab.has-modal-open .wp-block-navigation__responsive-container.is-menu-open{height:100dvh!important;min-height:100vh!important;overflow-y:auto!important}


/* ---------- Page « Les événements » (retour client 16/10) ---------- */
.l21-events{max-width:1100px;margin:0 auto;padding:0 clamp(16px,3vw,40px) 4rem}
.l21-events .ev-demo{margin:0 auto 2rem;max-width:760px;padding:.8rem 1.1rem;border-radius:14px;background:#fff6d6;color:#5c3a00;font-size:.95rem;text-align:center}
.l21-events .ev-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}
.l21-events .ev-card{position:relative;display:grid;grid-template-columns:120px 1fr;gap:clamp(16px,2.4vw,32px);align-items:start;margin:0;padding:clamp(20px,2.4vw,30px);border-radius:24px;background:#f6f0fd;box-shadow:0 10px 30px rgba(76,39,126,.08)}
.l21-events .ev-flag{position:absolute;top:14px;right:16px;padding:.25rem .65rem;border-radius:999px;background:#ffe9a8;color:#5c3a00;font-weight:800;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}
.l21-events .ev-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#8300e0,#c2187a);text-align:center}
.l21-events .ev-date b{font:900 italic 2.6rem/1 Gantari,sans-serif}
.l21-events .ev-date span{font-weight:700;font-size:.92rem;margin-top:.3rem}
.l21-events .ev-type{margin:0 0 .3rem;font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#6814af}
.l21-events .ev-t{margin:0 0 .5rem;font:800 italic clamp(1.3rem,2vw,1.6rem)/1.2 Gantari,sans-serif;color:#24123f}
.l21-events .ev-meta{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;margin:0 0 .6rem;font-weight:700;color:#4c277e}
.l21-events .ev-d{margin:0 0 1rem;color:#3e2d5c;line-height:1.55}
html[data-theme="dark"] .l21-events .ev-card{background:#2c2342}
html[data-theme="dark"] .l21-events .ev-t{color:#fff}
html[data-theme="dark"] .l21-events :is(.ev-d,.ev-meta){color:#e3daf5}
html[data-theme="dark"] .l21-events .ev-type{color:#d6c2ff}
@media (max-width:600px){.l21-events .ev-card{grid-template-columns:1fr}.l21-events .ev-date{width:100%;height:auto;flex-direction:row;gap:.6rem;padding:.8rem}}
html[data-wire="on"] .l21-events .ev-card{border:2px solid currentColor}

/* ==========================================================================
   Retour client 16/10 — v2.1 (et versions qui partagent ces composants)
   ========================================================================== */
/* en-tête : « Votre secteur » n'est plus collé au bord de la barre */
html:not(.l3) #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:first-child>a{padding-left:22px!important;padding-right:22px!important}
/* « Nous rejoindre » actif : texte blanc comme les autres rubriques */
html:not(.l3) #l21-menu .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a,html:not(.l3) #l21-menu .nav-main.wp-block-navigation>.wp-block-navigation-item.l21-current>a *{color:#fff!important}
/* roue des offres en sombre : pictos visibles (fond coloré + glyphe blanc), disque central sombre */
html[data-theme="dark"] .offer-wheel .wp-block-query ul.wp-block-post-template li.wp-block-post>p i.icon:before{filter:brightness(0) invert(1)}
html[data-theme="dark"] .offer-wheel .wp-block-query ul.wp-block-post-template:before{background:#251a40!important}
html[data-theme="dark"] .offer-wheel .wp-block-query ul.wp-block-post-template:after{background:#30234f!important;box-shadow:0 0 30px rgba(0,0,0,.35)!important}
/* chiffres clés : un peu plus petits */
.key-figure>.wp-block-group p:first-child{font-size:clamp(1.8rem,3.2vw,2.6rem)!important}
.key-figure>.wp-block-group p:last-child{font-size:clamp(.95rem,1.2vw,1.1rem)!important}
/* Ils nous font confiance : modèle Océanne, 5 logos sur une ligne */
.l21-logos{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:1.5rem 2rem!important;max-width:1200px!important}
@media (max-width:760px){.l21-logos{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* pied de page : logo Instagram visible (tracé en évidement) */
.oc-footer .social svg path{fill-rule:evenodd}
/* Notre groupe — valeurs : les 4 sur une ligne, plus petites (mise en page d'origine conservée) */
@media (min-width:900px){
  .block-four-icons-text{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;max-width:1100px!important;margin-left:auto!important;margin-right:auto!important;align-items:start!important}
  .block-four-icons-text>.wp-block-columns{display:contents!important}
  .block-four-icons-text>.wp-block-columns>.wp-block-column{padding:0!important;margin:0!important;width:auto!important;flex-basis:auto!important}
  .block-four-icons-text .block-content{width:auto!important;padding:16px 14px!important;border-radius:999px 999px 28px 28px!important}
  .block-four-icons-text .block-content :is(h3,h4,h5){font-size:1rem!important}
  .block-four-icons-text .block-content p{font-size:.9rem!important;line-height:1.4!important}
  .block-four-icons-text i.wp-block-lukla-icon-block{font-size:2rem!important}
}
/* Notre groupe — vidéo (composant maquette Océanne) */
.l21-video{max-width:1240px;margin:clamp(40px,5vw,72px) auto;padding:0 clamp(16px,3vw,40px)}
.l21-video-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(24px,4vw,56px);align-items:center}
.l21-video-fr{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#251a40;box-shadow:0 20px 50px rgba(76,39,126,.18)}
.l21-video-fr iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:860px){.l21-video-grid{grid-template-columns:1fr}}
/* Notre groupe — RSE en trois cartes numérotées (fini les bandeaux en diagonale) */
.l21-rse-cards{max-width:1240px;margin:0 auto clamp(48px,6vw,80px);padding:clamp(28px,3vw,44px) clamp(16px,3vw,40px);border-radius:28px;background:#f9eef6}
.l21-rse-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.l21-rse-card{margin:0;padding:22px 24px 26px;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(76,39,126,.08)}
.l21-rse-card .n{display:block;font:900 italic 2.2rem/1 Gantari,sans-serif;background:linear-gradient(90deg,#8300e0,#c2187a 60%,#d35400);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.6rem}
.l21-rse-card h3{margin:0 0 .4rem;font:800 italic 1.15rem/1.25 Gantari,sans-serif;color:#24123f}
.l21-rse-card p{margin:0;color:#3e2d5c;line-height:1.5}
.l21-rse-cta{display:flex;justify-content:center;margin-top:1.6rem}
html[data-theme="dark"] .l21-rse-cards{background:#30234f}
html[data-theme="dark"] .l21-rse-card{background:#3b2d63}
html[data-theme="dark"] .l21-rse-card h3{color:#fff}
html[data-theme="dark"] .l21-rse-card p{color:#e3daf5}
@media (max-width:860px){.l21-rse-list{grid-template-columns:1fr}}
html[data-wire="on"] :is(.l21-rse-cards,.l21-rse-card,.l21-video-fr){background:none!important;border:2px solid currentColor;box-shadow:none!important}
/* FAQ — modèle maquette d'Océanne */
.l21-faq{max-width:1050px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:0 clamp(16px,3vw,40px)}
.l21-faq-it{border-radius:10px;background:#f7f6f9;border-left:3px solid transparent;transition:background .25s,border-color .25s}
.l21-faq-it[open]{background:#efe6fb;border-left-color:#8300e0}
.l21-faq-it summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;font-weight:700;color:#24123f;font-size:1.02rem}
.l21-faq-it summary::-webkit-details-marker{display:none}
.l21-faq-it summary:focus-visible{outline:3px solid #4c277e;outline-offset:2px;border-radius:10px}
.l21-faq-it .ic{flex:0 0 14px;width:14px;height:14px;position:relative}
.l21-faq-it .ic::before{content:"";position:absolute;left:3px;top:1px;width:8px;height:8px;border-right:2px solid #4c277e;border-bottom:2px solid #4c277e;transform:rotate(45deg);transition:transform .3s}
.l21-faq-it[open] .ic::before{transform:rotate(-135deg);top:5px}
.l21-faq-it .a{padding:0 22px 18px;color:#3e2d5c;line-height:1.6}
.l21-faq-it .a p{margin:0}
html[data-theme="dark"] .l21-faq-it{background:#30234f}
html[data-theme="dark"] .l21-faq-it[open]{background:#3b2d63;border-left-color:#d6c2ff}
html[data-theme="dark"] .l21-faq-it summary{color:#fff}
html[data-theme="dark"] .l21-faq-it .ic::before{border-color:#d6c2ff}
html[data-theme="dark"] .l21-faq-it .a{color:#e3daf5}
html[data-wire="on"] .l21-faq-it{border:2px solid currentColor;background:none!important}
/* roue des offres (pages offres) : liste rapprochée de la roue, comme sur l'accueil */
.offer-section{max-width:1150px!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important;gap:clamp(32px,5vw,80px)!important}
.offer-section>.wp-block-column:not(.offer-list):not(.offer-wheel){display:none!important}
.offer-section>.offer-list{flex:0 1 380px!important}
.offer-section>.offer-wheel{flex:0 1 520px!important}
/* pages secteurs : blocs « Nos solutions » plus compacts */
.l21-sol-list:not(.compact) .l21-sol-card{padding:16px 20px!important;gap:12px!important}
.l21-sol-list:not(.compact) .l21-sol-card h3{font-size:1.02rem!important;margin:0 0 .25rem!important}
.l21-sol-list:not(.compact) .l21-sol-card p{font-size:.92rem!important;line-height:1.5!important;}
.l21-sol-list:not(.compact) .l21-sol-card .n{font-size:1.4rem!important}
.l21-sol-list:not(.compact){gap:12px!important}

.l21-sol.oc-band{padding-top:clamp(36px,4vw,56px)!important;padding-bottom:clamp(36px,4vw,56px)!important}
.l21-sol .l21-sol-txt .oc-h2{font-size:clamp(1.5rem,2.3vw,2rem)!important}
.l21-sol .l21-sol-txt p{font-size:.98rem!important;line-height:1.6!important}
.l21-sol-grid{align-items:start!important;gap:clamp(24px,3.5vw,48px)!important}
.l21-sol.oc-band>.oc-section{padding-top:0!important;padding-bottom:0!important}
@media (min-width:900px){.block-four-icons-text i.wp-block-lukla-icon-block{transform:none!important;font-size:2.4rem!important;width:72px!important;height:72px!important;display:grid!important;place-items:center;margin:0 auto -10px!important}.block-four-icons-text .block-content{min-height:150px;display:flex!important;flex-direction:column;justify-content:flex-start;padding-top:22px!important}}
@media (min-width:900px){html .block-four-icons-text i.wp-block-lukla-icon-block.icon,html .block-four-icons-text i.wp-block-lukla-icon-block{font-size:2.6rem!important;width:auto!important;height:auto!important}html .block-four-icons-text>.wp-block-columns>.wp-block-column{align-self:stretch!important}html .block-four-icons-text>.wp-block-columns>.wp-block-column>.wp-block-group{height:100%;justify-content:flex-start!important}html .block-four-icons-text .block-content{flex:1}}
@media (min-width:900px){html .block-four-icons-text i.wp-block-lukla-icon-block{font-size:40px!important;width:80px!important;height:80px!important;min-width:80px!important;padding:0!important;transform:none!important;scale:none!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;margin:0 auto -12px!important}html .block-four-icons-text i.wp-block-lukla-icon-block::before{width:44px!important;height:44px!important;margin:0!important;transform:none!important}}
/* pied de page : 5 colonnes (Nos actualités ajoutée) */
@media (min-width:1000px){.oc-footer .cols{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
/* dock à droite : gouttière réservée (le pied de page et les contenus ne passent plus dessous — retour client « responsive ») */
@media (min-width:1001px) and (max-width:1500px){html.l3-has-dock:not(.l3) .oc-footer{padding-right:90px!important}html.l3-has-dock:not(.l3) .oc-footer .box{margin-right:0!important}}
.oc-footer .legal a{color:inherit!important;text-decoration:underline;text-underline-offset:2px}
/* ---------- Contre-recette retour client (Alejandra 17/10) ---------- */
/* n°41 : plus de débordement horizontal (pseudo-éléments décoratifs) */
.wp-site-blocks,main{overflow-x:clip}
/* n°44 : titres longs mieux coupés sur mobile */
main :is(h1,h2){text-wrap:balance}
/* n°22-23 : Retail & Luxe = dégradé du bouton soleil, Secteur public = dégradé du bouton mail */
i.icon.i-retail{background:linear-gradient(-45deg,#ff8100,#ffd000)!important}
i.icon.i-pointer{background:linear-gradient(-45deg,#e8582c,#ff8a3d)!important}
/* n°6 : en sombre, les grands pictos décoratifs de part et d'autre de la roue passent en blanc léger */
html[data-theme="dark"] .section-offer-wrapper.l21-bgw{background:none!important;position:relative}
html[data-theme="dark"] .section-offer-wrapper.l21-bgw::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--l21-bg);background-size:contain;filter:brightness(0) invert(1);opacity:.1}
html[data-theme="dark"] .section-offer-wrapper.l21-bgw>*{position:relative;z-index:1}
/* n°45 : entre 1000 et 1260 px, l'en-tête des pages intérieures tient sur une ligne (logo + rubriques + drapeau) */
@media (min-width:966px) and (max-width:1260px){
  html:not(.l3) header .wp-block-site-logo img{width:118px!important}
  html:not(.l3) header .wp-block-site-logo{flex:0 0 auto!important}
  html:not(.l3) #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container{flex-wrap:nowrap!important}
  html:not(.l3) #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a{padding-left:9px!important;padding-right:9px!important;font-size:.88rem!important;white-space:nowrap}
  html:not(.l3) #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:first-child>a{padding-left:14px!important;padding-right:14px!important}
  html:not(.l3) #l21-menu .nav-main .l3-lang{margin-left:8px!important;margin-right:0!important}
  html:not(.l3) .nav-main.wp-block-navigation{padding:0 12px!important}
}
/* n°45 (suite) : bande 1000-1100 px encore plus compacte (logo et lien du logo resserrés) */
@media (min-width:966px) and (max-width:1100px){
  html:not(.l3) header .wp-block-site-logo,html:not(.l3) header .wp-block-site-logo a{width:auto!important;min-width:0!important;max-width:104px!important;margin:0!important;padding:0!important}
  html:not(.l3) header .wp-block-site-logo img{width:100px!important;margin:0!important}
  html:not(.l3) #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a{padding-left:7px!important;padding-right:7px!important;font-size:.84rem!important}
  html:not(.l3) #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:first-child>a{padding-left:11px!important;padding-right:11px!important}
  html:not(.l3) .nav-main.wp-block-navigation{padding:0 6px!important;margin-left:8px!important}
  html:not(.l3) header .alignwide{flex-wrap:nowrap!important;gap:8px!important}
}

/* ===== retour client 19/10 ===== */
/* chiffres clés plus petits sur toutes les pages (accueil, Notre groupe, Nous rejoindre) */
.key-figure>.wp-block-group p:first-child,.key-figure>p.has-x-large-font-size{font-size:clamp(1.55rem,2.5vw,2.15rem)!important;line-height:1.1}
.key-figure>.wp-block-group p:last-child,.key-figure>p.has-medium-large-font-size{font-size:clamp(.85rem,1vw,.98rem)!important}
.section-nos-chiffres-cles .chiffres-cles,.section-nos-chiffres-cles .chiffres-cles p{font-size:clamp(1.4rem,2.2vw,1.9rem)!important}
.section-nos-chiffres-cles .title-chiffres{font-size:clamp(.85rem,1vw,.95rem)!important}
/* image en « Z » de l'accueil, remise sans titre ni CTA */
.l21-z{margin-top:clamp(1.5rem,4vw,3rem)!important;margin-bottom:clamp(1rem,3vw,2rem)}
.l21-z .zig-zag-parent{margin-bottom:0!important}
/* en-tête : cellules de menu de largeur égale + libellé calé à gauche => vide après « Nos offres ». Largeur selon le contenu + espace réparti à parts égales, libellé centré */
@media (min-width:966px){
  html:not(.l3) #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:not(.l3-lang){flex:1 1 auto!important}
  html:not(.l3) #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item>a{justify-content:center!important}
}
/* pages offres et secteurs : plus deux blocs roses à la suite. Solutions (bloc du haut) sans fond ; Écosystème/partenaires sans fond après « Nos réalisations » */
.l21-sol.oc-band,.l21-part.oc-band{background:transparent!important}
html[data-theme="dark"] .l21-sol.oc-band,html[data-theme="dark"] .l21-part.oc-band{background:transparent!important}
.l21-sol.oc-band .l21-sol-card{box-shadow:0 10px 28px rgba(80,40,140,.10)}
/* responsive (retour client 19/10) : bloc du pied de page, texte jamais collé au bord, logo jamais coupé */
.oc-footer .box{padding-left:max(22px,min(50px,4vw))!important;padding-right:max(22px,min(50px,4vw))!important}
.oc-footer .top{flex-wrap:wrap}.oc-footer .top>*{min-width:0}
.oc-footer .logo img{max-width:100%}
.oc-footer .claim{overflow-wrap:break-word}
/* tablette : l'ancien footer (_footer.scss) retire le padding du bloc sous 1121px ; le haut du bloc garde son retrait (en mobile : règle 767px) */
@media (min-width:768px) and (max-width:1120px){.oc-footer .box{padding-top:50px!important}}
/* Notre groupe : « Explorez les marques du groupe » — cartes logo + court texte, même composant que les agences */
.l21-brand{min-width:0}
.l21-brand .ph{display:block;box-sizing:border-box;background:#fff;border:1px solid #efe7fa;aspect-ratio:254/170!important;padding:22px}
.l21-brand .ph img{width:100%!important;height:100%!important;object-fit:contain!important}
.l21-brand .tx{display:block;margin:8px 8px 0;font-family:Gantari,sans-serif;font-size:14.5px;line-height:1.45;color:#3d3650}
.l21-brand a{position:relative;display:block;text-decoration:none} /* le texte « nouvelle fenêtre » (position absolue) reste dans la carte : sinon il sortait du carrousel et élargissait la page */
html[data-theme="dark"] .l21-brand .ph{background:#f7f3fd;border-color:transparent}
html[data-theme="dark"] .l21-brand .tx{color:#d9d2e8}
/* Les événements : titre cliquable + bouton vers la page détail */
.l21-events .ev-t a{color:inherit;text-decoration:none}
.l21-events .ev-t a:hover{text-decoration:underline}
.l21-events .ev-acts{margin-top:1rem}
/* Gabarit « page événement » (retour client 19/10) */
.l21-evd{max-width:var(--l3-max,1412px);margin:0 auto;padding:0 clamp(16px,3vw,70px) clamp(3rem,6vw,5rem)}
.l21-evd .evd-hero{margin:clamp(1.5rem,3vw,2.5rem) 0 1.5rem;border-radius:28px;color:#fff;background:linear-gradient(120deg,#4c277e 0%,#8300e0 55%,#c2187a 100%);padding:clamp(28px,4vw,56px)}
.l21-evd .evd-hero-in{max-width:880px}
.l21-evd .evd-back{margin:0 0 1.2rem}
.l21-evd .evd-back a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;text-decoration:none;opacity:.9}
.l21-evd .evd-back a:hover{opacity:1;text-decoration:underline}
.l21-evd .evd-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.l21-evd .ev-type{display:flex;align-items:center;gap:10px;margin:0 0 .5rem;font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#f3e6ff}
.l21-evd .ev-flag{padding:.2rem .6rem;border-radius:999px;background:#ffe9a8;color:#5c3a00;font-size:.72rem;letter-spacing:.04em}
.l21-evd h1{margin:0 0 .8rem;font:900 italic clamp(1.9rem,3.6vw,3rem)/1.1 Gantari,sans-serif;color:#fff;text-wrap:balance}
.l21-evd .evd-lead{margin:0;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.5;color:#f6efff}
.l21-evd .ev-demo{margin:0 0 2rem;padding:.8rem 1.1rem;border-radius:14px;background:#fff6d6;color:#5c3a00;font-size:.95rem}
.l21-evd .evd-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.l21-evd .evd-main h2,.l21-evd .evd-card h2,.l21-evd .evd-more h2{font:800 italic clamp(1.3rem,2vw,1.6rem)/1.2 Gantari,sans-serif;color:#6814af;margin:0 0 1rem}
.l21-evd .evd-main h2:not(:first-child){margin-top:2rem}
.l21-evd .evd-main p{line-height:1.6;color:#3d3650}
.l21-evd .evd-prog{list-style:none;margin:0;padding:0;border-left:3px solid #e4d4f7}
.l21-evd .evd-prog li{position:relative;display:grid;grid-template-columns:70px 1fr;gap:14px;padding:.7rem 0 .7rem 22px;color:#1f1a2e}
.l21-evd .evd-prog li::before{content:"";position:absolute;left:-8px;top:1.05rem;width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,#8300e0,#f05ea8)}
.l21-evd .evd-prog .hh{font-weight:800;color:#6814af}
.l21-evd .evd-card{position:sticky;top:110px;padding:clamp(20px,2.4vw,30px);border-radius:24px;background:#f6f0fd;box-shadow:0 14px 36px rgba(76,39,126,.10)}
.l21-evd .evd-card dl{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1rem;margin:0 0 1.4rem}
.l21-evd .evd-card dt{font-weight:800;color:#6814af}
.l21-evd .evd-card dd{margin:0;color:#1f1a2e}
.l21-evd .evd-acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.l21-evd .evd-ics{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#4c277e;text-decoration:none;padding:.6rem .2rem}
.l21-evd .evd-ics:hover{text-decoration:underline}
.l21-evd .evd-ics svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.l21-evd .evd-more{margin-top:clamp(2.5rem,5vw,4rem)}
.l21-evd .evd-others{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.l21-evd .evd-others a{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:20px 22px;border-radius:20px;background:#fff;border:1px solid #efe7fa;box-shadow:0 8px 24px rgba(76,39,126,.08);text-decoration:none;color:#1f1a2e;transition:transform .25s}
.l21-evd .evd-others a:hover{transform:translateY(-3px)}
.l21-evd .evd-others time{font-weight:800;color:#c2187a}
.l21-evd .evd-others .ev-type{color:#6814af;font-size:.75rem}
html[data-theme="dark"] .l21-evd :is(.evd-card,.evd-others a){background:#2c2342;border-color:#3a2f55;box-shadow:none}
html[data-theme="dark"] .l21-evd :is(.evd-main p,.evd-card dd,.evd-prog li,.evd-others a){color:#ece7f6}
html[data-theme="dark"] .l21-evd :is(.evd-main h2,.evd-card h2,.evd-more h2,.evd-card dt,.evd-prog .hh,.evd-others .ev-type){color:#d6c2ff}
html[data-theme="dark"] .l21-evd .evd-ics{color:#d6c2ff}
html[data-wire="on"] .l21-evd :is(.evd-hero,.evd-card,.evd-others a){border:2px solid currentColor!important;background:#fff!important;color:#000!important}
html[data-wire="on"] .l21-evd .evd-hero :is(h1,p,a){color:#000!important}
@media (max-width:900px){.l21-evd .evd-grid{grid-template-columns:minmax(0,1fr)}.l21-evd .evd-card{position:static}}
/* Mentions légales, confidentialité, plan du site (retour client 19/10 : liens utiles dans la maquette) */
.l21-legal{max-width:var(--l3-max,1412px);margin:0 auto;padding:0 clamp(16px,3vw,70px) clamp(3rem,6vw,5rem)}
.l21-legal .lg-body{max-width:860px;margin:0 auto;color:#3d3650;line-height:1.65;font-size:1.0625rem}
.l21-legal .lg-body h2{font:800 italic clamp(1.25rem,2vw,1.55rem)/1.2 Gantari,sans-serif;color:#6814af;margin:2.2rem 0 .8rem}
.l21-legal .lg-body h3{font-weight:800;font-size:1.1rem;color:#24123f;margin:1.6rem 0 .5rem}
.l21-legal .lg-body p{margin:0 0 1rem}
.l21-legal .lg-body a{color:#6814af;text-decoration:underline}
.l21-legal .lg-plan{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px;max-width:1100px;margin:0 auto}
.l21-legal .lg-plan section{padding:22px 24px;border-radius:22px;background:#f6f0fd}
.l21-legal .lg-plan h2{margin:0 0 .8rem!important;font-size:1.2rem!important}
.l21-legal .lg-plan ul{list-style:none;margin:0;padding:0}
.l21-legal .lg-plan li{margin:0 0 .55rem}
.l21-legal .lg-plan a{color:#24123f;text-decoration:none;font-weight:600}
.l21-legal .lg-plan a:hover{text-decoration:underline;color:#6814af}
html[data-theme="dark"] .l21-legal .lg-body{color:#e4dcf3}
html[data-theme="dark"] .l21-legal :is(.lg-body h2,.lg-body a,.lg-plan h2){color:#d6c2ff}
html[data-theme="dark"] .l21-legal .lg-body h3,html[data-theme="dark"] .l21-legal .lg-plan a{color:#f3ecff}
html[data-theme="dark"] .l21-legal .lg-plan section{background:#2c2342}
html[data-wire="on"] .l21-legal .lg-plan section{border:2px solid currentColor;background:#fff}
/* en-tête 1261–1300 px : « Votre secteur » garde la même marge que les autres rubriques (écart régulier) */
@media (min-width:1261px) and (max-width:1300px){html:not(.l3) #l21-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:first-child>a{padding-left:8px!important;padding-right:8px!important}}
/* ==========================================================================
   Lùkla Pulse (retour client 19/10 — inspiration : la newsletter Lùkla Pulse)
   ========================================================================== */
.l21-pulse{margin:clamp(1.5rem,3vw,2.5rem) 0 1rem;border-radius:28px;background:linear-gradient(120deg,#2a1260,#4c1d95 55%,#3a1477);color:#fff;overflow:hidden}
.l21-pulse .pl-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,2vw,28px);padding:clamp(22px,3vw,38px) clamp(16px,3vw,40px)}
.l21-pulse .pl-wave svg{display:block;width:100%;height:56px}
.l21-pulse .pl-wave.r svg{transform:scaleX(-1)}
.l21-pulse .pl-txt{text-align:center;max-width:560px}
.l21-pulse .pl-h1{display:inline-flex;align-items:center;gap:12px;margin:0!important;font:900 italic clamp(2.2rem,4.4vw,3.6rem)/1 Gantari,sans-serif!important;color:#fff!important;-webkit-text-fill-color:#fff}
.l21-pulse .pl-logo{width:clamp(30px,3vw,44px);aspect-ratio:104/101;background:url("img/logo/lukla-symbole.svg") center/contain no-repeat}
.l21-pulse .pl-lead{margin:.7rem auto 0;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.5;color:#e9ddff}
@media (max-width:760px){.l21-pulse .pl-in{grid-template-columns:1fr}.l21-pulse .pl-wave.r{display:none}.l21-pulse .pl-wave.l svg{height:40px}}
.l21-dossier{margin:clamp(2rem,4vw,3rem) 0 clamp(2.5rem,5vw,4rem)}
.l21-dossier .dos-head{text-align:left;max-width:760px;margin:0 0 clamp(1.4rem,3vw,2.2rem)}
.l21-dossier .dos-k{margin:0 0 .4rem;font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#6814af}
.l21-dossier .dos-h{margin:0;font:900 clamp(2rem,4vw,3.2rem)/1.05 Gantari,sans-serif;color:#1d0f4a}
.l21-dossier .dos-h span{background:linear-gradient(90deg,#8300e0,#c2187a);-webkit-background-clip:text;background-clip:text;color:transparent}
.l21-dossier .dos-lead{margin:.8rem 0 0;font-size:1.1rem;color:#4b3f66}
.l21-dossier .dos-list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(16px,2.4vw,26px)}
.l21-dossier .dos-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(14px,2vw,22px);border-radius:26px;background:#f6f0fd}
.l21-dossier .dos-card:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.l21-dossier .dos-card:nth-child(even) .dos-ph{order:2}
.l21-dossier .dos-ph{display:block;border-radius:20px;overflow:hidden;aspect-ratio:4/3}
.l21-dossier .dos-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.l21-dossier .dos-card:hover .dos-ph img{transform:scale(1.03)}
.l21-dossier .dos-meta{display:flex;gap:10px;align-items:center;margin:0 0 .5rem;font-size:.85rem;font-weight:700;color:#6814af}
.l21-dossier .dos-n{font:900 1.4rem/1 Gantari,sans-serif;color:#c2187a}
.l21-dossier h3{margin:0 0 .6rem;font:800 clamp(1.3rem,2.2vw,1.75rem)/1.2 Gantari,sans-serif}
.l21-dossier h3 a{color:#1d0f4a;text-decoration:none}
.l21-dossier h3 a:hover{text-decoration:underline}
.l21-dossier .dos-tx>p:not(.dos-meta){margin:0 0 1.1rem;line-height:1.6;color:#3d3650}
@media (max-width:820px){.l21-dossier .dos-card,.l21-dossier .dos-card:nth-child(even){grid-template-columns:minmax(0,1fr)}.l21-dossier .dos-card:nth-child(even) .dos-ph{order:0}}
.l21-pulse-all{margin:0 0 1rem;font:900 italic clamp(1.6rem,3vw,2.2rem)/1.1 Gantari,sans-serif;color:#a700ff}
.l21-pulse-part{margin:clamp(3rem,6vw,5rem) 0 0;padding:clamp(24px,4vw,48px);border-radius:28px;background:#f6f0fd}
.l21-pulse-part h2{margin:0 0 clamp(1.2rem,3vw,2rem);font:800 clamp(1.6rem,3vw,2.3rem)/1.15 Gantari,sans-serif;color:#1d0f4a}
.l21-pulse-part h2 span{background:linear-gradient(90deg,#c2187a,#ff8100);-webkit-background-clip:text;background-clip:text;color:transparent}
.l21-pulse-part .pp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,40px)}
.l21-pulse-part .pp-bar{display:block;width:120px;height:28px;border-radius:999px;margin-bottom:1rem}
.l21-pulse-part .pp-bar.a{background:linear-gradient(90deg,#e4d4f7,#8300e0)}
.l21-pulse-part .pp-bar.b{background:linear-gradient(90deg,#fde3d6,#f05ea8)}
.l21-pulse-part h3{margin:0 0 .5rem;font:800 1.2rem/1.3 Gantari,sans-serif;color:#1d0f4a}
.l21-pulse-part p{margin:0;line-height:1.6;color:#3d3650}
.l21-pulse-part .pp-acts{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:clamp(1.4rem,3vw,2rem)}
.l21-pulse-part .pp-sub{font-weight:700;color:#5b21b6}
@media (max-width:760px){.l21-pulse-part .pp-grid{grid-template-columns:minmax(0,1fr)}}
html[data-theme="dark"] :is(.l21-dossier .dos-card,.l21-pulse-part){background:#30234f}
html[data-theme="dark"] :is(.l21-dossier .dos-h,.l21-dossier h3 a,.l21-pulse-part h2,.l21-pulse-part h3){color:#fff}
html[data-theme="dark"] :is(.l21-dossier .dos-lead,.l21-dossier .dos-tx>p:not(.dos-meta),.l21-pulse-part p){color:#e4dcf3}
html[data-theme="dark"] :is(.l21-dossier .dos-k,.l21-dossier .dos-meta,.l21-pulse-part .pp-sub){color:#d6c2ff}
/* pied de page : pictos Instagram / LinkedIn créés par l'agence (Figma « LUKLA 2024 », Réseau/Instagram et Réseau/LinkedIn), retour client 19/10 */
.oc-footer .social a{width:44px!important;height:44px!important;padding:0!important;background:none!important;border-radius:50%;transition:transform .2s}
.oc-footer .social a:hover{transform:translateY(-2px)}
.oc-footer .social a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.oc-footer .social svg.soc-ag{width:44px!important;height:44px!important;fill:initial!important}
html[data-theme="dark"] .oc-footer .social svg.soc-ag circle{stroke:rgba(255,255,255,.35);stroke-width:1}
.oc-footer .social svg.soc-ag circle{stroke:rgba(255,255,255,.55);stroke-width:1.2}
@media (min-width:801px){.oc-footer .top{flex-wrap:nowrap!important}.oc-footer .top>div:first-child{flex:1 1 auto;min-width:0}.oc-footer .top>.logo{flex:0 0 auto}}
/* recette 19/10 soir, KO 1 : Lùkla Pulse en sombre, boutons du dossier lisibles (le style des liens en sombre l'emportait) */
/* P3 : petits textes du pied de page portés à 15 px */
.oc-footer .cols summary,.oc-footer .cols .h{font-size:max(15px,1em)}
.oc-footer .legal{font-size:15px!important}
/* ==========================================================================
   Gabarit « page article » (maquette Figma Proposition_Lùkla, D-article) : articles et réalisations
   ========================================================================== */
.l21-art{--art-w:760px}
.l21-art .art-hero{background:#fbeef3;padding:clamp(28px,5vw,64px) clamp(16px,3vw,40px) clamp(28px,4vw,48px);margin:0 0 clamp(2rem,5vw,3.5rem)}
.l21-art .art-in{max-width:var(--art-w);margin:0 auto}
.l21-art .art-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 1.2rem;font-size:.92rem}
.l21-art .art-crumbs a{color:#5b21b6;font-weight:600}
.l21-art .art-cat{margin:0 0 .6rem;font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#c2187a}
.l21-art h1{margin:0 0 .8rem;font:900 clamp(2rem,4.2vw,3.2rem)/1.08 Gantari,sans-serif;color:#3b1a7a;text-wrap:balance}
.l21-art .art-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 1.2rem;font-size:.92rem;color:#5c5272}
.l21-art .art-chapo{margin:0 0 1.6rem;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.6;color:#2b2140}
.l21-art .art-ph{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:16/7;background:#efe6f5}
.l21-art .art-ph img{width:100%;height:100%;object-fit:cover;display:block}
.l21-art .art-body{max-width:var(--art-w);margin:0 auto;padding:0 clamp(16px,3vw,24px);font-size:1.0625rem;line-height:1.7;color:#2b2140}
.l21-art .art-body h2{margin:2.4rem 0 .9rem;font:800 clamp(1.5rem,2.6vw,2rem)/1.2 Gantari,sans-serif;color:#1d0f4a}
.l21-art .art-body h3{margin:1.8rem 0 .6rem;font:800 1.2rem/1.3 Gantari,sans-serif;color:#1d0f4a}
.l21-art .art-body h4{margin:1.4rem 0 .5rem;font-weight:800;color:#1d0f4a}
.l21-art .art-body p{margin:0 0 1.1rem}
.l21-art .art-body ul,.l21-art .art-body ol{margin:0 0 1.2rem;padding-left:1.4rem}
.l21-art .art-body li{margin:0 0 .45rem}
.l21-art .art-body a{color:#5b21b6;text-decoration:underline;text-underline-offset:3px}
.l21-art .art-body figure{margin:1.8rem 0;border-radius:20px;overflow:hidden}
.l21-art .art-body figure img{width:100%;height:auto;display:block}
.l21-art .art-body blockquote{margin:1.6rem 0;padding:1rem 1.4rem;border-left:4px solid #c2187a;background:#fbeef3;border-radius:0 16px 16px 0;font-style:italic}
.l21-art .art-body table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.95rem}
.l21-art .art-body :is(th,td){border:1px solid #e6dcf1;padding:.55rem .7rem;text-align:left;vertical-align:top}
.l21-art .art-contact{max-width:var(--art-w);margin:clamp(2.5rem,5vw,4rem) auto 0;padding:clamp(22px,3vw,36px);border-radius:24px;background:#fff8e6}
.l21-art .art-contact h2{margin:0 0 .5rem;font:800 clamp(1.4rem,2.4vw,1.8rem)/1.2 Gantari,sans-serif;color:#1d0f4a}
.l21-art .art-contact p{margin:0 0 1.2rem;color:#3d3650}
.l21-art .art-more{margin:clamp(3rem,6vw,5rem) 0 0;padding:clamp(28px,5vw,56px) clamp(16px,3vw,40px);background:#f4f2f7}
.l21-art .art-more h2{margin:0 0 1.6rem;text-align:center;font:800 clamp(1.5rem,2.6vw,2rem)/1.2 Gantari,sans-serif;color:#1d0f4a}
.l21-art .art-more ul{list-style:none;margin:0 auto;padding:0;max-width:1100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.l21-art .art-more a{display:flex;flex-direction:column;height:100%;border-radius:20px;overflow:hidden;background:#fff;text-decoration:none;color:#1d0f4a;box-shadow:0 10px 28px rgba(60,30,110,.08);transition:transform .25s}
.l21-art .art-more a:hover{transform:translateY(-3px)}
.l21-art .art-more .ph{display:block;aspect-ratio:16/10;overflow:hidden}
.l21-art .art-more .ph img{width:100%;height:100%;object-fit:cover;display:block}
.l21-art .art-more .t{display:block;padding:14px 16px 4px;font-weight:700;line-height:1.35}
.l21-art .art-more .c{display:block;padding:0 16px 16px;font-size:.85rem;color:#6814af}
.l21-art .art-acts{display:flex;justify-content:center;margin-top:1.8rem}
@media (max-width:820px){.l21-art .art-more ul{grid-template-columns:minmax(0,1fr)}.l21-art .art-ph{aspect-ratio:4/3}}
html[data-theme="dark"] .l21-art .art-hero{background:#30234f}
html[data-theme="dark"] .l21-art :is(h1,.art-body h2,.art-body h3,.art-body h4,.art-contact h2,.art-more h2){color:#fff}
html[data-theme="dark"] .l21-art :is(.art-chapo,.art-body,.art-contact p,.art-meta){color:#e4dcf3}
html[data-theme="dark"] .l21-art :is(.art-crumbs a,.art-body a,.art-more .c){color:#d6c2ff}
html[data-theme="dark"] .l21-art .art-cat{color:#ff9fd0}
html[data-theme="dark"] .l21-art .art-contact{background:#3a2a5c}
html[data-theme="dark"] .l21-art .art-more{background:#251a40}
html[data-theme="dark"] .l21-art .art-more a{background:#30234f;color:#fff;box-shadow:none}
html[data-theme="dark"] .l21-art .art-body blockquote{background:#30234f}
.l21-art .art-acts .oc-cta,.l21-art .art-contact .oc-cta{display:inline-flex!important;flex-direction:row!important;align-items:center;white-space:nowrap;width:auto!important}
/* Lùkla Pulse — bandeau modernisé et intégré à la page (retour Philip 20/10) : fond clair aurore, ligne de pouls continue qui se dessine */
.l21-pulse{position:relative;isolation:isolate;margin:clamp(1.5rem,3vw,2.5rem) 0 1rem!important;border-radius:32px!important;overflow:hidden;color:#1d0f4a!important;
  background:radial-gradient(60% 120% at 12% 0%,rgba(167,0,255,.14),transparent 60%),radial-gradient(55% 120% at 92% 100%,rgba(255,129,0,.14),transparent 60%),radial-gradient(50% 90% at 55% 40%,rgba(240,94,168,.10),transparent 70%),linear-gradient(180deg,#fbf7ff,#fdf3f7)!important;
  box-shadow:inset 0 0 0 1px rgba(131,0,224,.08)}
.l21-pulse .pl-in{display:block!important;position:relative;padding:clamp(34px,5vw,64px) clamp(18px,4vw,56px)!important;text-align:center}
.l21-pulse .pl-line{position:absolute;left:0;right:0;top:50%;width:100%;height:clamp(80px,9vw,120px);transform:translateY(-50%);z-index:-1;opacity:.9;
  -webkit-mask:linear-gradient(90deg,#000 0,#000 30%,rgba(0,0,0,.18) 40%,rgba(0,0,0,.18) 60%,#000 70%,#000 100%);mask:linear-gradient(90deg,#000 0,#000 30%,rgba(0,0,0,.18) 40%,rgba(0,0,0,.18) 60%,#000 70%,#000 100%)}
.l21-pulse .pl-line path{stroke-dasharray:1;stroke-dashoffset:0;animation:plDraw 2.2s cubic-bezier(.6,0,.2,1) .2s both}
@keyframes plDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.l21-pulse .pl-txt{position:relative;max-width:640px;margin:0 auto}
.l21-pulse .pl-k{display:inline-flex;align-items:center;gap:10px;margin:0 0 .7rem;font:800 italic .78rem/1 Gantari,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6814af}
.l21-pulse .pl-k span{width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#a700ff,#f05ea8)}
.l21-pulse .pl-h1{display:inline-flex!important;align-items:center;gap:.35em;margin:0!important;font:900 italic clamp(2.4rem,5vw,4rem)/1 Gantari,sans-serif!important;color:#1d0f4a!important;-webkit-text-fill-color:#1d0f4a}
.l21-pulse .pl-grad{background:linear-gradient(90deg,#8300e0,#c2187a 55%,#ff8100);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.08em}
.l21-pulse .pl-logo{width:.8em;aspect-ratio:104/101;background:url("img/logo/lukla-symbole.svg") center/contain no-repeat}
.l21-pulse .pl-lead{margin:.9rem auto 0!important;max-width:520px;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.55;color:#4b3f66!important}
@media (prefers-reduced-motion:reduce){.l21-pulse .pl-line path{animation:none}}
html[data-motion="reduce"] .l21-pulse .pl-line path{animation:none}
@media (max-width:760px){.l21-pulse .pl-line{top:auto;bottom:10px;transform:none;height:60px;-webkit-mask:none;mask:none;opacity:.6}.l21-pulse .pl-in{padding-bottom:80px!important}}
html[data-theme="dark"] .l21-pulse{background:radial-gradient(60% 120% at 12% 0%,rgba(167,0,255,.28),transparent 60%),radial-gradient(55% 120% at 92% 100%,rgba(255,129,0,.18),transparent 60%),linear-gradient(180deg,#2c2050,#251a40)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html[data-theme="dark"] .l21-pulse .pl-h1{color:#fff!important;-webkit-text-fill-color:#fff}
html[data-theme="dark"] .l21-pulse .pl-grad{background-image:linear-gradient(90deg,#d6c2ff,#f05ea8 55%,#ffb35c)}
html[data-theme="dark"] .l21-pulse .pl-k{color:#d6c2ff}
html[data-theme="dark"] .l21-pulse .pl-lead{color:#e4dcf3!important}
html[data-theme="dark"] .l21-pulse .pl-logo{background-image:url("img/logo/lukla-symbole-blanc.svg")}
.l21-pulse .pl-k{display:flex!important;justify-content:center;width:100%}
.l21-pulse .pl-line{-webkit-mask:linear-gradient(90deg,#000 0,#000 24%,rgba(0,0,0,.12) 34%,rgba(0,0,0,.12) 66%,#000 76%,#000 100%);mask:linear-gradient(90deg,#000 0,#000 24%,rgba(0,0,0,.12) 34%,rgba(0,0,0,.12) 66%,#000 76%,#000 100%)}
@media (max-width:760px){.l21-pulse .pl-line{-webkit-mask:none;mask:none}}
/* ===== En-têtes de page unifiés (V3, 20/10) : un seul composant, celui du bandeau Lùkla Pulse ===== */
html.l3 main#contenu:has(>.l21-pulse:first-child){margin-top:0!important;padding-top:0!important}
html.l3 .l21-pulse{--phw:min(1240px,calc(100vw - 2*clamp(16px,3vw,48px)));width:var(--phw)!important;max-width:none!important;box-sizing:border-box;margin:calc(104px + clamp(18px,2.4vw,32px)) calc(50% - var(--phw)/2) clamp(2.5rem,5vw,4rem)!important}
html.l3 .l21-pulse .pl-in{padding:clamp(40px,5vw,64px) clamp(18px,4vw,56px) clamp(96px,9vw,124px)!important}
/* la ligne (pouls ou crêtes) court au pied du bandeau, sous le texte : aucune superposition, quelle que soit la longueur du titre */
html.l3 .l21-pulse .pl-line{top:auto!important;bottom:clamp(14px,1.6vw,22px)!important;transform:none!important;height:clamp(64px,7vw,92px)!important;opacity:.95;
  -webkit-mask:linear-gradient(90deg,#000 0,#000 30%,rgba(0,0,0,.35) 42%,rgba(0,0,0,.35) 58%,#000 70%,#000 100%)!important;mask:linear-gradient(90deg,#000 0,#000 30%,rgba(0,0,0,.35) 42%,rgba(0,0,0,.35) 58%,#000 70%,#000 100%)!important}
html.l3 .l21-pulse .pl-txt{max-width:820px}
html.l3 .l21-pulse .pl-h1{font-size:clamp(2.2rem,4.4vw,3.6rem)!important;line-height:1.05!important;text-wrap:balance}
html.l3 .l3-phead .pl-h1{display:block!important}
html.l3 .l21-pulse .pl-lead{max-width:640px;text-wrap:pretty}
html.l3 .l21-pulse .pl-lead+.pl-lead{margin-top:.5rem!important}
/* page Nous rejoindre : sans le titre, l'illustration et les chiffres restent côte à côte */
html.l3 .section-header-nous-rejoindre .section-content{align-self:center}
@media (max-width:760px){html.l3 .l21-pulse .pl-in{padding:32px 18px 84px!important}html.l3 .l21-pulse .pl-line{height:56px!important;bottom:12px!important;-webkit-mask:none!important;mask:none!important;opacity:.7}}
@media (max-width:760px){html.l3 .l21-pulse .pl-h1{font-size:clamp(1.6rem,7.6vw,2.1rem)!important;overflow-wrap:anywhere}html.l3 .l21-pulse .pl-in{padding-inline:16px!important}}
/* ===== En-têtes de page : une couleur et une animation par page (retour Philip 20/10) ===== */
html.l3 .l3-phead{background:radial-gradient(55% 120% at 8% 0%,color-mix(in srgb,var(--c1) 16%,transparent),transparent 62%),radial-gradient(50% 120% at 95% 100%,color-mix(in srgb,var(--c2) 16%,transparent),transparent 62%),linear-gradient(180deg,#fdfbff,#fbf6fc)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 18%,transparent)!important}
html.l3[data-theme="dark"] .l3-phead{background:radial-gradient(55% 120% at 8% 0%,color-mix(in srgb,var(--c1) 30%,transparent),transparent 62%),radial-gradient(50% 120% at 95% 100%,color-mix(in srgb,var(--c2) 22%,transparent),transparent 62%),linear-gradient(180deg,#2c2050,#251a40)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
html.l3 .l3-phead .pl-k{color:var(--t1)!important}
html.l3[data-theme="dark"] .l3-phead .pl-k{color:var(--d1)!important}
html.l3 .l3-phead .pl-k span{background:linear-gradient(90deg,var(--c1),var(--c2))!important}
html.l3 .l3-phead .pl-grad{background-image:linear-gradient(90deg,var(--t1),var(--t2))!important}
html.l3[data-theme="dark"] .l3-phead .pl-grad{background-image:linear-gradient(90deg,var(--d1),var(--d2))!important}
/* motifs : état final par défaut (lisible sans animation), animations en surcouche */
.l3-phead .pl-line.ph-m path{stroke-dasharray:none;animation:none}
.l3-phead .pl-line.ph-m .m-march{stroke-dasharray:3 14}
.ph-m .m-dot{stroke-width:9px}
.ph-m .m-big{stroke-width:12px}
.ph-m .m-tick{stroke-width:2px}
.ph-m .m-soft{stroke-width:2.6px}
.ph-m .m-march{stroke-dasharray:3 14}
.ph-m .m-wave{stroke-width:2.4px}
.ph-m .m-lock{stroke-width:2.4px}
.ph-m .m-arrow{stroke-width:2.6px}
@keyframes phDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes phPop{0%{stroke-width:0}60%{stroke-width:15px}100%{stroke-width:9px}}
@keyframes phPopB{0%{stroke-width:0}60%{stroke-width:18px}100%{stroke-width:12px}}
@keyframes phFade{from{opacity:0}to{opacity:1}}
@keyframes phFlow{from{transform:translateX(0)}to{transform:translateX(-150px)}}
@keyframes phRipple{0%,100%{opacity:.15}50%{opacity:1}}
@keyframes phMarch{to{stroke-dashoffset:-34}}
@keyframes phShackle{0%,55%{transform:translateY(-7px)}100%{transform:translateY(0)}}
@media (prefers-reduced-motion:no-preference){
html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-m :is(.m-ln,.m-br){stroke-dasharray:1;animation:phDraw 1.8s cubic-bezier(.6,0,.2,1) .2s both}
html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-m .m-dot{animation:phPop .55s ease-out calc(.7s + var(--i,0)*.16s) both}
html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-m .m-big{animation-name:phPopB}
html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-m :is(.m-tick,.m-arrow,.m-lock){animation:phFade .4s ease-out calc(.5s + var(--i,0)*.12s) both}
html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-secteur .m-steps{animation-timing-function:steps(18,end);animation-duration:2.2s}
html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-rse .m-flow{animation:phFlow 7s linear infinite}
html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-actus .m-wave{animation:phRipple 2.4s ease-in-out calc(var(--i)*.3s) infinite}
html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-evenements .m-march{stroke-dasharray:3 14;animation:phMarch 1.4s linear infinite}
html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-realisations .m-arrow{animation-delay:1.8s}
html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-politique .m-shackle{animation:phShackle 1.6s cubic-bezier(.3,1.4,.5,1) .6s both}
html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-plan .m-br{animation-duration:.7s;animation-delay:calc(.9s + var(--i)*.3s)}
html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-rejoindre .m-climb{animation:phFade .2s linear 1.4s both}
}
/* sans animation (préférence, mode filaire) : le grimpeur, positionné par SMIL, est masqué */
@media (prefers-reduced-motion:reduce){.ph-m .m-climb{display:none}}
html:is([data-motion="reduce"],[data-wire="on"]) .ph-m .m-climb{display:none}
html.l3 .l3-phead .pl-line{overflow:visible}
/* motif « Nos agences » : les repères tombent un à un */
.ph-m .m-pin path:first-child{stroke-width:2.2px}
@keyframes phDrop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){html:not([data-motion="reduce"]):not([data-wire="on"]) .ph-agences .m-pin{animation:phDrop .5s cubic-bezier(.3,1.4,.5,1) calc(.8s + var(--i)*.15s) both}}

/* ===== Gabarits agences (maquette D-agences / D-agence, 20/10) ===== */
.l21-ags{margin:0 0 clamp(3rem,6vw,5rem)}
.l21-ags .ags-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,32px)}
.l21-ags .ags-card{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:#1d0f4a;border-radius:20px;padding:10px 10px 16px;background:#fff;box-shadow:0 1px 0 rgba(76,39,126,.06),0 10px 30px -14px rgba(76,39,126,.25);transition:transform .25s,box-shadow .25s}
.l21-ags .ags-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px -14px rgba(76,39,126,.35)}
.l21-ags .ph{display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#efe6fb;margin-bottom:.5rem}
.l21-ags .ph img{width:100%;height:100%;object-fit:cover;display:block}
.l21-ags .city{font-size:.85rem;color:#5d4f7a;padding:0 6px}
.l21-ags .name{display:flex;align-items:center;gap:8px;font:800 italic 1.2rem/1.2 Gantari,sans-serif;padding:0 6px}
.l21-ags .name svg,.l21-ag svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.l21-ags .addr{font-size:.9rem;color:#4b3f66;padding:0 6px}
@media (max-width:900px){.l21-ags .ags-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.l21-ags .ags-grid{grid-template-columns:minmax(0,1fr)}}
html[data-theme="dark"] .l21-ags .ags-card{background:#2a1f48;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html[data-theme="dark"] .l21-ags :is(.city,.addr){color:#d9cff0}

.l21-ag{max-width:1200px;margin:0 auto;color:#1f1a2e}
.l21-ag h2{font:800 italic clamp(1.6rem,3vw,2.3rem)/1.15 Gantari,sans-serif;color:#1d0f4a;margin:0 0 .8rem}
.l21-ag .ag-tag{display:inline-block;margin:0 0 .6rem;padding:4px 12px;border-radius:999px;background:#f1e9fb;color:#6814af;font:800 italic .75rem/1.3 Gantari,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.l21-ag .ag-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);align-items:center;margin:calc(104px + clamp(18px,2.4vw,32px)) 0 clamp(3rem,6vw,5rem);padding:clamp(24px,4vw,48px);border-radius:32px;background:radial-gradient(55% 120% at 8% 0%,rgba(104,20,175,.12),transparent 62%),radial-gradient(50% 120% at 95% 100%,rgba(253,188,0,.16),transparent 62%),linear-gradient(180deg,#fdfbff,#fbf6fc);box-shadow:inset 0 0 0 1px rgba(104,20,175,.12)}
html:not(.l3) .l21-ag .ag-hero{margin-top:clamp(1.5rem,3vw,2.5rem)}
.l21-ag .ag-k{display:flex;align-items:center;gap:10px;margin:.8rem 0 .5rem;font:800 italic .78rem/1 Gantari,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6814af}
.l21-ag .ag-k span{width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#6814af,#fdbc00)}
.l21-ag h1{margin:0 0 1rem!important;font:900 italic clamp(2.3rem,4.4vw,3.6rem)/1.05 Gantari,sans-serif!important;color:#1d0f4a!important}
.l21-ag .ag-grad{background:linear-gradient(90deg,#6814af,#b35f00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.08em}
.l21-ag .ag-intro{font-size:1.05rem;line-height:1.6;color:#3d3650;margin:0 0 1rem}
.l21-ag .ag-coords{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.5rem}
.l21-ag .ag-coords li{display:flex;align-items:center;gap:10px;font-weight:600;color:#1d0f4a}
.l21-ag .ag-coords svg{width:20px;height:20px;color:#6814af}
.l21-ag .ag-coords a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.l21-ag .ag-ph{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 20px 40px -20px rgba(29,15,74,.45)}
.l21-ag .ag-ph img{width:100%;height:100%;object-fit:cover;display:block}
.l21-ag .art-crumbs{font-size:.88rem}
.l21-ag .ag-off{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,56px);align-items:start;margin:0 0 clamp(3rem,6vw,5rem)}
.l21-ag .ag-off-h p:not(.ag-tag){color:#4b3f66;line-height:1.6}
.l21-ag .ag-off-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.l21-ag .ag-off-grid a{display:flex;flex-direction:column;gap:.45rem;height:100%;box-sizing:border-box;padding:18px 20px;border-radius:18px;text-decoration:none;color:#1d0f4a;background:color-mix(in srgb,var(--c) 8%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 18%,transparent);transition:transform .2s}
.l21-ag .ag-off-grid a:hover{transform:translateY(-2px)}
.l21-ag .ag-off-grid .dot{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff))}
.l21-ag .ag-off-grid b{display:flex;align-items:center;gap:8px;font:800 1.05rem/1.2 Gantari,sans-serif}
.l21-ag .ag-off-grid span:not(.dot){font-size:.93rem;line-height:1.5;color:#3d3650}
.l21-ag .ag-hum{margin:0 0 clamp(3rem,6vw,5rem);text-align:center}
.l21-ag .ag-lead{color:#4b3f66;margin:0 auto 1.6rem;max-width:640px}
.l21-ag .ag-hum ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;text-align:left}
.l21-ag .ag-hum li{padding:18px 20px;border-radius:18px;background:#fff7f2;box-shadow:inset 0 0 0 1px rgba(255,129,0,.14);display:flex;flex-direction:column;gap:.4rem}
.l21-ag .ag-hum b{font:800 1.05rem/1.2 Gantari,sans-serif;color:#1d0f4a}
.l21-ag .ag-hum span{font-size:.93rem;line-height:1.5;color:#3d3650}
.l21-ag .ag-why{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,56px);margin:0 0 clamp(3rem,6vw,5rem)}
.l21-ag .ag-why-b{line-height:1.7;color:#2b2440}
.l21-ag .ag-why-b p{margin:0 0 .9rem}.l21-ag .ag-why-b ul{margin:0 0 .9rem;padding-left:1.2rem}
.l21-ag .ag-refs{margin:0 calc(50% - 50vw) clamp(3rem,6vw,5rem);padding:clamp(32px,5vw,64px) max(clamp(16px,4vw,48px),calc(50vw - 600px));background:#fbeef3;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,56px);align-items:center}
.l21-ag .ag-refs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.l21-ag .ag-refs li{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;border-radius:14px;background:#fff;padding:12px}
.l21-ag .ag-refs img{max-width:100%;max-height:52px;object-fit:contain}
.l21-ag .ag-ct{margin:0 0 clamp(3rem,6vw,5rem)}
.l21-ag .ag-ct-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.l21-ag .ag-people{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.l21-ag .ag-people li{display:flex;align-items:center;gap:16px;padding:14px;border-radius:18px;background:#f6f2fb}
.l21-ag .ag-people img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.l21-ag .ag-people b{display:block;font:800 1.05rem/1.2 Gantari,sans-serif;color:#1d0f4a}
.l21-ag .ag-people span span{color:#4b3f66;font-size:.92rem}
.l21-ag .ag-ct-card{padding:clamp(20px,3vw,32px);border-radius:24px;background:#fff8e6}
.l21-ag .ag-ct-card>p{font:800 italic 1.3rem/1.25 Gantari,sans-serif;color:#1d0f4a;margin:0 0 1rem}
@media (max-width:900px){.l21-ag :is(.ag-hero,.ag-off,.ag-why,.ag-refs,.ag-ct-in){grid-template-columns:minmax(0,1fr)}.l21-ag .ag-refs ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.l21-ag .ag-off-grid{grid-template-columns:minmax(0,1fr)}.l21-ag .ag-refs ul{grid-template-columns:repeat(2,minmax(0,1fr))}.l21-ag h1{font-size:clamp(1.9rem,8vw,2.3rem)!important}}
html[data-theme="dark"] .l21-ag{color:#ece7f6}
html[data-theme="dark"] .l21-ag :is(h1,h2,.ag-coords li,.ag-off-grid a,.ag-hum b,.ag-people b,.ag-ct-card>p){color:#fff!important}
html[data-theme="dark"] .l21-ag :is(.ag-intro,.ag-off-h p,.ag-off-grid span:not(.dot),.ag-lead,.ag-hum span,.ag-why-b,.ag-people span span){color:#e4dcf3}
html[data-theme="dark"] .l21-ag .ag-hero{background:radial-gradient(55% 120% at 8% 0%,rgba(104,20,175,.35),transparent 62%),radial-gradient(50% 120% at 95% 100%,rgba(253,188,0,.15),transparent 62%),linear-gradient(180deg,#2c2050,#251a40);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html[data-theme="dark"] .l21-ag .ag-grad{background-image:linear-gradient(90deg,#d6c2ff,#ffd36b)}
html[data-theme="dark"] .l21-ag :is(.ag-k,.ag-coords svg){color:#d6c2ff}
html[data-theme="dark"] .l21-ag .ag-tag{background:#3a2c62;color:#d6c2ff}
html[data-theme="dark"] .l21-ag .ag-off-grid a{background:color-mix(in srgb,var(--c) 14%,#251a40)}
html[data-theme="dark"] .l21-ag :is(.ag-hum li,.ag-people li,.ag-ct-card){background:#2a1f48}
html[data-theme="dark"] .l21-ag .ag-refs{background:#221838}
html.l3 main#contenu:has(.l21-ag){margin-top:0!important;padding-top:0!important}
.l21-ag .art-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;color:#5d4f7a}
.l21-ag .art-crumbs a{color:#6814af;font-weight:700;text-decoration:none}
.l21-ag .art-crumbs a:hover{text-decoration:underline}
html[data-theme="dark"] .l21-ag .art-crumbs a{color:#d6c2ff}
.l21-ag .ag-more{margin:0 0 clamp(3rem,6vw,5rem)}
.l21-ag .ag-more .ags-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.l21-ag .ag-more .name{font-size:1rem}
.l21-ag .ag-acts{margin-top:1.6rem}
@media (max-width:1100px){.l21-ag .ag-more .ags-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.l21-ag .ag-more .ags-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Gabarit « Nos offres d'emploi » (maquette D-emplois, 20/10) ===== */
.l21-jobs{max-width:1200px;margin:0 auto clamp(3rem,6vw,5rem)}
.l21-jobs .jb-filters{display:grid;grid-template-columns:1.6fr 1fr 1fr auto auto;gap:14px;align-items:end;padding:18px;border-radius:22px;background:#f6f2fb;margin:0 0 1rem}
.l21-jobs .jb-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.l21-jobs .jb-f label{font:700 .85rem/1.2 Gantari,sans-serif;color:#1d0f4a}
.l21-jobs .jb-in{position:relative;display:block}
.l21-jobs .jb-in svg{position:absolute;right:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#6814af;stroke-width:2;pointer-events:none}
.l21-jobs :is(input[type="search"],select){width:100%;box-sizing:border-box;min-height:46px;padding:0 14px;border-radius:12px;border:1px solid #cfc2e6;background:#fff;color:#1f1a2e;font:500 .95rem/1 Gantari,sans-serif}
.l21-jobs input[type="search"]{padding-right:40px}
.l21-jobs :is(input,select,button):focus-visible{outline:3px solid #6814af;outline-offset:2px}
.l21-jobs .jb-chk{flex-direction:row;align-items:center;gap:8px;min-height:46px}
.l21-jobs .jb-chk input{width:20px;height:20px;accent-color:#6814af}
.l21-jobs .jb-reset{min-height:46px;padding:0 16px;border:0;background:none;color:#6814af;font:700 .9rem/1 Gantari,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.l21-jobs .jb-count{margin:0 0 1rem;font-weight:700;color:#4b3f66}
.l21-jobs .jb-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.l21-jobs .jb-card{display:flex;flex-direction:column;gap:.55rem;padding:20px;border-radius:20px;background:#fff;box-shadow:0 1px 0 rgba(76,39,126,.06),0 10px 30px -16px rgba(76,39,126,.3);border:1px solid #efe8f8}
.l21-jobs .jb-card[hidden]{display:none}
.l21-jobs .jb-h{margin:0!important;font:800 1.08rem/1.3 Gantari,sans-serif!important;color:#1d0f4a!important}
.l21-jobs .jb-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.l21-jobs .jb-tags span{padding:3px 10px;border-radius:999px;background:#f1e9fb;color:#5b21b6;font:700 .78rem/1.4 Gantari,sans-serif}
.l21-jobs .jb-tags span+span{background:#fff1e3;color:#9a3d00}
.l21-jobs .jb-loc{display:flex;align-items:center;gap:6px;margin:0;color:#3d3650;font-size:.93rem}
.l21-jobs .jb-loc svg{width:16px;height:16px;fill:none;stroke:#6814af;stroke-width:2}
.l21-jobs :is(.jb-sal,.jb-dur){margin:0;font-size:.9rem;color:#3d3650}
.l21-jobs .jb-sal{font-weight:700;color:#1d0f4a}
.l21-jobs .jb-go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;padding-top:.4rem;font:800 .95rem/1 Gantari,sans-serif;color:#6814af;text-decoration:none}
.l21-jobs .jb-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.l21-jobs .jb-go:hover svg{transform:translateX(3px)}
.l21-jobs .jb-go:hover{text-decoration:underline;text-underline-offset:3px}
.l21-jobs .jb-empty{padding:24px;border-radius:18px;background:#fff8e6;color:#1d0f4a;font-weight:600}
.l21-jobs .jb-more-w{text-align:center;margin:1.8rem 0 0}
.l21-jobs .jb-more-w[hidden]{display:none}
.l21-jobs .jb-spont{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:clamp(2.5rem,5vw,4rem);padding:clamp(22px,3vw,36px);border-radius:24px;background:linear-gradient(120deg,#fbeef3,#fff8e6)}
.l21-jobs .jb-spont h2{margin:0 0 .4rem!important;font:800 italic clamp(1.4rem,2.6vw,1.9rem)/1.2 Gantari,sans-serif!important;color:#1d0f4a!important}
.l21-jobs .jb-spont p{margin:0;color:#3d3650;max-width:560px}
.jb-all{text-align:center;margin:1.6rem 0 0}
@media (max-width:1000px){.l21-jobs .jb-filters{grid-template-columns:1fr 1fr}.l21-jobs .jb-q{grid-column:1/-1}.l21-jobs .jb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.l21-jobs .jb-filters{grid-template-columns:minmax(0,1fr)}.l21-jobs .jb-grid{grid-template-columns:minmax(0,1fr)}}
html[data-theme="dark"] .l21-jobs .jb-filters{background:#2a1f48}
html[data-theme="dark"] .l21-jobs .jb-f label,html[data-theme="dark"] .l21-jobs .jb-chk label{color:#fff}
html[data-theme="dark"] .l21-jobs :is(input[type="search"],select){background:#1f1830;border-color:#5a4a80;color:#fff}
html[data-theme="dark"] .l21-jobs .jb-card{background:#2a1f48;border-color:rgba(255,255,255,.08);box-shadow:none}
html[data-theme="dark"] .l21-jobs :is(.jb-h,.jb-sal,.jb-spont h2){color:#fff!important}
html[data-theme="dark"] .l21-jobs :is(.jb-loc,.jb-dur,.jb-count,.jb-spont p){color:#e4dcf3}
html[data-theme="dark"] .l21-jobs :is(.jb-go,.jb-reset){color:#d6c2ff}
html[data-theme="dark"] .l21-jobs .jb-tags span{background:#3a2c62;color:#e9ddff}
html[data-theme="dark"] .l21-jobs .jb-tags span+span{background:#4a2f1c;color:#ffd9b8}
html[data-theme="dark"] .l21-jobs :is(.jb-spont,.jb-empty){background:#2a1f48}
.l3-phead .pl-line.ph-emplois .m-soft{stroke-dasharray:2 10}
html[data-theme="dark"] .l21-jobs :is(.jb-loc svg,.jb-in svg){stroke:#d6c2ff}

/* ===== Retours client du 20/10 (deck « demandes modifications du 20.10.26 ») ===== */
/* accueil, thème sombre : pictos de la roue des offres en blanc plein */
html[data-theme="dark"] .offer-wheel i.wp-block-lukla-icon-block::before{filter:brightness(0) invert(1)!important;opacity:1!important}
html[data-theme="dark"] .l3-offers .l3-orb-in{filter:none!important}
html[data-theme="dark"] .l3-offers .l3-orb-in img{filter:brightness(0) invert(1)!important;opacity:1!important}
html[data-theme="dark"] .l3-offers .l3-core-t{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* pied de page : icônes Instagram / LinkedIn entières */
.oc-footer .social svg.soc-ag{overflow:visible}
/* Notre groupe, valeurs : mise en page d'origine, toujours sur une ligne, sans coupure de mots */
@media (min-width:700px){
 html .block-four-icons-text{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(12px,1.8vw,28px)!important;max-width:1100px!important;margin-left:auto!important;margin-right:auto!important}
 html .block-four-icons-text>.wp-block-columns{display:contents!important}
 html .block-four-icons-text>.wp-block-columns>.wp-block-column{padding:0!important;margin:0!important;width:auto!important;flex-basis:auto!important;max-width:none!important}
 html .block-four-icons-text .block-content{width:auto!important;max-width:none!important;padding:clamp(14px,1.6vw,22px) clamp(10px,1.3vw,18px)!important}
 html .block-four-icons-text .block-content h3{font-size:clamp(.9rem,1.35vw,1.12rem)!important}
 html .block-four-icons-text .block-content p{font-size:clamp(.82rem,1.1vw,.98rem)!important;line-height:1.45!important}
}
html .block-four-icons-text .block-content :is(h3,p,em,strong){word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
/* Lùkla Pulse : encart newsletter (remplace « Prendre contact ») */
.l21-pulse-part .pp-news{margin-top:clamp(1.4rem,3vw,2rem);padding:clamp(18px,2.6vw,28px);border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px rgba(131,0,224,.1)}
.l21-pulse-part .pp-nt{margin:0 0 .4rem!important;font:800 1.15rem/1.3 Gantari,sans-serif!important;color:#1d0f4a!important}
.l21-pulse-part .pp-nl{margin:0 0 1rem!important}
.l21-pulse-part .pp-row{display:flex;gap:12px;flex-wrap:wrap}
.l21-pulse-part .pp-row input{flex:1 1 260px;min-height:52px;padding:0 20px;border-radius:999px;border:1px solid #cfc2e6;background:#fff;font:500 1rem/1 Gantari,sans-serif;color:#1f1a2e}
.l21-pulse-part .pp-row :is(input,button):focus-visible{outline:3px solid #6814af;outline-offset:2px}
.l21-pulse-part .pp-legal{margin:.8rem 0 0!important;font-size:.82rem!important;color:#5d4f7a!important}
.l21-pulse-part .pp-ok{margin:.8rem 0 0!important;font-weight:700;color:#1b7a3a!important}
html[data-theme="dark"] .l21-pulse-part .pp-news{background:#241a3d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html[data-theme="dark"] .l21-pulse-part .pp-nt{color:#fff!important}
html[data-theme="dark"] .l21-pulse-part .pp-row input{background:#1f1830;border-color:#5a4a80;color:#fff}
html[data-theme="dark"] .l21-pulse-part .pp-legal{color:#cfc3e6!important}
html[data-theme="dark"] .l21-pulse-part .pp-ok{color:#8ee3a8!important}
/* retour Philip 21/10 : motifs décoratifs des côtés de la section « Des offres » en blanc, un peu plus présents (thème sombre) */
html[data-theme="dark"] .section-offer-wrapper::before{filter:url(#l21-white-boost)!important;opacity:.22!important}
/* retour Philip 21/10 : barre de navigation en thème sombre (plus de pilule pastel claire) et bouton de langue sans fond */
html[data-theme="dark"] body .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation__container::after,
html[data-theme="dark"] body .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main .wp-block-navigation__container::after{background:rgba(255,255,255,.06)!important;background-image:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;opacity:1!important}
html[data-theme="dark"] body .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:not(.l21-current)::after,
html[data-theme="dark"] body .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:not(.l21-current)::before{background:transparent!important;background-image:none!important}
html[data-theme="dark"] body .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:not(.l21-current)>a,
html[data-theme="dark"] body .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:not(.l21-current)>a .wp-block-navigation-item__label{color:#ece7f6!important;-webkit-text-fill-color:#ece7f6!important;background:none!important}
html[data-theme="dark"] body .wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:not(.l21-current)>a:hover .wp-block-navigation-item__label{color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:underline;text-underline-offset:5px}
html[data-theme="dark"] body .l3-lang-btn,html[data-theme="dark"] body #l21-menu .l3-lang-btn,html[data-theme="dark"] body .l3-lang-btn:hover,html[data-theme="dark"] body #l21-menu .l3-lang-btn:hover,html[data-theme="dark"] body .l3-lang-btn[aria-expanded="true"],html[data-theme="dark"] body #l21-menu .l3-lang-btn[aria-expanded="true"]{background:transparent!important;background-image:none!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:none!important;color:#fff!important}
html[data-theme="dark"] body .l3-lang-btn:hover,html[data-theme="dark"] body #l21-menu .l3-lang-btn:hover{border-color:rgba(255,255,255,.6)!important}
html[data-theme="dark"] body :is(.l3-lang-btn,#l21-menu .l3-lang-btn)::before,html[data-theme="dark"] body :is(.l3-lang-btn,#l21-menu .l3-lang-btn)::after{display:none!important;content:none!important}
html[data-theme="dark"] body .l3-lang-btn :is(.l3-code,.l3-chev){color:#fff!important}
@media (min-width:1024px){html[data-theme="dark"] body header .wp-block-navigation__responsive-container:not(.is-menu-open) ul.wp-block-navigation__container::after{background:rgba(255,255,255,.06)!important;background-color:rgba(255,255,255,.06)!important;background-image:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important}}
html[data-theme="dark"] body #l21-menu li.l3-lang .l3-lang-btn.l3-lang-btn,html[data-theme="dark"] body #l21-menu li.l3-lang .l3-lang-btn.l3-lang-btn:hover,html[data-theme="dark"] body #l21-menu li.l3-lang .l3-lang-btn.l3-lang-btn[aria-expanded="true"]{background:transparent!important;background-color:transparent!important;background-image:none!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:none!important;color:#fff!important}
html[data-theme="dark"] body #l21-menu li.l3-lang .l3-lang-btn.l3-lang-btn:hover{border-color:rgba(255,255,255,.6)!important}
/* bloc rubans déplacé en fin d'accueil : respiration avant le pied de page */
.l21-zz-end{margin-top:clamp(2.5rem,5vw,4.5rem)!important;margin-bottom:clamp(1rem,3vw,2.5rem)!important}
/* retour Philip 21/10 : bouton de langue sans bordure ni fond (tous thèmes, toutes versions) */
html body #l21-menu li.l3-lang .l3-lang-btn.l3-lang-btn,html body #l21-menu li.l3-lang .l3-lang-btn.l3-lang-btn:hover,html body #l21-menu li.l3-lang .l3-lang-btn.l3-lang-btn[aria-expanded="true"],
html body li.l3-lang .l3-lang-btn.l3-lang-btn,html body li.l3-lang .l3-lang-btn.l3-lang-btn:hover,html body li.l3-lang .l3-lang-btn.l3-lang-btn[aria-expanded="true"],
html[data-theme="dark"] body #l21-menu li.l3-lang .l3-lang-btn.l3-lang-btn,html[data-theme="dark"] body #l21-menu li.l3-lang .l3-lang-btn.l3-lang-btn:hover,html[data-theme="dark"] body #l21-menu li.l3-lang .l3-lang-btn.l3-lang-btn[aria-expanded="true"]{background:none!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;outline-offset:3px}
html body li.l3-lang .l3-lang-btn.l3-lang-btn::before,html body li.l3-lang .l3-lang-btn.l3-lang-btn::after{display:none!important;content:none!important}
html body li.l3-lang .l3-lang-btn.l3-lang-btn:hover .l3-code{text-decoration:underline;text-underline-offset:4px}
/* mesure du rythme vertical (lukla-rhythm.js) : les animations d'apparition ne faussent pas les positions */
html.l21-measure :is([class*="animate-"],.l21-rv,.l3-sec,.l3-sec *,.l21-pulse,.l21-pulse *){transform:none!important;transition:none!important}
/* retour Philip 21/10 : « Un accompagnement à chaque étape » — le bandeau s'étend sur toute la largeur de la page */
main{overflow-x:clip}
:is(.section-accompagnement,.section-accompagnement-group)::before{left:-100vw!important;right:-100vw!important;width:auto!important;border-radius:0!important}
:is(.section-accompagnement,.section-accompagnement-group) .section-background::before,:is(.section-accompagnement,.section-accompagnement-group) .section-background::after{display:none!important}

/* retour Philip 21/10 : valeurs de Notre groupe — plus d'arche ni d'icône qui déborde ; cartes arrondies, icône dans la carte, liseré de la couleur de la valeur */
html body .block-four-icons-text .wp-block-column>.wp-block-group{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;height:100%;box-sizing:border-box;
  padding:28px clamp(14px,1.6vw,22px) 26px!important;margin:0!important;border-radius:24px!important;background:#fff!important;overflow:hidden;
  box-shadow:0 1px 0 rgba(76,39,126,.06),0 14px 34px -18px rgba(76,39,126,.35)!important;transition:transform .25s,box-shadow .25s}
html body .block-four-icons-text .wp-block-column>.wp-block-group::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--vc,#8300e0)}
html body .block-four-icons-text .wp-block-column:nth-child(1)>.wp-block-group{--vc:linear-gradient(90deg,#4c277e,#8300e0)}
html body .block-four-icons-text .wp-block-column:nth-child(2)>.wp-block-group{--vc:linear-gradient(90deg,#f05ea8,#a10098)}
html body .block-four-icons-text .wp-block-column:nth-child(3)>.wp-block-group{--vc:linear-gradient(90deg,#ff8100,#ff5a00)}
html body .block-four-icons-text .wp-block-column:nth-child(4)>.wp-block-group{--vc:linear-gradient(90deg,#fdbc00,#ff8100)}
html body .block-four-icons-text .wp-block-column>.wp-block-group:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(76,39,126,.06),0 20px 40px -18px rgba(76,39,126,.45)!important}
html body .block-four-icons-text i.wp-block-lukla-icon-block,html body .block-four-icons-text i.wp-block-lukla-icon-block.icon{position:static!important;transform:none!important;margin:0!important;width:64px!important;height:64px!important;min-width:64px!important;font-size:30px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;flex:0 0 auto}
html body .block-four-icons-text .block-content{position:static!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important}
html body .block-four-icons-text .block-content::before,html body .block-four-icons-text .block-content::after{display:none!important}
html body .block-four-icons-text .block-content h3{margin:0 0 .5rem!important;letter-spacing:.06em}
html body .block-four-icons-text .block-content p{margin:0!important}
html[data-theme="dark"] body .block-four-icons-text .wp-block-column>.wp-block-group{background:#2a1f48!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
html[data-theme="dark"] body .block-four-icons-text .block-content :is(h3,p,em,strong){color:#f1ecfa!important}
@media (max-width:699px){html body .block-four-icons-text{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}html body .block-four-icons-text>.wp-block-columns{display:contents!important}}
@media (max-width:420px){html body .block-four-icons-text{grid-template-columns:minmax(0,1fr)!important}}
html body .block-four-icons-text>.wp-block-columns>.wp-block-column,html body .block-four-icons-text .wp-block-column{padding:0!important;margin:0!important;max-width:none!important}
html body .block-four-icons-text .wp-block-column>.wp-block-group{width:100%!important;max-width:none!important}
html body .block-four-icons-text .block-content{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-height:0!important;text-align:center}
html body .block-four-icons-text .block-content>*{max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html body .block-four-icons-text .block-content h3{letter-spacing:.02em!important;margin-top:0!important}
/* retour Philip 21/10 : tout centré, en utilisant toute la largeur de contenu */
/* bandeau Pulse (v2.x) : même largeur et centrage que les en-têtes V3 */
html:not(.l3) .l21-pulse{--phw:min(1240px,calc(100vw - 2*clamp(16px,3vw,48px)));width:var(--phw)!important;max-width:none!important;box-sizing:border-box;margin:clamp(1.2rem,2.4vw,2rem) calc(50% - var(--phw)/2) clamp(2rem,4vw,3rem)!important}
main :is(.l21-dossier,.l21-pulse-part,.l21-jobs,.l21-ags,.l21-ag,.l21-legal,.l21-events,.l21-art,.l21-evd){margin-left:auto!important;margin-right:auto!important}
/* valeurs : toute la largeur de contenu (1200 px), textes jamais coupés */
html body .block-four-icons-text{width:100%!important;max-width:1200px!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
html body .block-four-icons-text .block-content h3{white-space:nowrap;font-size:clamp(.85rem,1.25vw,1.1rem)!important}
html body .block-four-icons-text .wp-block-column>.wp-block-group{overflow:visible!important}
/* « Un accompagnement à chaque étape » : contenu centré dans le bandeau pleine largeur */
:is(.section-accompagnement,.section-accompagnement-group){margin-left:auto!important;margin-right:auto!important;max-width:1320px!important;width:100%!important}
.block-four-icons-text .wp-block-column>.wp-block-group::before{border-radius:24px 24px 0 0}
/* fil d'Ariane des pages listes (v2.x) aligné sur la largeur de contenu */
main > :has(> .breadcrumb-nav){max-width:min(1240px,calc(100vw - 2*clamp(16px,3vw,48px)))!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
html.l21-measure :is(.visibility-hidden,[class*="animate-"]){visibility:visible!important}
/* fil d'Ariane unifié (v2.x : même rendu que la V3, en bas de l'en-tête) */
html:not(.l3) header .l3-crumbs.in-header{position:relative;margin:0!important;padding:0 clamp(16px,3vw,48px)!important;background:none!important;box-shadow:none!important;border:0!important}
html:not(.l3) header .l3-crumbs.in-header nav{max-width:1240px;margin:0 auto;padding:0 0 9px!important}
html:not(.l3) header .l3-crumbs.in-header ol{display:flex;flex-wrap:wrap;align-items:center;gap:2px;list-style:none;margin:0;padding:0!important;background:none!important;box-shadow:none!important}
html:not(.l3) header .l3-crumbs.in-header li{display:inline-flex;align-items:center;margin:0;font:700 .8rem/1.2 Gantari,system-ui,sans-serif}
html:not(.l3) header .l3-crumbs.in-header li+li::before{content:"";width:6px;height:6px;margin:0 10px;border-right:2px solid #a700ff;border-top:2px solid #a700ff;transform:rotate(45deg);opacity:.7}
html:not(.l3) header .l3-crumbs.in-header a{color:#6814af!important;text-decoration:none!important;padding:2px 4px;border-radius:6px}
html:not(.l3) header .l3-crumbs.in-header li:first-child a{padding-left:0}
html:not(.l3) header .l3-crumbs.in-header a:hover{background:rgba(131,0,224,.08)}
html:not(.l3) header .l3-crumbs.in-header [aria-current]{color:#24123f!important;padding:2px 4px}
html:not(.l3)[data-theme="dark"] header .l3-crumbs.in-header a{color:#d6c2ff!important}
html:not(.l3)[data-theme="dark"] header .l3-crumbs.in-header [aria-current]{color:#fff!important}
/* retour Philip 21/10 : RSE (Notre groupe) — bandeaux 1, 2, 3 simples, colorés, non reliés et espacés */
.group-rse>.wp-block-group::before,.group-rse>.wp-block-group::after{display:none!important;content:none!important}
.group-rse>.wp-block-group{margin-top:0!important;margin-bottom:clamp(14px,1.6vw,22px)!important;border-radius:999px!important;overflow:hidden;box-shadow:0 10px 24px -14px rgba(76,39,126,.45)}
.group-rse>.wp-block-group:last-of-type{margin-bottom:0!important}
.group-rse>.wp-block-group i.wp-block-lukla-icon-block{background-image:none!important;background-color:rgba(255,255,255,.16)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
html[data-wire="on"] .group-rse>.wp-block-group{box-shadow:none}
/* encart newsletter au-dessus de « Tous les articles » */
.l21-news-box{max-width:1240px;margin:0 auto clamp(1.5rem,3vw,2.5rem)!important}
.l21-news-box .pp-news{margin:0;padding:clamp(20px,2.8vw,30px);border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px rgba(131,0,224,.12),0 12px 30px -20px rgba(76,39,126,.35)}
.l21-news-box .pp-nt{margin:0 0 .4rem!important;font:800 1.15rem/1.3 Gantari,sans-serif!important;color:#1d0f4a!important}
.l21-news-box .pp-nl{margin:0 0 1rem!important;color:#3d3650}
.l21-news-box .pp-row{display:flex;gap:12px;flex-wrap:wrap}
.l21-news-box .pp-row input{flex:1 1 260px;min-height:52px;padding:0 20px;border-radius:999px;border:1px solid #cfc2e6;background:#fff;font:500 1rem/1 Gantari,sans-serif;color:#1f1a2e}
.l21-news-box .pp-row :is(input,button):focus-visible{outline:3px solid #6814af;outline-offset:2px}
.l21-news-box .pp-legal{margin:.8rem 0 0!important;font-size:.82rem!important;color:#5d4f7a!important}
.l21-news-box .pp-ok{margin:.8rem 0 0!important;font-weight:700;color:#1b7a3a!important}
html[data-theme="dark"] .l21-news-box .pp-news{background:#2a1f48;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html[data-theme="dark"] .l21-news-box :is(.pp-nt){color:#fff!important}
html[data-theme="dark"] .l21-news-box .pp-nl{color:#e4dcf3}
html[data-theme="dark"] .l21-news-box .pp-row input{background:#1f1830;border-color:#5a4a80;color:#fff}
html[data-theme="dark"] .l21-news-box .pp-legal{color:#cfc3e6!important}
/* valeurs : phrases équilibrées dans les cartes, jamais coupées */
html body .block-four-icons-text .block-content p{text-wrap:balance;hyphens:none!important;max-width:24ch;margin-left:auto!important;margin-right:auto!important}
html body .block-four-icons-text .block-content h3{white-space:nowrap}
/* « Un accompagnement à chaque étape » : frise centrée dans le contenu, entrée animée (comme sur le site d'origine) */
:is(.section-accompagnement,.section-accompagnement-group){visibility:visible!important;animation:none!important;transform:none!important}
:is(.section-accompagnement,.section-accompagnement-group)>.section-background{justify-content:center!important;margin-left:auto!important;margin-right:auto!important}
.section-accompagnement-wrapper{margin-left:auto!important;margin-right:auto!important}
.l21-acc::before{transform-origin:left center;transition:transform 1s cubic-bezier(.6,0,.2,1)}
.l21-acc:not(.l21-acc-in)::before{transform:scaleX(0)}
.l21-acc .section-background>*{transition:opacity .55s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(.35s + var(--i,0)*.14s)}
.l21-acc:not(.l21-acc-in) .section-background>*{opacity:0;transform:translateX(-26px)}
html.l21-measure .l21-acc .section-background>*,html.l21-measure .l21-acc::before{transform:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){.l21-acc::before,.l21-acc .section-background>*{transition:none!important;transform:none!important;opacity:1!important}}
html:is([data-motion="reduce"],[data-wire="on"]) .l21-acc::before,html:is([data-motion="reduce"],[data-wire="on"]) .l21-acc .section-background>*{transition:none!important;transform:none!important;opacity:1!important}
/* thème sombre : motifs décoratifs des côtés (section RSE de Notre groupe) en blanc, bien visibles */
html[data-theme="dark"] .group-rse::before,html[data-theme="dark"] .group-rse::after{filter:url(#l21-white-boost)!important;opacity:.22!important}
/* bandeau « Accompagnement » : exactement la largeur de l'écran (dégradé complet, du violet au saumon) */
:is(.section-accompagnement,.section-accompagnement-group)::before{left:calc(50% - 50vw)!important;right:auto!important;width:100vw!important}
:is(.section-accompagnement,.section-accompagnement-group){isolation:isolate;position:relative}
:is(.section-accompagnement,.section-accompagnement-group){left:0!important;right:auto!important}

/* ===== Nous contacter : « Prendre rendez-vous » (maquette Figma Agenda) ===== */
.l21-rdv{max-width:1200px;margin:0 auto;padding:clamp(24px,3.4vw,44px);border-radius:28px;background:radial-gradient(55% 120% at 8% 0%,rgba(167,0,255,.1),transparent 62%),linear-gradient(180deg,#fdfbff,#f8f3fd);box-shadow:inset 0 0 0 1px rgba(131,0,224,.1)}
.l21-rdv .rdv-head{text-align:center;margin-bottom:clamp(1.4rem,3vw,2.2rem)}
.l21-rdv .rdv-k{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 .6rem;font:800 italic .78rem/1 Gantari,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6814af}
.l21-rdv .rdv-k span{width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#a700ff,#f05ea8)}
.l21-rdv h2{margin:0!important;font:900 italic clamp(1.8rem,3.4vw,2.6rem)/1.1 Gantari,sans-serif!important;color:#1d0f4a!important}
.l21-rdv h2 span{background:linear-gradient(90deg,#8300e0,#c2187a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.l21-rdv .rdv-lead{margin:.6rem auto 0!important;color:#4b3f66;max-width:560px}
.l21-rdv .rdv-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:clamp(16px,2.4vw,32px);align-items:start}
.l21-rdv fieldset{border:0;margin:0;padding:0;min-width:0}
.l21-rdv legend{padding:0;margin:0 0 .8rem;font:800 1rem/1.3 Gantari,sans-serif;color:#1d0f4a}
.l21-rdv .rdv-col>label{display:block;margin:.6rem 0 .3rem;font:700 .85rem/1.2 Gantari,sans-serif;color:#3d3650}
.l21-rdv input:not([type="radio"]){width:100%;box-sizing:border-box;min-height:46px;padding:0 16px;border-radius:12px;border:1px solid #d9cdef;background:#fff;font:500 .95rem/1 Gantari,sans-serif;color:#1f1a2e}
.l21-rdv .rdv-dur{margin-top:1.2rem}
.l21-rdv .rdv-dur label{display:inline-flex;align-items:center;gap:6px;margin:0 8px 8px 0;padding:8px 14px;border-radius:999px;border:1px solid #d9cdef;background:#fff;font:700 .88rem/1 Gantari,sans-serif;color:#4c277e;cursor:pointer}
.l21-rdv .rdv-dur label:has(input:checked){background:#6814af;border-color:#6814af;color:#fff}
.l21-rdv .rdv-dur input{accent-color:#fff}
.l21-rdv .rdv-cal{padding:16px;border-radius:20px;background:#fff;box-shadow:0 10px 28px -18px rgba(76,39,126,.35)}
.l21-rdv .rdv-cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.l21-rdv .rdv-m{margin:0;font:800 1rem/1 Gantari,sans-serif;color:#1d0f4a;text-transform:capitalize}
.l21-rdv .rdv-cal-h button{width:36px;height:36px;border-radius:50%;border:0;background:#f1e9fb;color:#6814af;font:800 1.2rem/1 Gantari,sans-serif;cursor:pointer}
.l21-rdv .rdv-cal-h button:disabled{opacity:.35;cursor:default}
.l21-rdv .rdv-t{width:100%;border-collapse:collapse;table-layout:fixed}
.l21-rdv .rdv-t th{padding:6px 0;font:700 .78rem/1 Gantari,sans-serif;color:#6e6e6e;text-align:center}
.l21-rdv .rdv-t td{padding:3px;text-align:center}
.l21-rdv .rdv-t button{width:100%;aspect-ratio:1;max-width:42px;border-radius:50%;border:0;background:none;font:700 .92rem/1 Gantari,sans-serif;color:#1d0f4a;cursor:pointer}
.l21-rdv .rdv-t button:hover:not(:disabled){background:#f1e9fb}
.l21-rdv .rdv-t button:disabled{color:#b9b2c6;cursor:default}
.l21-rdv .rdv-t button[aria-pressed="true"]{background:#6814af;color:#fff}
.l21-rdv .rdv-day{margin:0 0 .8rem;font-weight:700;color:#4b3f66}
.l21-rdv .rdv-day::first-letter{text-transform:uppercase}
.l21-rdv .rdv-hours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.l21-rdv .rdv-hours button{min-height:42px;border-radius:12px;border:1px solid #d9cdef;background:#fff;font:700 .92rem/1 Gantari,sans-serif;color:#4c277e;cursor:pointer}
.l21-rdv .rdv-hours button[aria-pressed="true"]{background:#6814af;border-color:#6814af;color:#fff}
.l21-rdv .rdv-hours button:disabled{opacity:.4;text-decoration:line-through;cursor:default}
.l21-rdv .rdv-ok{margin:1rem 0 0;font-weight:700;color:#1b7a3a}
.l21-rdv :is(input,button):focus-visible{outline:3px solid #6814af;outline-offset:2px}
@media (max-width:980px){.l21-rdv .rdv-grid{grid-template-columns:minmax(0,1fr)}}
html[data-theme="dark"] .l21-rdv{background:linear-gradient(180deg,#2c2050,#251a40);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html[data-theme="dark"] .l21-rdv :is(h2,legend,.rdv-m){color:#fff!important}
html[data-theme="dark"] .l21-rdv :is(.rdv-lead,.rdv-col>label,.rdv-day){color:#e4dcf3}
html[data-theme="dark"] .l21-rdv .rdv-k{color:#d6c2ff}
html[data-theme="dark"] .l21-rdv input:not([type="radio"]){background:#1f1830;border-color:#5a4a80;color:#fff}
html[data-theme="dark"] .l21-rdv :is(.rdv-cal){background:#1f1830;box-shadow:none}
html[data-theme="dark"] .l21-rdv .rdv-t button{color:#fff}
html[data-theme="dark"] .l21-rdv .rdv-t button:disabled{color:#6f6588}
html[data-theme="dark"] .l21-rdv :is(.rdv-hours button,.rdv-dur label){background:#1f1830;border-color:#5a4a80;color:#e9ddff}
html[data-theme="dark"] .l21-rdv .rdv-ok{color:#8ee3a8}
html[data-theme="dark"] .l21-rdv h2 span{background-image:linear-gradient(90deg,#d6c2ff,#f05ea8)}

/* ===== Retours client 21/10 : Nos engagements, Nous rejoindre, Nous contacter ===== */
.l21-enj-bare{padding-top:0!important}
/* 4 piliers : boutons de téléchargement modernisés */
.l21-pillars{max-width:1200px;margin:0 auto}
.l21-pillars ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.l21-pillars a{display:flex;flex-direction:column;gap:.5rem;height:100%;box-sizing:border-box;padding:22px;border-radius:22px;background:#fff;text-decoration:none;color:#1d0f4a;box-shadow:0 1px 0 rgba(76,39,126,.06),0 14px 32px -18px rgba(76,39,126,.4);transition:transform .2s,box-shadow .2s}
.l21-pillars a:hover{transform:translateY(-3px);box-shadow:0 20px 40px -18px rgba(76,39,126,.5)}
.l21-pillars .ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--g);color:#fff}
.l21-pillars .ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.l21-pillars .t{font:800 1.1rem/1.25 Gantari,sans-serif}
.l21-pillars .s{margin-top:auto;font:700 .88rem/1.3 Gantari,sans-serif;color:#6814af;text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.l21-pillars ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.l21-pillars ul{grid-template-columns:minmax(0,1fr)}}
html[data-theme="dark"] .l21-pillars a{background:#2a1f48;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html[data-theme="dark"] .l21-pillars .s{color:#d6c2ff}
/* certificats : carrousel */
.l21-labels-car{max-width:1200px;margin:0 auto}
.l21-labels-car .oc-slide{flex:0 0 clamp(180px,22%,240px)!important}
.l21-labels-car .lab{margin:0;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:18px;border-radius:20px;background:#fff;box-shadow:0 12px 28px -18px rgba(76,39,126,.35)}
.l21-labels-car .ph{display:grid;place-items:center;width:100%;aspect-ratio:1;max-height:160px}
.l21-labels-car img{max-width:100%;max-height:150px;object-fit:contain}
.l21-labels-car figcaption{font:700 .9rem/1.3 Gantari,sans-serif;color:#1d0f4a;text-align:center}
html[data-theme="dark"] .l21-labels-car .lab{background:#2a1f48}
html[data-theme="dark"] .l21-labels-car figcaption{color:#fff}
/* outil d'alerte */
.l21-alert{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(24px,3.4vw,44px);border-radius:28px;background:linear-gradient(120deg,#1d0f4a,#4c1d95 60%,#6814af);color:#fff}
.l21-alert .al-ic{display:grid;place-items:center;width:84px;height:84px;border-radius:24px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.l21-alert .al-ic svg{width:40px;height:40px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.l21-alert .al-k{margin:0 0 .4rem;font:800 italic .78rem/1 Gantari,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ffd36b}
.l21-alert h2{margin:0 0 .6rem!important;font:800 clamp(1.4rem,2.4vw,1.9rem)/1.2 Gantari,sans-serif!important;color:#fff!important}
.l21-alert p{margin:0;color:#ece4fb;line-height:1.55}
.l21-alert .al-pts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:1rem 0 0;padding:0}
.l21-alert .al-pts li{padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.12);font:700 .82rem/1.3 Gantari,sans-serif}
.l21-alert .al-go{text-align:center}
.l21-alert .al-go .oc-cta{background:#fff!important;color:#4c1d95!important}
.l21-alert .al-n{margin-top:.6rem!important;font-size:.8rem;color:#cfc3e6}
@media (max-width:900px){.l21-alert{grid-template-columns:minmax(0,1fr);text-align:left}.l21-alert .al-go{text-align:left}}
/* Nous rejoindre : opportunités */
.l21-opps{max-width:1200px;margin:0 auto}
.l21-opps .op-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.l21-opps .op-card{display:flex;flex-direction:column;gap:.6rem;height:100%;box-sizing:border-box;padding:20px;border-radius:20px;background:#fff;border:1px solid #ece4f6;text-decoration:none;color:#1d0f4a;transition:border-color .2s,transform .2s}
.l21-opps .op-card:hover{border-color:#a98bd6;transform:translateY(-2px)}
.l21-opps .op-tags{display:flex;flex-wrap:wrap;gap:6px}
.l21-opps .op-tags span{padding:3px 10px;border-radius:999px;background:#f3eefa;color:#4c277e;font:700 .78rem/1.4 Gantari,sans-serif}
.l21-opps .op-t{font:800 1.05rem/1.3 Gantari,sans-serif}
.l21-opps .op-go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font:800 .92rem/1 Gantari,sans-serif;color:#6814af}
.l21-opps .op-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.l21-opps .op-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;margin-top:1.6rem}
.l21-opps .op-ext{color:#4b3f66;font-weight:600}
.l21-opps .op-ext a{color:#6814af;font-weight:800}
@media (max-width:900px){.l21-opps .op-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.l21-opps .op-grid{grid-template-columns:minmax(0,1fr)}}
html[data-theme="dark"] .l21-opps .op-card{background:#2a1f48;border-color:rgba(255,255,255,.1);color:#fff}
html[data-theme="dark"] .l21-opps .op-tags span{background:#3a2c62;color:#e9ddff}
html[data-theme="dark"] .l21-opps :is(.op-go,.op-ext a){color:#d6c2ff}
html[data-theme="dark"] .l21-opps .op-ext{color:#e4dcf3}
/* chiffres clés : textes centrés */
.l21-kfig-center :is(p,h3,h4,.wp-block-group){text-align:center!important;justify-content:center!important;align-items:center!important}
/* actions solidaires / événements fédérateurs */
.l21-moments{max-width:1200px;margin:0 auto}
.l21-moments .mo-head{text-align:center;margin-bottom:1.6rem}
.l21-moments .mo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.l21-moments .mo-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 14px 32px -20px rgba(76,39,126,.45)}
.l21-moments .ph{display:block;aspect-ratio:4/3;overflow:hidden;background:#efe6fb}
.l21-moments .ph img{width:100%;height:100%;object-fit:cover;display:block}
.l21-moments .mo-tx{display:block;padding:16px 18px 20px;border-top:4px solid var(--mc,#8300e0)}
.l21-moments .k1 .mo-tx{--mc:#f05ea8}.l21-moments .k2 .mo-tx{--mc:#ff8100}
.l21-moments h3{margin:0 0 .3rem!important;font:800 1.1rem/1.25 Gantari,sans-serif!important;color:#1d0f4a!important}
.l21-moments .mo-tx p{margin:0;color:#4b3f66}
@media (max-width:800px){.l21-moments .mo-grid{grid-template-columns:minmax(0,1fr)}}
html[data-theme="dark"] .l21-moments .mo-card{background:#2a1f48}
html[data-theme="dark"] .l21-moments h3{color:#fff!important}
html[data-theme="dark"] .l21-moments .mo-tx p{color:#e4dcf3}
/* Nous contacter : intro + contact à gauche, formulaire à droite (maquette Océanne) */
.l21-ct{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(20px,3.4vw,48px);align-items:start}
.l21-ct .ct-h{margin:0 0 .8rem!important;font:900 italic clamp(2rem,3.6vw,2.8rem)/1.08 Gantari,sans-serif!important;color:#1d0f4a!important}
.l21-ct .ct-h span{background:linear-gradient(90deg,#8300e0,#c2187a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.l21-ct .ct-lead{color:#3d3650;line-height:1.6;margin:0 0 1.4rem}
.l21-ct .ct-card{display:flex;align-items:center;gap:16px;padding:18px;border-radius:20px;background:#fbeef3}
.l21-ct .ct-av{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#8300e0,#f05ea8);color:#fff;font:900 1.2rem/1 Gantari,sans-serif}
.l21-ct .ct-n{margin:0;font:800 1.05rem/1.2 Gantari,sans-serif;color:#1d0f4a}
.l21-ct .ct-card .ct-role{margin:.2rem 0 .3rem;color:#4b3f66;font-size:.92rem}
.l21-ct .ct-card a{color:#6814af;font-weight:700}
.l21-ct .ct-pts{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.5rem}
.l21-ct .ct-pts li{position:relative;padding-left:26px;color:#3d3650;font-weight:600}
.l21-ct .ct-pts li::before{content:"";position:absolute;left:0;top:.35em;width:14px;height:8px;border-left:2.5px solid #8300e0;border-bottom:2.5px solid #8300e0;transform:rotate(-45deg)}
.l21-ct>.ct-form{padding:clamp(20px,2.6vw,32px);border-radius:24px;background:#fff8e6;box-shadow:inset 0 0 0 1px rgba(255,129,0,.14)}
.l21-ct .ct-ft{margin:0 0 1rem;font:900 italic 1.5rem/1.1 Gantari,sans-serif;color:#1d0f4a}
@media (max-width:900px){.l21-ct{grid-template-columns:minmax(0,1fr)}}
html[data-theme="dark"] .l21-ct :is(.ct-h,.ct-n,.ct-ft){color:#fff!important}
html[data-theme="dark"] .l21-ct .ct-h span{background-image:linear-gradient(90deg,#d6c2ff,#f05ea8)}
html[data-theme="dark"] .l21-ct :is(.ct-lead,.ct-pts li,.ct-card .ct-role){color:#e4dcf3}
html[data-theme="dark"] .l21-ct .ct-card{background:#2a1f48}
html[data-theme="dark"] .l21-ct .ct-card a{color:#d6c2ff}
html[data-theme="dark"] .l21-ct>.ct-form{background:#2a1f48;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
/* carte des agences visible en thème sombre */
html[data-theme="dark"] .l21-ct-maps :is(svg path,svg polygon){fill:#4a3a73}
html[data-theme="dark"] .l21-ct-maps :is(p,li,a,h2,h3,span,strong){color:#efe8fb}
html[data-theme="dark"] .l21-ct-maps img:not([src*="pin"]){filter:brightness(1.6) saturate(.9)}
/* barre de recherche des listes : compacte, une ligne, alignée sur le contenu (retour Philip 21/10) */
form.l21-sbar{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 14px;max-width:1240px!important;width:100%!important;box-sizing:border-box;margin:0 auto clamp(1.2rem,2.4vw,1.8rem)!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important}
form.l21-sbar .sb-q{position:relative;flex:0 1 380px;min-width:220px}
form.l21-sbar .sb-q svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#6814af;stroke-width:2;stroke-linecap:round;pointer-events:none}
form.l21-sbar input[type="search"]{width:100%;box-sizing:border-box;height:44px;padding:0 16px 0 42px;border-radius:999px;border:1px solid #ddd2ee;background:#fff;font:500 .95rem/1 Gantari,sans-serif;color:#1f1a2e;box-shadow:none}
form.l21-sbar select{height:44px;padding:0 38px 0 16px;border-radius:999px;border:1px solid #ddd2ee;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%236814af' stroke-width='2'/%3E%3C/svg%3E") right 14px center/14px no-repeat;-webkit-appearance:none;appearance:none;font:700 .9rem/1 Gantari,sans-serif;color:#4c277e;cursor:pointer}
form.l21-sbar :is(input,select):focus-visible{outline:3px solid #6814af;outline-offset:2px}
form.l21-sbar .l21-count{margin:0 0 0 auto!important;font:700 .9rem/1 Gantari,sans-serif!important;color:#5d4f7a!important;text-align:right!important}
html[data-theme="dark"] form.l21-sbar :is(input[type="search"],select){background-color:#1f1830;border-color:#5a4a80;color:#fff}
html[data-theme="dark"] form.l21-sbar .l21-count{color:#cfc3e6!important}
@media (max-width:640px){form.l21-sbar .sb-q{flex:1 1 100%}form.l21-sbar .l21-count{margin-left:0!important}}
/* retour Philip 21/10 : en-tête pleine largeur — logo au bord gauche de l'écran, langue au bord droit,
   barre de navigation (inchangée) centrée, aussi large que possible dans la limite de la largeur du pied de page */
@media (min-width:1200px){
 html body header.wp-block-template-part .header{padding-left:clamp(20px,2vw,36px)!important;padding-right:clamp(20px,2vw,36px)!important}
 html body header .header>.alignwide.is-content-justification-space-between{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}
 html body header .header>.alignwide.is-content-justification-space-between::after{content:"";flex:0 0 170px;order:99}
 html body header .header>.alignwide .header-logo{flex:0 0 170px!important;width:170px!important;margin:0!important}
 html body header nav.nav-main{position:static!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:min(var(--l21-fw,1272px),calc(100% - 2*190px))!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}
 html body header nav.nav-main :is(.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-dialog,.wp-block-navigation__responsive-container-content){position:static!important;width:100%!important}
 html body header nav.nav-main ul.wp-block-navigation__container{position:static!important;width:100%!important;flex-wrap:nowrap!important;justify-content:space-between!important}
 html body header nav.nav-main ul.wp-block-navigation__container>li:not(.l3-lang){flex:1 1 auto!important;min-width:0!important}
 html body header nav.nav-main ul.wp-block-navigation__container>li:not(.l3-lang)>a{justify-content:center!important;text-align:center!important}
 html body header nav.nav-main li.l3-lang{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;flex:none!important}
}
/* chiffres clés (Nous rejoindre) : valeur et unité centrées dans la pastille, sans débordement */
.l21-kfig-center .chiffres-cles{display:flex!important;justify-content:center!important;align-items:center!important;gap:.5em!important;flex-wrap:nowrap!important;padding:0 18px!important}
.l21-kfig-center .chiffres-cles>.wp-block-column{flex:0 0 auto!important;width:auto!important;flex-basis:auto!important;margin:0!important;padding:0!important}
.l21-kfig-center .chiffres-cles p{margin:0!important;white-space:nowrap!important;text-align:center!important}
.l21-kfig-center .chiffres-cles>.wp-block-column+.wp-block-column p{font-size:clamp(.9rem,1.2vw,1.05rem)!important}
/* effet sous la navigation : fond blanc décalé de la barre d'origine masqué (la barre est désormais centrée) */
@media (min-width:1200px){html body header nav.nav-main ul.wp-block-navigation__container::after,html body header nav.nav-main .wp-block-navigation::after,html body header nav.nav-main.wp-block-navigation::after{display:none!important}}

/* retour Philip 21/10 : boutons harmonisés — un seul style d'action dans tout le site (pilule + flèche dans un rond) */
html:not(.l3) :is(.wp-block-button__link,.wpforms-submit,button.wpforms-submit){display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;min-height:54px!important;padding:10px 10px 10px 22px!important;border-radius:80px!important;border:2px solid var(--oc-purple,#6a23ce)!important;background:var(--oc-purple,#6a23ce)!important;color:#fff!important;font:500 1rem/1.2 Gantari,sans-serif!important;text-decoration:none!important;width:auto!important}
html:not(.l3) :is(.wp-block-button__link,.wpforms-submit)::after{content:""!important;display:inline-block!important;position:static!important;flex:0 0 34px!important;width:34px!important;height:34px!important;margin:0!important;border-radius:50%!important;background:#fff url("https://www.luklagroup.com/wp-content/themes/lukla/assets/dist/images/arrow-indigo.svg") center/18px no-repeat!important;transform:none!important}
html:not(.l3) :is(.wp-block-button__link,.wpforms-submit)::before{display:none!important}
/* libellé court (« En détail ») : largeur minimale de 200px de l'ancien style, la flèche reste à droite */
html:not(.l3) .wp-block-button__link{justify-content:space-between!important}
html:not(.l3) :is(.wp-block-button__link,.wpforms-submit):hover{background:#fff!important;color:var(--oc-purple,#6a23ce)!important}
html:not(.l3) :is(.wp-block-button__link,.wpforms-submit):hover::after{background-color:var(--oc-purple,#6a23ce)!important;background-image:url("https://www.luklagroup.com/wp-content/themes/lukla/assets/dist/images/arrow.svg")!important}
html:not(.l3) :is(.wp-block-button__link,.wpforms-submit):focus-visible{outline:3px solid #4c277e!important;outline-offset:3px}
.oc-cta:disabled{opacity:.45;cursor:not-allowed}
.l21-news-box .pp-row .oc-cta,.l21-pulse-part .pp-row .oc-cta{flex:0 0 auto}
.l21-dossier .dos-cta{min-height:46px;padding:6px 6px 6px 18px;font-size:.95rem}
.l21-dossier .dos-cta .oc-arr{width:30px;height:30px;flex-basis:30px}
/* témoignages vidéo (Nous rejoindre) : aperçus cliquables */
.section-videos-experiences{gap:18px!important}
.l21-yt{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;cursor:pointer;background:#1d0f4a;box-shadow:0 14px 30px -18px rgba(29,15,74,.6)}
.l21-yt img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.l21-yt:hover img{transform:scale(1.04)}
.l21-yt .pl{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#6a23ce;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.l21-yt .pl svg{width:26px;height:26px;fill:#fff;margin-left:4px}
.l21-yt .tt{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 12px;background:linear-gradient(transparent,rgba(13,6,32,.85));color:#fff;font:700 .95rem/1.3 Gantari,sans-serif}
.l21-yt:focus-visible{outline:3px solid #6a23ce;outline-offset:3px}
.l21-yt-f{width:100%;aspect-ratio:16/9;border:0;border-radius:20px}
.l21-yt .tt{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
/* carte des agences (Nous contacter) sur mobile : chiffres sur deux lignes, rien ne déborde */
@media (max-width:600px){.l21-ct-maps .wp-block-group:not(.maps-swiper-wrapper){flex-wrap:wrap!important;max-width:100%!important;min-width:0!important}.l21-ct-maps p{overflow-wrap:anywhere;max-width:100%}.l21-ct-maps{overflow-x:clip}}
/* page 404 (maquette Figma) */
.l21-404{max-width:1200px;margin:clamp(1.5rem,4vw,3rem) auto clamp(3rem,6vw,5rem);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,64px);align-items:center}
.l21-404 .e404-ill{margin:0}.l21-404 .e404-ill img{width:100%;height:auto;max-height:560px;object-fit:contain}
.l21-404 .e404-k{display:flex;align-items:center;gap:10px;margin:0 0 .8rem;font:800 italic .8rem/1 Gantari,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6814af}
.l21-404 .e404-k span{width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#a700ff,#f05ea8)}
.l21-404 h1{margin:0 0 1rem!important;font:900 clamp(2.2rem,4.6vw,3.6rem)/1.05 Gantari,sans-serif!important;color:#3d1d78!important}
.l21-404 h1 span{background:linear-gradient(90deg,#8300e0,#c2187a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.l21-404 .e404-l{margin:0 0 1.6rem;font-size:1.05rem;line-height:1.6;color:#3d3650;max-width:560px}
.l21-404 .e404-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-bottom:2rem}
.l21-404 .e404-ct{font-weight:700;color:#6814af;text-decoration:underline;text-underline-offset:3px}
.l21-404 .e404-nav p{margin:0 0 .6rem;font-weight:700;color:#1d0f4a}
.l21-404 .e404-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.l21-404 .e404-nav a{display:inline-block;padding:7px 14px;border-radius:999px;background:#f3eefa;color:#4c277e;font:700 .9rem/1.2 Gantari,sans-serif;text-decoration:none}
.l21-404 .e404-nav a:hover{background:#e6dbf7}
@media (max-width:860px){.l21-404{grid-template-columns:minmax(0,1fr)}.l21-404 .e404-ill img{max-height:320px}}
html[data-theme="dark"] .l21-404 h1{color:#fff!important}
html[data-theme="dark"] .l21-404 h1 span{background-image:linear-gradient(90deg,#d6c2ff,#f05ea8)}
html[data-theme="dark"] .l21-404 :is(.e404-l){color:#e4dcf3}
html[data-theme="dark"] .l21-404 :is(.e404-k,.e404-ct){color:#d6c2ff}
html[data-theme="dark"] .l21-404 .e404-nav p{color:#fff}
html[data-theme="dark"] .l21-404 .e404-nav a{background:#2a1f48;color:#e9ddff}
.l21-ag .l21-rdv-ag{margin:0 0 clamp(3rem,6vw,5rem)}

/* ===== Gabarit « cas client » (maquette Figma Itacet / CCI Lyon) : réalisations ===== */
.l21-art.is-ref .art-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#6a00d4 0%,#8a14e0 45%,#b12fd1 100%)!important;border-radius:0 0 140px 0;color:#fff}
.l21-art.is-ref .art-hero .art-in{display:grid;grid-template-columns:1.25fr .75fr;grid-template-areas:"crumbs ph" "cat ph" "t ph" "meta ph" "chapo ph";column-gap:clamp(24px,4vw,56px);align-items:center}
.l21-art.is-ref .art-hero .art-crumbs{grid-area:crumbs}.l21-art.is-ref .art-hero .art-cat{grid-area:cat}.l21-art.is-ref .art-hero h1{grid-area:t}.l21-art.is-ref .art-hero .art-meta{grid-area:meta}.l21-art.is-ref .art-hero .art-chapo{grid-area:chapo}
.l21-art.is-ref .art-hero :is(h1,.art-chapo,.art-meta,.art-crumbs,.art-crumbs a,.art-crumbs span){color:#fff!important;-webkit-text-fill-color:#fff}
.l21-art.is-ref .art-hero .art-cat{display:inline-block;justify-self:start;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff!important;font:800 italic .78rem/1.3 Gantari,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.l21-art.is-ref .art-hero .art-ph{grid-area:ph;justify-self:center;width:min(300px,100%);aspect-ratio:1;margin:0;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 10px rgba(255,255,255,.18),0 24px 50px -20px rgba(0,0,0,.45);display:grid;place-items:center}
.l21-art.is-ref .art-hero .art-ph img{width:100%;height:100%;object-fit:cover}
.l21-art.is-ref .art-body h2{display:flex;align-items:center;gap:12px;margin:2.6rem 0 1rem!important;font:800 italic 1rem/1.2 Gantari,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:#8300e0!important}
.l21-art.is-ref .art-body h2::before{content:"";flex:0 0 46px;height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(167,0,255,.15),#a700ff)}
.l21-art.is-ref .art-body ul li::marker{color:#a700ff}
@media (max-width:860px){.l21-art.is-ref .art-hero{border-radius:0 0 60px 0}.l21-art.is-ref .art-hero .art-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"crumbs" "ph" "cat" "t" "meta" "chapo"}.l21-art.is-ref .art-hero .art-ph{width:180px;margin:1rem 0}}
html[data-theme="dark"] .l21-art.is-ref .art-body h2{color:#d6c2ff!important}
.l21-art .art-body p:empty,.l21-art .art-body p:has(> br:only-child){display:none!important}
.l21-art.is-ref .art-body p{margin:0 0 .9rem!important}
.l21-art.is-ref .art-body figure{margin:1.4rem 0!important}
/* 404 en thème sombre : illustration dans ses couleurs d'origine */
html[data-theme="dark"] .l21-404 .e404-ill img{filter:none!important;opacity:1!important}
/* « Envoyer » (WPForms) : texte centré verticalement dans le bouton harmonisé */
html:not(.l3) :is(.wpforms-submit,button.wpforms-submit){line-height:1!important;padding-top:10px!important;padding-bottom:10px!important}
.l21-404 .e404-ill .dk{display:none}
html[data-theme="dark"] .l21-404 .e404-ill .lt{display:none}
html[data-theme="dark"] .l21-404 .e404-ill .dk{display:block}
html:not(.l3) :is(.wpforms-submit,button.wpforms-submit){width:auto!important;min-width:0!important;max-width:none!important;padding:12px 10px 8px 22px!important;justify-content:flex-start!important}
/* ===== retours client du 22/10 ===== */
/* accueil, thème sombre : pictos décoratifs à gauche et à droite de la roue nettement plus visibles */
html[data-theme="dark"] .section-offer-wrapper::before{filter:url(#l21-white-boost)!important;opacity:.45!important}
html[data-theme="dark"] .section-offer-wrapper.l21-bgw::before{opacity:.45!important}
/* en-tête : liste du sous-menu « Nous rejoindre » en blanc */
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(5)>.wp-block-navigation-submenu a,
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(5)>.wp-block-navigation__submenu-container a,
.wp-block-navigation__responsive-container:not(.is-menu-open) .nav-main.wp-block-navigation>.wp-block-navigation-item:nth-child(5)>.wp-block-navigation__submenu-container a *{color:#fff!important}
/* mot du Président : plus de fond rose derrière la carte (Notre groupe, Nous rejoindre, Nos engagements) */
.l21-founder.oc-band,html[data-theme="dark"] .l21-founder.oc-band{background:none!important;background-color:transparent!important}
/* certificats et labels : logos entiers (contain), toujours posés sur une tuile blanche, y compris en sombre */
.l21-labels-car .ph{aspect-ratio:auto!important;height:150px;max-height:none!important;padding:12px;box-sizing:border-box;border-radius:14px;background:#fff;overflow:visible}
.l21-labels-car .ph{display:grid!important;place-items:center;overflow:hidden!important;width:100%}
.l21-labels-car .ph img{width:auto!important;height:auto!important;max-width:100%!important;max-height:126px!important;object-fit:contain!important;transform:none!important}
html[data-theme="dark"] .l21-labels-car .ph{background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
/* Nous contacter : liste des objets du formulaire lisible (clair et sombre) */
.l21-ct .ct-form select,.l21-ct .ct-form select:focus{color:#1d0f4a!important;-webkit-text-fill-color:#1d0f4a!important;opacity:1!important;font-style:normal!important}
.l21-ct .ct-form select option{color:#1d0f4a!important;background:#fff!important}
.l21-ct .ct-form select option:disabled,.l21-ct .ct-form select option[value=""]{color:#6b5f84!important}
.l21-ct .ct-pts li{line-height:1.45}
/* Nous rejoindre : événements fédérateurs / actions solidaires, photos seules et titres dans la mise en page d'origine */
.l21-moments .mo-st{margin-bottom:1.6rem}
.l21-moments .ph{aspect-ratio:16/9!important;background:#efe6fb}
.l21-moments .ph img{object-fit:cover!important;object-position:center}
.l21-moments.mo-sol .ph img[src*="1670-2"]{object-fit:contain!important;background:#fff;padding:10px;box-sizing:border-box}
/* titres de section en flex (barre dégradée) : l'espace avant le mot en dégradé est conservé (« Toutes nos agences », « Nos offres d'emploi ») */
.section-title h1>.l3-grad,.section-title h2>.l3-grad,.l3-stitle h1>.l3-grad{margin-left:.28em}