/* D832 architecture CSS bundle */
/* === /assets/d515-readability-emergency.css === */
/* D825 EMPTY STUB - replaces missing legacy CSS
 * Original purpose: legacy contrast/theme/readability fix
 * Removed because: file was deleted but still referenced in HTML pages
 * Replaced with empty stub to eliminate 404 console errors
 * Date: 2026-05-13
 * No styles applied - the canonical wevia-palette-unified.css handles everything
 */

/* === /css/wevia-contrast-guard.css === */
/* ============================================================
   WEVIA CONTRAST GUARD v2 — extension pour patterns extrêmes
   Date: 02 mai 2026
   Ajouts vs v1 (FAQ déjà couvert):
   - kpi-pill cyan-on-cyan (contact.html)
   - nav-link slate-on-indigo (header global)
   - h4 sans classe (Nos bureaux white-on-white)
   - a.d472-skip-link (a11y)
   - patterns badge/chip avec same-color bug
   ============================================================ */

:root {
  --wcg-text-on-dark: #f1f5f9;
  --wcg-text-on-dark-muted: #cbd5e1;
  --wcg-text-on-light: #0f172a;
  --wcg-text-on-light-muted: #475569;
}

/* ZONE FAQ wr-faq-* (v1 conservé) */
.wr-faq-q { color: var(--wcg-text-on-dark) !important; background: #0f172a !important; font-weight: 600; }
.wr-faq-q:hover { color: #ffffff !important; }
.wr-faq-q span { color: inherit !important; }
.wr-faq-arrow { color: #6366f1 !important; }
.wr-faq-a, .wr-faq-a *, .wr-faq-a p { color: var(--wcg-text-on-dark-muted) !important; }
.wr-faq-a a { color: #818cf8 !important; }
.wr-faq-title { color: var(--wcg-text-on-dark) !important; }

/* ZONE FAQ d491-* */
.d491-faq-q, .d491-faq-q span { color: var(--wcg-text-on-dark) !important; }
.d491-faq-a, .d491-faq-a * { color: var(--wcg-text-on-dark-muted) !important; }
.d491-faq-title { color: var(--wcg-text-on-dark) !important; }

/* ZONE Modal wr-modal */
.wr-modal, .wr-modal h2, .wr-modal label { color: var(--wcg-text-on-dark) !important; }
.wr-modal p { color: var(--wcg-text-on-dark-muted) !important; }
.wr-modal input, .wr-modal select, .wr-modal textarea { color: var(--wcg-text-on-dark) !important; background: #1e293b !important; }
.wr-modal input::placeholder, .wr-modal textarea::placeholder { color: #64748b !important; }

/* ZONE Cases */
.wr-cases-section, .wr-cases-title, .wr-case-card h3 { color: var(--wcg-text-on-dark) !important; }
.wr-case-card p, .wr-case-card { color: var(--wcg-text-on-dark-muted) !important; }
.wr-case-card { background: #0f172a !important; }

/* ZONE theme-light button override fix */
body.theme-light .wr-faq-q,
body.theme-light .wr-cta-btn,
body.theme-light .wr-form-submit,
body.theme-light .wr-modal button,
body.theme-light .wr-faq-section button,
body.theme-light .wr-cases-section button,
body.theme-light .d491-faq-q,
body.theme-light [class^="wr-"] button:not(.wr-cta-close):not(.wr-modal-close) {
  color: var(--wcg-text-on-dark) !important;
}
body.theme-light .wr-cta-secondary { color: #a5b4fc !important; }

/* ============================================================
   v2 ADDITIONS — Patterns extrêmes que le runtime ne peut pas atteindre
   ============================================================ */

/* PATTERN 1: kpi-pill cyan-on-cyan (page contact.html — bug visible) */
.kpi-pill {
  color: #0f172a !important;
  font-weight: 600;
}
/* Variante avec bg explicite cyan/teal */
.kpi-pill[style*="background"], 
span.kpi-pill {
  color: #0f172a !important;
}

/* PATTERN 2: nav-link sur background indigo (header global) */
button.nav-link,
a.nav-link {
  color: #f1f5f9 !important;
}
button.nav-link:hover,
a.nav-link:hover {
  color: #ffffff !important;
}

/* PATTERN 3: h4 "Nos bureaux" white-on-white dans containers transparents */
h4:not([class]):not([id]) {
  color: var(--wcg-text-on-dark) !important;
}
/* h4 avec emoji 🌍 + texte simple = candidat fix */
h4 { color: var(--wcg-text-on-dark, #f1f5f9); }

/* PATTERN 4: skip-link a11y (apparaît en focus, doit être contrasté) */
a.d472-skip-link,
.skip-link {
  color: #ffffff !important;
  background: #0f172a !important;
  text-decoration: underline;
}
a.d472-skip-link:focus,
.skip-link:focus {
  outline: 3px solid #fbbf24 !important;
  outline-offset: 2px;
}

/* PATTERN 5: badges/chips/tags avec texte invisible (heuristique générique) */
.badge, .chip, .tag, .pill, .label-pill, .stat-pill,
[class*="-badge"], [class*="-chip"], [class*="-tag"], [class*="-pill"] {
  /* Si le bg est défini, force un text contrasté de base */
  font-weight: 600;
}
/* Si la couleur de fond est cyan/teal (pattern récurrent) */
.kpi-pill[style*="cyan"],
.kpi-pill[style*="22d3ee"],
[class*="-pill"][style*="cyan"],
[style*="background:#22d3ee"],
[style*="background: #22d3ee"],
[style*="background-color:#22d3ee"] {
  color: #0f172a !important;
}

/* PATTERN 6: Service-source slate-on-dark */
span.service-source { color: var(--wcg-text-on-dark-muted) !important; }

/* PATTERN 7: Hero h2 excellence-main-title sur cream */
h2.excellence-main-title { color: var(--wcg-text-on-light) !important; }

/* PATTERN 8: services-button et services-title */
button.services-button,
h4.services-title,
a.services-link { color: var(--wcg-text-on-light) !important; }

/* PATTERN 9: wr-service-link sur backgrounds clairs */
a.wr-service-link { color: var(--wcg-text-on-light) !important; font-weight: 600; }

/* PATTERN 10: Login labels (page wevia-master.html / admin.html) */
label[for*="user"], label[for*="pass"], label[for*="login"],
form label { color: var(--wcg-text-on-dark) !important; }

/* ============================================================
   ZONE generic dark-on-dark / light-on-light via inline style
   ============================================================ */
[style*="background:#0"] *:not([style*="color"]):not(.wr-cta-btn),
[style*="background: #0"] *:not([style*="color"]):not(.wr-cta-btn),
[style*="background:rgba(0,0,0"] *:not([style*="color"]),
[style*="background:rgba(15,23,42"] *:not([style*="color"]),
[style*="background:#1"] *:not([style*="color"]) {
  color: #cbd5e1;
}
[style*="background:#0"] h1, [style*="background:#0"] h2,
[style*="background:#0"] h3, [style*="background:#0"] h4,
[style*="background: #0"] h1, [style*="background: #0"] h2,
[style*="background: #0"] h3, [style*="background: #0"] h4,
[style*="background:#1"] h1, [style*="background:#1"] h2,
[style*="background:#1"] h3, [style*="background:#1"] h4 {
  color: #f1f5f9;
}

/* Light-on-light inverse */
[style*="background:#fff"] *:not([style*="color"]):not([class*="btn-primary"]):not([class*="cta-primary"]),
[style*="background: #fff"] *:not([style*="color"]):not([class*="btn-primary"]):not([class*="cta-primary"]),
[style*="background:#FFF"] *:not([style*="color"]):not([class*="btn-primary"]) {
  color: #0f172a;
}

/* ZONE A11Y focus visible */
.wr-faq-q:focus-visible,
.d491-faq-q:focus-visible,
button:focus-visible,
a:focus-visible {
  outline: 2px solid #6366f1;
  outline-offset: 2px;
}

/* FIN — WEVIA CONTRAST GUARD v2 */

/* === /assets/d808-banner-cleanup.css === */
/* D811 LEAN BANNER + KILL DUPLICATES */

/* === STEP 1: Hide ALL fixed-bottom CTA-ish elements === */
[id*="sticky-cta"]:not(#d466-sticky-cta-bar),
[id*="bottom-cta"], [id*="floating-cta"], [id*="lead-magnet"],
[class*="sticky-cta"]:not(#d466-sticky-cta-bar),
[class*="bottom-cta"], [class*="floating-cta"], [class*="cta-banner"],
[class*="bottom-banner"], [class*="lead-bar"], [class*="bookcall-bar"],
[class*="bottom-promo"], [class*="cta-floating"],
div[style*="position:fixed"][style*="bottom"]:not(#d466-sticky-cta-bar):not([class*="chat"]):not([class*="avatar"]):not([class*="whatsapp"]):not([class*="wevia-live"]) {
  display: none !important;
}

/* === STEP 2: keep ONLY #d466-sticky-cta-bar as the single lean pill === */
#d466-sticky-cta-bar {
  display: flex !important;
  position: fixed !important;
  bottom: 20px !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  
  /* Lean pill - max-width small */
  width: auto !important;
  max-width: min(540px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  
  /* Pill shape */
  border-radius: 999px !important;
  
  /* Tight padding */
  padding: 10px 10px 10px 20px !important;
  
  /* Layout */
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  
  /* Solid brand gradient */
  background: linear-gradient(90deg, #3730A3, #4F46E5) !important;
  background-image: linear-gradient(90deg, #3730A3, #4F46E5) !important;
  background-color: #3730A3 !important;
  
  /* Subtle shadow */
  box-shadow: 0 8px 28px rgba(55,48,163,0.30), 0 2px 6px rgba(0,0,0,0.08) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  
  /* Typography */
  color: #ffffff !important;
  font: 500 13px/1.3 system-ui, -apple-system, sans-serif !important;
  
  z-index: 9000 !important;
}

/* Text inside - compact */
#d466-sticky-cta-bar .msg, #d466-sticky-cta-bar .msg-mobile,
#d466-sticky-cta-bar span:not(.close-x), #d466-sticky-cta-bar p {
  color: #ffffff !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media (min-width: 640px) { #d466-sticky-cta-bar .msg-mobile { display: none !important; } }
@media (max-width: 639px) { #d466-sticky-cta-bar .msg:not(.msg-mobile) { display: none !important; } }

/* CTA button - small white pill inside */
#d466-sticky-cta-bar a.cta-btn, #d466-sticky-cta-bar a[data-d466-cta],
#d466-sticky-cta-bar a:not(.close-x) {
  background: #ffffff !important;
  color: #3730A3 !important;
  padding: 7px 16px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  border: none !important;
  cursor: pointer !important;
}
#d466-sticky-cta-bar a.cta-btn:hover {
  background: #f5f1ec !important;
  transform: translateY(-1px) !important;
}

/* Close X - small subtle */
#d466-sticky-cta-bar .close-x {
  width: 26px !important; height: 26px !important; min-width: 26px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
}
#d466-sticky-cta-bar .close-x:hover { background: rgba(255,255,255,0.25) !important; }

/* Mobile */
@media (max-width: 640px) {
  #d466-sticky-cta-bar {
    bottom: 12px !important;
    padding: 8px 8px 8px 14px !important;
    max-width: calc(100vw - 16px) !important;
    gap: 10px !important;
  }
  #d466-sticky-cta-bar a.cta-btn { padding: 6px 12px !important; font-size: 11px !important; }
}

/* Body padding to not hide content under pill */
body { padding-bottom: 80px !important; }

/* Chat widgets coexist above pill */
[class*="chat-widget"], [class*="wevia-assistant"], [class*="whatsapp-btn"],
[class*="wevia-avatar"], [class*="wevia-live"], [class*="floating-chat"] {
  bottom: 80px !important;
}
/* D811b - WEVIA Avatar popup d710 sizing - dont auto-open via JS patch, manual click only */
#d710-pop { max-height: 70vh !important; max-width: min(380px, calc(100vw - 32px)) !important; right: 24px !important; top: 80px !important; }
#d710-av { bottom: 90px !important; }
/* Cookie consent banner compact */
#weval-cc-banner, [class*="cc-banner"], [id*="cookie-banner"] { max-width: min(600px, calc(100vw - 32px)) !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; bottom: 90px !important; border-radius: 14px !important; box-shadow: 0 8px 28px rgba(0,0,0,0.15) !important; padding: 12px 20px !important; font-size: 13px !important; }

/* === /assets/d810-emergency-visibility.css === */
/* D810-EMERGENCY-VISIBILITY-FIX — force text dark everywhere except accents */

/* === Force dark text on all content === */
body, body p, body div, body span, body h1, body h2, body h3, body h4, body h5, body h6,
body li, body td, body th, body section, body section *, body article, body article *,
body header h1, body header h2, body footer p, body main *, body aside *,
[class*="card"] p, [class*="card"] div:not([class*="badge"]):not([class*="logo"]),
[class*="card"] h1, [class*="card"] h2, [class*="card"] h3, [class*="card"] h4,
[class*="card"] span, [class*="card"] li,
[class*="panel"] *:not([class*="badge"]):not([class*="logo"]),
[class*="kpi"] *:not([class*="badge"]):not([class*="logo"]),
[class*="matrix"] *, [class*="pred"] *, [class*="dashboard"] *,
[class*="grid"] > *, [class*="row"] > *, [class*="block"] > *,
.partner-name, .partner-tier, [class*="partner"] *:not([class*="logo"]) {
  color: #1B1B1B !important;
}

/* === Muted secondary text === */
[class*="muted"], [class*="secondary"], [class*="sub"], [class*="caption"],
small, .text-muted, .text-secondary {
  color: #555555 !important;
}

/* === Brand/accent text preserved === */
[class*="brand"], [class*="accent"], [class*="primary-color"],
[style*="color:#"], [style*="color: #"] {
  color: revert;
}

/* === Banner CTA stays white text === */
#d466-sticky-cta-bar, #d466-sticky-cta-bar *,
[id*="sticky-cta"], [id*="sticky-cta"] *,
[class*="sticky-cta"], [class*="sticky-cta"] *,
[class*="cta-bar"], [class*="cta-bar"] * {
  color: #ffffff !important;
}
/* Except button which is indigo on white pill */
#d466-sticky-cta-bar a.cta-btn,
[id*="sticky-cta"] a.cta-btn, [id*="sticky-cta"] a:not(.close-x),
[class*="sticky-cta"] a.cta-btn {
  color: #3730A3 !important;
  background: #ffffff !important;
}

/* === Headings explicitly dark === */
h1, h2, h3, h4, h5, h6 { color: #1B1B1B !important; }

/* === Links - keep indigo brand === */
a:not([class*="btn"]):not([class*="button"]):not(.close-x) {
  color: #3730A3 !important;
}
a:hover { color: #4F46E5 !important; }

/* === Form elements === */
input, textarea, select, label {
  color: #1B1B1B !important;
  background-color: #ffffff !important;
}

/* === Status badges keep their colors === */
[class*="badge"], [class*="pill"]:not([class*="cta"]), [class*="chip"],
[class*="tag"]:not([class*="title"]), [class*="status"] {
  color: revert;
}

/* === Logos keep gradient text === */
[class*="logo"], [class*="brand-mark"], [class*="icon"] {
  color: revert;
}

/* === /assets/d812-max-priority.css === */
/* D814 — Demo-Agents UX canonical doctrine Yacine — propagated to all pages */

/* === Google Font DM Sans === */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&display=swap');

/* === Demo-agents CSS variables === */
:root, html, body {
  --bg: #faf7f5 !important;
  --bg2: #FFFFFF !important;
  --fg: #1B1B1B !important;
  --fg2: #555555 !important;
  --fg3: #999999 !important;
  --a: #3730A3 !important;
  --al: #6366F1 !important;
  --g: #047857 !important;
  --r: #B91C1C !important;
  --o: #B45309 !important;
  --bd: #E8E2D9 !important;
  --R: 16px !important;
  --sh: 0 1px 3px rgba(0,0,0,.04), 0 12px 40px rgba(0,0,0,.03) !important;
  /* Backward compat vars */
  --bg-primary: #faf7f5 !important;
  --bg-secondary: #FFFFFF !important;
  --bg3: #FFFFFF !important;
  --text: #1B1B1B !important;
  --text-main: #1B1B1B !important;
  --text-primary: #1B1B1B !important;
  --text-secondary: #555555 !important;
  --text-muted: #999999 !important;
  --ink: #1B1B1B !important;
  --foreground: #1B1B1B !important;
  --card: #FFFFFF !important;
  --panel: #FFFFFF !important;
  --surface: #faf7f5 !important;
  --base: #faf7f5 !important;
  --paper: #faf7f5 !important;
  --background: #faf7f5 !important;
  --canvas: #faf7f5 !important;
  --void: #faf7f5 !important;
  --depth: #faf7f5 !important;
  --header-bg: #FFFFFF !important;
  --nav-bg: #FFFFFF !important;
}

/* === Restore animations (was killed by D807 V2) === */
*, *::before, *::after { animation-play-state: running !important; }
[class*="card"], [class*="kpi"], [class*="pilier"], [class*="metric"], 
[class*="stat"], [class*="signal"], [class*="tile"], [class*="panel"],
[class*="widget"], [class*="dashboard"], [class*="recommendation"],
[class*="action"]:not(button), [class*="reasoning"],
section > div, main > div { 
  opacity: 1 !important; 
  visibility: visible !important; 
}

/* === Body: cream + DM Sans === */
html, html body {
  background: #faf7f5 !important;
  background-color: #faf7f5 !important;
  background-image: none !important;
  color: #1B1B1B !important;
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  letter-spacing: -0.005em !important;
}

/* === Headings: DM Sans + dark === */
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: #1B1B1B !important;
}
html body h1 { font-size: clamp(26px, 5vw, 50px) !important; line-height: 1.12 !important; }
html body h1 strong, html body h1 em { color: #3730A3 !important; font-weight: 400 !important; font-style: normal !important; }

/* === Text dark === */
html body p, html body span, html body div, html body li, html body td, html body th,
html body section *, html body article *, html body main *, html body aside *,
html body label, html body figcaption, html body strong, html body em {
  color: #1B1B1B !important;
}
html body [class*="muted"], html body [class*="secondary"], html body small,
html body [class*="caption"], html body [class*="subtitle"]:not(h1):not(h2),
html body .sub, html body .tagline {
  color: #555555 !important;
}

/* === Sections transparent (pas de fond noir derrière titres) === */
html body section, html body article, html body main, html body aside {
  background-color: transparent !important;
  background-image: none !important;
}

/* === NAV: cream translucent sticky === */
html body header, html body nav, html body [class*="navbar"],
html body [role="banner"], html body [class*="top-bar"], html body .n {
  background: rgba(250, 248, 245, 0.92) !important;
  background-color: rgba(250, 248, 245, 0.92) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid #E8E2D9 !important;
  color: #1B1B1B !important;
}
html body header *, html body nav *, html body [class*="navbar"] * {
  color: #555555 !important;
  background-color: transparent !important;
}
html body header a, html body nav a, html body [class*="navbar"] a, html body .n a {
  color: #555555 !important;
  text-decoration: none !important;
  padding: 7px 14px !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  transition: 0.2s !important;
}
html body header a:hover, html body nav a:hover { color: #3730A3 !important; }
html body header [class*="logo"], html body nav [class*="logo"],
html body header [class*="brand"], html body nav [class*="brand"] {
  color: #1B1B1B !important;
}
html body header [class*="logo"] strong, html body nav [class*="brand"] b { color: #3730A3 !important; }

/* === Cards (demo-agents .ppc style): WHITE bg + beige border + soft shadow on hover === */
html body [class*="card"], html body [class*="panel"], html body [class*="tile"],
html body [class*="widget"]:not([class*="chat"]), html body [class*="modal"],
html body [class*="dashboard"], html body [class*="hub-card"], html body [class*="cockpit"],
html body [class*="kpi"], html body [class*="stat-card"], html body [class*="metric-card"],
html body [class*="signal-card"], html body [class*="indicator"], html body [class*="gauge"],
html body [class*="feed"], html body [class*="entry"], html body [class*="recommendation"],
html body [class*="action-item"], html body [class*="pred-"]:not([class*="navbar"]),
html body .ppc, html body .dc {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  color: #1B1B1B !important;
  border: 1px solid #E8E2D9 !important;
  border-radius: 16px !important;
  transition: 0.2s !important;
  padding: 20px !important;
}
html body [class*="card"]:hover, html body [class*="panel"]:hover, html body .ppc:hover {
  border-color: #6366F1 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 12px 40px rgba(0,0,0,.03) !important;
}

/* Card content */
html body [class*="card"] *, html body [class*="panel"] *,
html body [class*="kpi"] *, html body [class*="metric"] *,
html body [class*="signal"] *, html body [class*="recommendation"] *,
html body [class*="reasoning"] *, html body .ppc * {
  color: #1B1B1B !important;
}
html body [class*="card"] [class*="badge"], html body [class*="card"] [class*="pill"],
html body [class*="card"] [class*="tag"], html body [class*="card"] [class*="chip"] {
  color: revert; background-color: revert;
}

/* === KPI/Stat NUMBERS: large indigo === */
html body .kn, html body [class*="kpi"] [class*="number"],
html body [class*="kpi"] [class*="value"], html body [class*="stat"] [class*="number"],
html body [class*="metric"] strong:first-child, html body [class*="big-num"],
html body [class*="counter"] strong, html body [class*="figure-big"] {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 40px !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
  color: #3730A3 !important;
  font-weight: 700 !important;
}
html body .kl, html body [class*="kpi"] [class*="label"], html body [class*="stat"] [class*="label"] {
  font-size: 10px !important;
  color: #999999 !important;
  font-weight: 500 !important;
  margin-top: 3px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
}

/* === Buttons primary (indigo bg white text) === */
html body button.bp, html body .btn-primary, html body [class*="btn-primary"],
html body button[class*="primary"]:not([class*="text"]), 
html body a.btn-primary, html body a[class*="btn-primary"],
html body a.btn.primary, html body [class*="cta-primary"],
html body [class*="bp"]:not([class*="cabp"]) {
  background: #3730A3 !important;
  background-color: #3730A3 !important;
  color: #FFFFFF !important;
  padding: 12px 26px !important;
  border-radius: 14px !important;
  font: 500 14px 'DM Sans', system-ui, sans-serif !important;
  border: none !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: 0.25s !important;
  box-shadow: 0 2px 12px rgba(55, 48, 163, 0.2) !important;
}
html body button.bp:hover, html body .btn-primary:hover { transform: translateY(-1px) !important; }

/* === Buttons outline (transparent border) === */
html body button.bo, html body .btn-outline, html body [class*="btn-outline"],
html body a.btn-outline {
  background: transparent !important;
  color: #1B1B1B !important;
  border: 1.5px solid #E8E2D9 !important;
  padding: 12px 26px !important;
  border-radius: 14px !important;
  font: 500 14px 'DM Sans', system-ui, sans-serif !important;
}
html body button.bo:hover, html body .btn-outline:hover {
  border-color: #6366F1 !important;
  color: #3730A3 !important;
}

/* === Links indigo === */
html body a:not([class*="btn"]):not([class*="button"]):not(.close-x):not([class*="nav"]):not(header a):not(nav a) {
  color: #3730A3 !important;
  text-decoration: none !important;
}
html body a:hover { color: #6366F1 !important; }

/* === Code blocks === */
html body pre, html body code:not([class*="card"]) {
  background: #f5f1ec !important;
  color: #1B1B1B !important;
  border: 1px solid #E8E2D9 !important;
  border-radius: 10px !important;
  font-family: ui-monospace, 'SF Mono', 'Cascadia Code', monospace !important;
  padding: 12px !important;
}

/* === Kill dark gradients inline === */
html body *[style*="linear-gradient"]:not(button):not(a):not([class*="logo"]):not([class*="badge"]):not(#d466-sticky-cta-bar):not(#d466-sticky-cta-bar *),
html body *[style*="rgba(10"]:not(button):not(a):not([class*="logo"]),
html body *[style*="rgba(14"]:not(button):not(a):not([class*="logo"]),
html body *[style*="rgba(20"]:not(button):not(a):not([class*="logo"]),
html body *[style*="background:#0"]:not(button),
html body *[style*="background-color:#0"]:not(button),
html body *[style*="background:#1"]:not(button),
html body *[style*="background-color:#1"]:not(button) {
  background: #FFFFFF !important;
  background-image: none !important;
  color: #1B1B1B !important;
}

/* === CTA banner stays purple === */
html body #d466-sticky-cta-bar, html body #d466-sticky-cta-bar * {
  color: #FFFFFF !important;
}
html body #d466-sticky-cta-bar {
  background: linear-gradient(90deg, #3730A3, #4F46E5) !important;
}
html body #d466-sticky-cta-bar a.cta-btn {
  color: #3730A3 !important;
  background: #FFFFFF !important;
}

/* === Pills/badges keep accent colors === */
html body [class*="pill"]:not(.cta-btn), html body [class*="badge"], html body [class*="chip"],
html body [class*="tag"]:not(html), html body [class*="status"] {
  color: revert; background-color: revert;
}

/* === Selection === */
html body ::selection { background: rgba(99, 102, 241, 0.15); }

/* === Kill black bands forbidden === */
html body header[style*="background:#0"], html body nav[style*="background:#0"],
html body header[style*="background:black"], html body nav[style*="background:black"] {
  background: rgba(250,248,245,0.92) !important;
  background-color: rgba(250,248,245,0.92) !important;
}

/* === KILL dark theme toggles === */
[data-theme="dark"], .dark, .dark-theme, .theme-dark, .night-mode {
  background: #faf7f5 !important; color: #1B1B1B !important; color-scheme: light !important;
}
button[class*="theme-toggle"], [class*="dark-switch"], [data-toggle="dark"] { display: none !important; }

/* === Pseudo-elements overlays off === */
*::before, *::after { 
  background-image: none !important; 
  filter: none !important; 
  backdrop-filter: none !important; 
}
* { backdrop-filter: none !important; }
html body header, html body nav { backdrop-filter: blur(16px) !important; }
[class*="overlay"]:not(#d466-sticky-cta-bar), [class*="backdrop"]:not(#d466-sticky-cta-bar) {
  background-image: none !important; opacity: 0 !important;
}

/* === Body padding for sticky pill === */
html body { padding-bottom: 80px !important; }

/* === Chat widgets above pill === */
[class*="chat-widget"], [class*="wevia-assistant"], [class*="whatsapp-btn"],
[class*="wevia-avatar"], [class*="wevia-live"], [class*="floating-chat"] {
  bottom: 90px !important;
}