/* ===========================
   RESET / BASE
   =========================== */
html,body{margin:0;padding:0}
:where(main,.site-main,#primary,#inner-wrap,.content-area)>:first-child{margin-top:0!important}
.entry-content>:first-child{margin-top:0!important}
:root{--wp--style--block-gap:0!important}

/* ===========================
   PALETTE & TOKENS
   =========================== */
:root{
  --txt:#0f0122;
  --brand-1:#a783ff; --brand-2:#7dd3fc; --brand-3:#ff9ac2; --brand-4:#fde68a; --brand-5:#b9fbc0;

  /* Kadence override : fond & texte globaux */
  --global-palette8:#fff;
  --global-palette9:#0f172a;

  /* Header */
  --h-h:88px;
  --h-h-desktop:104px;
  --gap:20px; --radius:16px; --shadow:0 6px 28px rgba(15,1,34,.06);
}
@supports (color: oklch(0.7 0.1 250)){
  :root{
    --brand-1: oklch(0.70 0.22 300);
    --brand-2: oklch(0.78 0.16 225);
    --brand-3: oklch(0.74 0.20 20);
    --brand-4: oklch(0.88 0.08 100);
    --brand-5: oklch(0.86 0.10 155);
  }
}

/* Fond blanc global + mode clair forcé */
html{color-scheme:light}
body{
  color:var(--txt);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;
  background:#fff;
}

/* ===========================
   HEADER CUSTOM (.kdxc-*)
   =========================== */
.kdxc-header{
  position:sticky;top:0;z-index:9999;
  background:#fff;
  box-shadow:var(--shadow);
  border:0;
}
.kdxc-container{
  height:var(--h-h);
  display:flex;align-items:center;justify-content:space-between;gap:var(--gap);
  padding:0 clamp(12px,3vw,24px)
}
@media (min-width:992px){
  .kdxc-container{height:var(--h-h-desktop)}
}
.kdxc-logo{display:flex;align-items:center;min-width:0}
.kdxc-logo img,.kdxc-logo .custom-logo,img.custom-logo,.kdxc-logo-img{
  width:auto!important;height:56px!important;max-height:56px!important;display:block;object-fit:contain
}
@media (min-width:992px){
  .kdxc-logo img,.kdxc-logo .custom-logo,img.custom-logo,.kdxc-logo-img{
    height:64px!important;max-height:64px!important
  }
}
.kdxc-logo-text{font-weight:700;font-size:18px;color:#111;white-space:nowrap}
.kdxc-nav{display:none}
@media (min-width:992px){.kdxc-nav{display:block}}
.kdxc-menu{
  display:flex;align-items:center;list-style:none;margin:0;
  gap:clamp(14px,2vw,28px);
  padding:6px 10px;border-radius:999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 24px rgba(0,0,0,.05)
}
.kdxc-menu>li>a{
  display:inline-block;padding:14px 12px;
  line-height:1.2;font-weight:600;
  font-size:clamp(.98rem,.35vw + .9rem,1.08rem);
  color:var(--txt);text-decoration:none;position:relative;
  transition:opacity .2s ease,color .2s ease
}
.kdxc-menu>li>a::after{
  content:"";position:absolute;left:12px;right:12px;bottom:8px;height:2px;
  background:linear-gradient(90deg,var(--brand-1),var(--brand-2));
  transform:scaleX(0);transform-origin:left;transition:transform .25s ease
}
.kdxc-menu>li>a:hover::after{transform:scaleX(1)}
.kdxc-menu>li>a:focus-visible{
  outline:3px solid var(--brand-2);outline-offset:3px;border-radius:8px
}
.kdxc-menu>li.current-menu-item>a,
.kdxc-menu>li.current-menu-ancestor>a{
  background:#f5f7ff!important;
  color:var(--txt)!important;
  border-radius:10px
}
.kdxc-menu>li.current-menu-item>a::after,
.kdxc-menu>li.current-menu-ancestor>a::after{transform:scaleX(1)}
.kdxc-cta,.kdxc-mobile-cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 18px;border-radius:999px;font-weight:700;
  background:#111;color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.08)
}
.kdxc-cta:hover,.kdxc-mobile-cta:hover{background:var(--brand-1);color:#fff}
.kdxc-cta:focus-visible,.kdxc-mobile-cta:focus-visible{outline:3px solid var(--brand-2);outline-offset:3px}
.kdxc-cta{display:none}
.kdxc-burger{background:transparent;border:0;font-size:26px;line-height:1;padding:10px}
.kdxc-mobile{
  padding:8px clamp(12px,3vw,24px) 16px;border-bottom:1px solid #eee;background:#fff
}
.kdxc-mobile-menu{
  list-style:none;margin:0;padding:8px 0;display:grid;gap:8px
}
.kdxc-mobile-menu a{
  padding:14px 12px;display:block;border-radius:12px;color:#111;text-decoration:none
}
.kdxc-mobile-menu a:hover{background:#f5f7ff}
@media (min-width:992px){.kdxc-burger,.kdxc-mobile{display:none!important}.kdxc-cta{display:inline-flex}}
.site-header,.header-navigation,.header-row,.site-header-wrap{display:none!important}

/* ===========================
   SECTION INTÉGRATION / MARQUEE
   =========================== */
.integration-section{
  --container:var(--wp--style--global--wide-size,1200px);
  --text:var(--global-palette9,#0f172a);
  --muted:color-mix(in oklab,var(--text),#fff 60%);
  --ring:color-mix(in oklab,#a783ff,#fff 70%);
  --logo-box:100px;
  padding:clamp(2rem,6vw,5rem) 1rem;
  background:#fff;
}
@media (max-width:768px){.integration-section{--logo-box:88px}}
.integration-wrap{max-width:min(100%,var(--container));margin-inline:auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.eyebrow{text-transform:uppercase;font-size:.875rem;line-height:1.6;letter-spacing:.06em;opacity:.6;margin:0 0 .5rem}
.headline{font-weight:600;margin:0 0 .75rem;font-size:clamp(2rem,4.2vw,4.5rem);line-height:1.1}
.subtitle{margin:0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.125rem)}
.logo-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);margin-block:clamp(2rem,7vw,4.5rem)}
.logo-marquee .marquee-track{list-style:none;display:flex;align-items:center;gap:clamp(3rem,4vw,5rem);margin:0;padding:0;animation:marquee 25s linear infinite;will-change:transform}
.logo-marquee:hover .marquee-track{animation:paused}
.logo-marquee li{flex:0 0 auto}
.logo{position:relative;width:var(--logo-box);height:var(--logo-box);display:inline-flex;align-items:center;justify-content:center}
.logo img{width:auto;height:auto;max-width:90%;max-height:90%;filter:grayscale(100%) contrast(105%);opacity:.85;transition:opacity .2s}
@media (max-width:768px){.logo img{max-width:100%;max-height:100%}}
@supports (mask:url("#")) or (-webkit-mask:url("#")){
  .logo::after{content:"";position:absolute;inset:5%;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;opacity:0;transition:opacity .2s}
  @media (max-width:768px){.logo::after{inset:2%}}
  .logo:hover::after{opacity:1}.logo:hover img{opacity:0}
}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.logo-marquee .marquee-track{animation:none}}
.integration-section .cta{
  display:inline-block;padding:1rem 2.2rem;border-radius:2rem;background:#0f0122;color:#fff;font-weight:600;font-size:1.1rem;text-decoration:none;box-shadow:0 2px 12px #0002;transition:background .15s,color .15s,border-color .15s,transform .15s;min-height:44px;line-height:1
}
.integration-section .cta:hover{background:var(--brand-1);color:#fff}
.integration-section .cta:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring),0 0 0 5px #fff}
.integration-section .cta.secondary{background:#fff;color:#0f0122;border:2px solid #0f0122}
.integration-section .cta.secondary:hover{background:#fff;color:var(--brand-1);border-color:var(--brand-1)}

/* ===========================
   ACCESSIBILITÉ
   =========================== */
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:8px;top:8px;background:#000;color:#fff;padding:8px 12px;border-radius:8px;z-index:10000}
a:focus-visible{outline:3px solid var(--brand-2);outline-offset:3px;border-radius:6px}

/* ===========================
   SECTIONS SOMBRES
   =========================== */
.on-dark,.bg-dark,.has-dark-bg{background:#0b0b10;color:#f3f4f6}
.on-dark :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,blockquote,small,figcaption,span,strong,em,mark,address,label,a){
  color:#f3f4f6!important;
}
.on-dark a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px}
.on-dark .hero-btn,.bg-dark .hero-btn,.has-dark-bg .hero-btn{background:transparent!important}

/* ===========================
   ANTI-CLS & MEDIAS
   =========================== */
@media (max-width:1024px){
  :is(.entry-content, .wp-site-blocks, .content-area) .alignwide{
    width:100% !important;
    max-width:1280px !important;
    margin-left:auto !important;margin-right:auto !important;
    box-sizing:border-box;overflow-x:clip;
  }
  .alignwide :is(.kt-inside-inner-col, .wp-block-group__inner-container){
    padding-inline:0 !important;
  }
}
img, video, svg{max-width:100%; height:auto;}
.dclik-catalog .grid,.dclik-catalog .band{min-inline-size:0;}
.dclik-catalog .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dclik-catalog .media{
  aspect-ratio: 4 / 3;
}
.dclik-catalog .media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.dclik-cards-showcase .media{
  aspect-ratio: 16 / 10;
}
.dclik-cards-showcase .media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ===========================
   PATCH GOUTTIÈRES DCLIK CATALOG
   =========================== */
@media (max-width:1024px){
  :is(.entry-content, .wp-site-blocks, .content-area)
  :is(section.dclik-catalog.alignwide, .dclik-catalog.alignwide){
    padding-inline:clamp(16px,5vw,28px)!important;
    box-sizing:border-box;margin-left:auto!important;margin-right:auto!important;
    width:100%!important;max-width:1280px!important;overflow-x:clip;
  }
  :is(.entry-content, .wp-site-blocks, .content-area)
  .dclik-catalog.alignwide > .grid{margin:0;padding:0}
  :is(.entry-content, .wp-site-blocks, .content-area)
  .dclik-catalog.alignwide :is(.kt-inside-inner-col,.wp-block-group__inner-container){
    padding-inline:0!important;
  }
}
@media (min-width:1025px){
  :is(.entry-content, .wp-site-blocks, .content-area)
  :is(section.dclik-catalog.alignwide, .dclik-catalog.alignwide){
    padding-inline:0!important;
  }
}

/* ===========================
   CTA SURGE
   =========================== */
.cta-surge{
  --surge:#7b23f4;--border:#ffffff;--text:#ffffff;--dur:.5s;
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  padding:.8rem 1.4rem;border-radius:999px;border:2px solid var(--border);
  color:var(--text);background:transparent;font-weight:500;letter-spacing:.2px;
  text-decoration:none;-webkit-tap-highlight-color:transparent;
  overflow:hidden;cursor:pointer;
  background-image:radial-gradient(circle at 50% 100%, var(--surge) 0%, var(--surge) 60%, transparent 61%);
  background-repeat:no-repeat;background-position:50% 100%;background-size:0% 0%;
  transition:background-size var(--dur) ease,font-weight .2s ease,color .2s ease;
}
.cta-surge, .cta-surge *{ text-decoration:none!important }
.cta-surge:hover{background-size:260% 260%;color:#fff;font-weight:700}
.cta-surge:focus-visible{outline:3px solid var(--surge);outline-offset:3px}
.cta-surge:active{transform:translateY(1px)}
@media (prefers-contrast: more){.cta-surge{--surge:#5B21B6}}
@media (prefers-reduced-motion: reduce){.cta-surge{transition:none}}
@media (hover:none), (max-width:1024px){
  .cta-surge{ background-size:0 !important; transition:none !important }
  .cta-surge:hover{ background-size:0 !important }
}

/* ===========================
   BUTTON OUTLINED
   =========================== */
.button{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;
  min-height:44px;padding:1rem 2.2rem;border-radius:2rem;font-weight:600;font-size:1.1rem;line-height:1;
  letter-spacing:-.02em;color:#fafaf6;text-decoration:none!important;background:transparent!important;background-image:none!important;box-shadow:none!important;border:2px solid transparent;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;
}
.button.button-outlined,a.button.button-outlined{border-color:transparent!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:#fafaf6}
.button .button-inner{position:relative;display:inline-grid}
.button .button-inner-hover{grid-area:1/1;opacity:0;transition:opacity .3s}
.button:hover .button-inner-hover{opacity:1}
[data-button-svg]{border:0}
.button .button-outlined-bg{position:absolute;inset:0;width:100%;height:100%}
.button-outlined-bg .button-circle{fill:none;stroke:#A374FF;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s}
.button:hover .button-circle.-hover{stroke-dashoffset:0}
a.button.button-outlined:hover,
a.button.button-outlined:focus,
a.button.button-outlined:active{border-color:transparent!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
.button:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}
@media (hover:hover) and (pointer:fine){.button:hover{cursor:pointer}}

/* ===========================
   DCLIK CTA — Kadence-safe
   =========================== */
:root{
  --dclik-blue:#25A4FF;
  --dclik-cyan:#04ee91;
  --dclik-text-dark:#102458;
  --dclik-text-on-dark:#0f0122;
  --dclik-brand:#a783ff;
}
.dclik-btn{
  --btn-bg:var(--dclik-blue);--btn-bg-hover:var(--dclik-cyan);--btn-text:var(--dclik-text-dark);--btn-radius:1.25rem;
  display:inline-flex;align-items:center;justify-content:center;position:relative;gap:.625rem;height:3.5rem;min-width:9.5rem;padding:0 1.75rem;border-radius:var(--btn-radius);
  color:var(--btn-text);text-decoration:none;line-height:1;white-space:nowrap;isolation:isolate;will-change:transform;-webkit-tap-highlight-color:transparent;
}
.dclik-btn__bg,.dclik-btn__bg-hover{position:absolute;inset:0;border-radius:inherit}
.dclik-btn__bg{background:var(--btn-bg);z-index:0;overflow:hidden}
.dclik-btn__bg-hover{background:var(--btn-bg-hover);transform:scaleX(0);transform-origin:left;z-index:0}
.dclik-btn__text{position:relative;z-index:1;display:block;height:1em;overflow:hidden;font-family:var(--font-sans,ui-sans-serif,system-ui,-apple-system,"Helvetica",Arial,sans-serif);font-size:.6875rem;text-transform:uppercase;font-weight:600;letter-spacing:.02em}
.dclik-btn__text-inner{display:grid}
.dclik-btn__text-static,.dclik-btn__text-hover{grid-area:1/1;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s linear;will-change:transform,opacity}
.dclik-btn__text-static{transform:translateY(0%);opacity:1}
.dclik-btn__text-hover{transform:translateY(100%);opacity:.001}
.dclik-btn__icon{position:relative;z-index:1;width:1.125rem;height:1.125rem;display:inline-grid;place-items:center;transition:transform .6s cubic-bezier(.16,1,.3,1);will-change:transform}
@media (hover:hover) and (pointer:fine){
  .dclik-btn:hover .dclik-btn__bg-hover{transform:scaleX(1)}
  .dclik-btn:hover .dclik-btn__text-static{transform:translateY(-100%);opacity:0}
  .dclik-btn:hover .dclik-btn__text-hover{transform:translateY(0%);opacity:1}
  .dclik-btn--icon:hover .dclik-btn__icon{transform:translateX(6px)}
}
.dclik-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--btn-bg)}
.dclik-btn--blue{--btn-bg:var(--dclik-blue);--btn-bg-hover:var(--dclik-cyan);--btn-text:var(--dclik-text-dark)}
.dclik-btn--brand{--btn-bg:var(--dclik-brand);--btn-bg-hover:var(--dclik-cyan);--btn-text:var(--dclik-text-on-dark)}
@media (prefers-reduced-motion: reduce){
  .dclik-btn, .dclik-btn *{transition:none !important;animation:none !important}
  .dclik-btn__bg-hover{transform:none !important}
  .dclik-btn__text-static,.dclik-btn__text-hover{transform:none !important;opacity:1 !important}
  .dclik-btn__icon{transform:none !important}
}

/* ===========================
   DCLIK CATALOG
   =========================== */
.dclik-catalog,.dclik-catalog .grid{overflow-y: visible !important; overflow-x: hidden;}
@supports (overflow-x: clip){.dclik-catalog,.dclik-catalog .grid{ overflow-x: clip; }}
.dclik-catalog .card,.dclik-catalog .media{overflow: hidden !important; border-radius: inherit;}
.dclik-catalog .grid,.dclik-catalog .grid > li,.dclik-catalog .card,.dclik-catalog .band{min-width: 0;}
.dclik-catalog .grid{
  content-visibility:auto;
  contain-intrinsic-size:600px 400px;
}
@media (max-width:1024px){
  .dclik-catalog .title{
    white-space: normal !important; overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2;
  }
}
.dclik-catalog,.dclik-catalog .grid,.dclik-catalog .card,.dclik-catalog .band,.dclik-catalog .media{touch-action: auto !important; overscroll-behavior: auto !important;}
@media (hover:none){.dclik-catalog .card{ cursor: auto; }}
.dclik-catalog .media{border-radius: var(--radius) var(--radius) 0 0 !important; overflow: hidden;}
.dclik-catalog .media img{border-radius: 0 !important; display: block;}
.dclik-catalog .band{border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: var(--radius) !important; border-bottom-right-radius: var(--radius) !important;}
.dclik-catalog .card{border-radius: var(--radius) !important; overflow: hidden;}

/* ===========================
   DCLIK CARDS SHOWCASE
   =========================== */
.dclik-cards-showcase{
  --wrap-max: 1280px;
  --gap: clamp(16px, 2vw, 24px);
  --radius: 22px;
  --bar-h: 64px;
  --gradA: linear-gradient(135deg, #a783ff 0%, #7b23f4 100%);
  --gradB: linear-gradient(135deg, #222edb 0%, #0f0122 100%);
  --ink:#111; --ink-soft:#1b1b1b; --muted:#4b4b4b;
  padding: clamp(24px, 5vw, 64px) 20px;
  background: transparent;
  isolation:isolate;
}
.dclik-cards{
  max-width: min(var(--wrap-max), 94vw);
  margin-inline: auto;
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(4, minmax(240px, 1fr));
  content-visibility: auto;
  contain-intrinsic-size: 420px 320px;
}
@media (max-width:1024px){ .dclik-cards{ grid-template-columns: repeat(2,1fr); } }
@media (max-width:640px){  .dclik-cards{ grid-template-columns: 1fr; } }
.dclik-card, .dclik-card *{ box-shadow:none !important; filter:none !important; }
.dclik-card{
  position: relative;
  border: 0 !important;
  outline: 0 !important;
  background: transparent;
  border-radius: var(--radius);
  min-height: clamp(320px, 44vw, 360px);
  overflow: visible;
  isolation: isolate;
  transition: transform .24s ease;
  backface-visibility: hidden;
  will-change: transform;
}
.dclik-card:hover,
.dclik-card:focus-within{ transform: translateY(-3px); }
@media (hover:none){ .dclik-card:hover{ transform:none; } }
.dclik-face-gradient{
  position: absolute; inset: 0;
  display:flex; align-items:center; justify-content:center;
  color:#fff; z-index: 1;
  pointer-events:none;
}
.dclik-card[data-idx="1"] .dclik-face-gradient{ background: var(--gradA); }
.dclik-card[data-idx="2"] .dclik-face-gradient{ background: var(--gradB); }
.dclik-card[data-idx="3"] .dclik-face-gradient{ background: var(--gradA); }
.dclik-card[data-idx="4"] .dclik-face-gradient{ background: var(--gradB); }
.dclik-num{
  font-size: clamp(64px, 14vw, 132px);
  font-weight: 800; line-height: 1; letter-spacing: .02em;
  opacity:.18; mix-blend-mode: soft-light;
  pointer-events:none;
}
.dclik-face-content{
  position: relative; z-index: 2;
  background: #fff; color: var(--ink);
  height: 100%;
  display: grid; align-content: start; gap: .75rem;
  padding: clamp(20px, 2.4vw, 34px);
  padding-bottom: calc(var(--bar-h) + 12px);
  box-sizing: border-box;
  transform: translateY(calc(100% - var(--bar-h)));
  border-radius: var(--radius);
  transition: transform .32s ease;
  overflow-wrap:anywhere; hyphens:auto;
}
.dclik-card:hover .dclik-face-content,
.dclik-card:focus-within .dclik-face-content{ transform: translateY(0); }
@media (hover:none){
  .dclik-face-content{ transform:none; }
}
.dclik-eyebrow{
  margin:0; font-size:.92rem; letter-spacing:.04em;
  text-transform:uppercase; color:#7a7a7a; line-height:1.2;
}
.dclik-title{
  margin:0; font-size:clamp(22px,2.2vw,32px);
  line-height:1.2; font-weight:800; color:var(--ink-soft);
}
.dclik-text{
  margin:0 0 .5rem 0; color:var(--muted);
  font-size:clamp(14px,1.1vw,18px); line-height:1.55;
}
.dclik-bar{
  position: absolute; left:0; right:0; bottom:0;
  height: var(--bar-h);
  display:flex; align-items:center;
  padding: 0 18px;
  color:#fff; font-weight:800; letter-spacing:.04em;
  font-size:1.05rem; font-variant-numeric: tabular-nums;
  white-space: pre;
  text-shadow: 0 1px 0 rgba(0,0,0,.12);
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  background-clip: padding-box;
  z-index: 3;
  outline: 1px solid rgba(0,0,0,0);
  mix-blend-mode: normal;
}
.dclik-card[data-idx="1"] .dclik-bar{ background: var(--gradA); }
.dclik-card[data-idx="2"] .dclik-bar{ background: var(--gradB); }
.dclik-card[data-idx="3"] .dclik-bar{ background: var(--gradA); }
.dclik-card[data-idx="4"] .dclik-bar{ background: var(--gradB); }
@media (prefers-reduced-motion: reduce){
  .dclik-card, .dclik-face-content { transition:none !important; }
  .dclik-card:hover{ transform:none !important; }
}

/* ===========================
   QUOTE CARD (version unique)
   =========================== */
.quote {
  background: linear-gradient(135deg, #14276D 60%, #0F0122 100%);
  border-radius: 20px;
  padding: 24px 28px;
  box-shadow: 0 12px 50px rgba(0,0,0,.35);
  position: relative;
}

/* Reset uniquement à l'intérieur de .quote */
.quote blockquote,
.quote .wp-block-quote {
  border-left: none !important;
  margin: 0;
}
.quote blockquote::before,
.quote .wp-block-quote::before {
  content: none !important;
}

.quote-title{
  margin:0 0 .4em 0;
  color:#EAE7FF;
  font-weight:700;
  font-size:clamp(18px,2.2vw,22px);
  line-height:1.3;
}
.quote-main{
  margin:0;
  color:#EAE7FF;
  font-weight:600;
  font-size:clamp(18px,2.2vw,22px);
  line-height:1.45;
}
.quote .sub{
  display:block;
  margin-top:.45em;
  color:#B8B3E2;
  font-weight:500;
  font-size:clamp(14px,1.6vw,16px);
}
.quote .source{
  margin-top:10px;
  color:#B8B3E2;
  font-size:14px;
}
.quote strong{
  font-weight:700;
  text-decoration:none!important;
  display:inline;
  background:linear-gradient(#7A3CFF,#7A3CFF) 0 100%/100% .2em no-repeat !important;
  padding-bottom:1px;
}
@supports (-webkit-touch-callout:none){
  .quote strong{ background-position:0 calc(100% - .02em); }
}

/* ===========================
   TITRES GRADIENT
   =========================== */
.highlighted-social,
.highlighted-social:hover {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-image: var(--gradient-hero, linear-gradient(90deg, var(--brand-1), var(--brand-2)));
  -webkit-background-clip: text;
  background-clip: text;
}

/* MOTS-CLÉS GRADIENT (strong + 2 variantes) */
.highlighted-keyword,
strong.highlighted-keyword {
  font-weight:700;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  background-image:var(--hk-gradient, linear-gradient(90deg,#e1696c,#e6d69b)) !important;
  -webkit-background-clip:text;
  background-clip:text;
}

/* Gradient 1 : #e1696c → #e6d69b */
.highlighted-keyword.gradient-1,
strong.highlighted-keyword.gradient-1 {
  --hk-gradient: linear-gradient(90deg,#e1696c,#e6d69b);
}

/* Gradient 2 : #a1d7c5 → #b577ff */
.highlighted-keyword.gradient-2,
strong.highlighted-keyword.gradient-2 {
  --hk-gradient: linear-gradient(90deg,#a1d7c5,#b577ff);
}

/* =======================================================
   PATCH DÉFINITIF POUR ISOLER LE COMPOSANT FAQ DCLIK
   ======================================================= */

/* --- 1) SVG NE DOIT PAS ÊTRE ÉTIRÉ PAR LE RESET GLOBAL --- */
.dclik-faq-wrapper svg {
  max-width: none !important;
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
  display: block !important;
}

/* --- 2) BUTTON RESET (Kadence + Gutenberg cassent ton bouton FAQ) --- */
.dclik-faq-wrapper button {
  all: unset !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  cursor: pointer !important;
  background: #ffffff !important;
  padding: 1.5rem 1.75rem !important;
  border-radius: 14px !important;
}

/* --- 3) ANNULATION DES FONDS VIOLETS/GRADIENTS QUE KADENCE APPLIQUE --- */
.dclik-faq-wrapper,
.dclik-faq-wrapper * {
  background-color: transparent !important;
  background-image: none !important;
}

/* --- 4) RÉAPPLIQUER LES FONDS DE LA FAQ (le style d’origine) --- */
.dclik-faq-item {
  background-color: #ffffff !important;
  border: 2px solid #f3f4f6 !important;
  border-radius: 16px !important;
}

.dclik-faq-question:hover,
.dclik-faq-item.dclik-active-faq .dclik-faq-question {
  background-color: #fef8f0 !important;
}

/* --- 5) RÉPARATION DU DISPLAY FLEX CASSÉ PAR TAILWIND OU KADENCE --- */
.dclik-faq-question {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.dclik-faq-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* --- 6) GARANTIR LES DIMENSIONS EXACTES DU TOGGLE --- */
.dclik-faq-toggle {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #ffad00, #e1696c) !important;
  box-shadow: 0 4px 12px rgba(255, 173, 0, 0.3) !important;
}

/* --- 7) RÉACTIVER LA ROTATION DE LA FLÈCHE --- */
.dclik-faq-item.dclik-active-faq .dclik-faq-toggle {
  transform: rotate(180deg) !important;
}

/* --- 8) FORCER LA TAILLE DU TEXTE FAQ (évite les resets Kadence) --- */
.dclik-faq-question-text {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #0a0a0a !important;
}

/* --- 9) RÉACTIVER LES ANIMATIONS D’ORIGINE --- */
@keyframes dclikFadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* --- 10) CTA DU BAS — PROTECTION COMPLETE --- */
.dclik-faq-cta {
  background: linear-gradient(135deg, rgba(255, 173, 0, 0.1), rgba(225, 105, 108, 0.1)) !important;
  border: 2px dashed #ffad00 !important;
  border-radius: 24px !important;
  padding: 3rem !important;
  text-align: center !important;
}

.dclik-faq-cta-button {
  background: linear-gradient(135deg, #ffad00, #e1696c) !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 1.25rem 3rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  display: inline-block !important;
}

																																																																																  /* ==========================
   FAQ VIDÉO SAVENAY - DCLIK
   ========================== */

.dclik-faq-wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;
  background: #ffffff;
  color: #0a0a0a;
  box-sizing: border-box;
}

.dclik-faq-wrapper * {
  box-sizing: border-box;
}

.dclik-faq-section {
  width: 100%;
  padding: 6rem 5%;
  background: #ffffff;
  position: relative;
}

.dclik-faq-container {
  max-width: 1000px;
  margin: 0 auto;
}

/* En-tête */
.dclik-faq-header {
  text-align: center;
  margin-bottom: 4rem;
  animation: dclikFadeInUp 0.8s ease forwards;
}

.dclik-faq-header h2 {
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.2;
  margin: 0 0 1rem 0;
  color: #0a0a0a;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.dclik-faq-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
}

.dclik-faq-icon svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4px 12px rgba(255, 173, 0, 0.3));
}

.dclik-faq-subtitle {
  font-size: 1.125rem;
  color: #6b7280;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

/* Liste FAQ */
.dclik-faq-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  animation: dclikFadeInUp 0.8s ease forwards;
  animation-delay: 0.2s;
  opacity: 0;
}

/* Item FAQ */
.dclik-faq-item {
  background: #ffffff;
  border-radius: 16px;
  border: 2px solid #f3f4f6;
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.dclik-faq-item:hover {
  border-color: #ffad00;
  box-shadow: 0 4px 16px rgba(255, 173, 0, 0.1);
}

.dclik-faq-item.dclik-active-faq {
  border-color: #ffad00;
  box-shadow: 0 4px 16px rgba(255, 173, 0, 0.15);
}

/* Question */
.dclik-faq-question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.5rem 1.75rem;
  background: #ffffff;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.3s ease;
  border-radius: 14px;
}

.dclik-faq-question:hover {
  background: #fef8f0;
}

.dclik-active-faq .dclik-faq-question {
  background: #fef8f0;
}

.dclik-faq-question-text {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0a0a0a;
  line-height: 1.5;
  flex: 1;
}

/* Toggle */
.dclik-faq-toggle {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #ffad00, #e1696c);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(255, 173, 0, 0.3);
}

.dclik-active-faq .dclik-faq-toggle {
  transform: rotate(180deg);
  background: linear-gradient(135deg, #e1696c, #ffad00);
}

.dclik-faq-toggle svg {
  width: 20px;
  height: 20px;
  color: white;
  transition: transform 0.3s ease;
}

/* Réponse */
.dclik-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.dclik-active-faq .dclik-faq-answer {
  max-height: 500px;
}

.dclik-faq-answer-content {
  padding: 0 2rem 2rem 2rem;
  font-size: 1.125rem;
  line-height: 1.8;
  color: #4b5563;
}

/* CTA */
.dclik-faq-cta {
  margin-top: 4rem;
  text-align: center;
  padding: 3rem;
  background: linear-gradient(135deg, rgba(255, 173, 0, 0.1), rgba(225, 105, 108, 0.1));
  border-radius: 24px;
  border: 2px dashed #ffad00;
  animation: dclikFadeInUp 0.8s ease forwards;
  animation-delay: 0.4s;
  opacity: 0;
}

.dclik-faq-cta-title {
  font-size: 1.75rem;
  font-weight: 900;
  color: #0a0a0a;
  margin: 0 0 1rem 0;
}

.dclik-faq-cta-text {
  font-size: 1.125rem;
  color: #4b5563;
  margin: 0 0 2rem 0;
}

.dclik-faq-cta-button {
  display: inline-block;
  padding: 1.25rem 3rem;
  background: linear-gradient(135deg, #ffad00, #e1696c);
  color: white;
  text-decoration: none;
  border-radius: 50px;
  font-weight: 800;
  font-size: 1.125rem;
  transition: all 0.3s ease;
  box-shadow: 0 8px 24px rgba(255, 173, 0, 0.3);
}

.dclik-faq-cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(255, 173, 0, 0.4);
}

/* Responsive */
@media (max-width: 1024px) {
  .dclik-faq-section {
    padding: 5rem 4%;
  }

  .dclik-faq-header h2 {
    font-size: 2.5rem;
  }
}

@media (max-width: 768px) {
  .dclik-faq-section {
    padding: 4rem 5%;