:root{
  --theme-name:"Océan clair";
  --theme-mode:light;
  --theme-bg:#f4f8fb;
  --theme-bg-alt:#eaf5ff;
  --theme-surface:rgba(255,255,255,.82);
  --theme-surface-strong:rgba(234,245,255,.72);
  --theme-menu-bg:linear-gradient(to bottom, rgba(255,255,255,.90) 0%, rgba(230,245,255,.72) 60%, rgba(200,230,255,.50) 100%);
  --theme-border:rgba(94,182,255,.22);
  --theme-text:#1f2d3a;
  --theme-text-soft:#4e5d6c;
  --theme-heading:#123b66;
  --theme-heading-hero:#1e73be;
  --theme-accent:#1e73be;
  --theme-accent-2:#5eb6ff;
  --theme-accent-soft:rgba(30,115,190,.12);
  --theme-accent-contrast:#ffffff;
  --theme-badge:#5eb6ff;
  --theme-primary-grad:linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-2) 100%);
  --theme-secondary-bg:rgba(255,255,255,.70);
  --theme-secondary-text:var(--theme-heading);
  --theme-secondary-border:rgba(94,182,255,.28);
  --theme-shadow:0 18px 45px rgba(18,59,102,0.08);
  --theme-panel-shadow:0 22px 50px rgba(27,64,98,.10), inset 0 1px 0 rgba(255,255,255,.55);
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(94,182,255,.10), transparent 18%),
    radial-gradient(circle at 18% 12%, rgba(30,115,190,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
  --theme-menu-outline:linear-gradient(120deg, rgba(44,120,200,.20), rgba(234,108,26,.18), rgba(45,138,87,.16));
  --theme-nav-hover-bg:var(--theme-accent-soft);
  --theme-nav-hover-border:rgba(94,182,255,.22);
  --theme-home-link-bg:linear-gradient(180deg, rgba(30,115,190,.16), rgba(94,182,255,.10));
  --theme-home-link-text:var(--theme-heading);
  --theme-field-bg:rgba(255,255,255,.78);
  --theme-field-text:var(--theme-text);
  --theme-field-border:rgba(94,182,255,.28);
  --theme-logo-outline:none;
  --theme-card-glow:radial-gradient(circle, rgba(94,182,255,.13), transparent 68%);
}

/* 3 THEMES CLAIRS */
html[data-theme="light-ocean"]{
  --theme-name:"Océan clair";
  --theme-bg:#f4f8fb; --theme-bg-alt:#eaf5ff;
  --theme-surface:rgba(255,255,255,.84); --theme-surface-strong:rgba(234,245,255,.74);
  --theme-border:rgba(94,182,255,.22);
  --theme-text:#223445; --theme-text-soft:#557086;
  --theme-heading:#123b66; --theme-heading-hero:#1e73be;
  --theme-accent:#1e73be; --theme-accent-2:#5eb6ff; --theme-badge:#5eb6ff;
  --theme-shadow:0 18px 45px rgba(18,59,102,0.08);
  --theme-menu-outline:linear-gradient(120deg, rgba(44,120,200,.20), rgba(17,113,208,.15), rgba(94,182,255,.16));
}
html[data-theme="light-sand"]{
  --theme-name:"Sable doré";
  --theme-bg:#fbf7ef; --theme-bg-alt:#f4ead8;
  --theme-surface:rgba(255,250,241,.88); --theme-surface-strong:rgba(247,236,212,.78);
  --theme-menu-bg:linear-gradient(to bottom, rgba(255,250,241,.94) 0%, rgba(248,235,207,.78) 60%, rgba(228,204,158,.55) 100%);
  --theme-border:rgba(203,148,65,.22);
  --theme-text:#403226; --theme-text-soft:#7a644d;
  --theme-heading:#8f4f1b; --theme-heading-hero:#bf6a20;
  --theme-accent:#c77722; --theme-accent-2:#f0bf6f; --theme-badge:#d78a33;
  --theme-primary-grad:linear-gradient(135deg, #c77722 0%, #f0bf6f 100%);
  --theme-secondary-bg:rgba(255,247,233,.78);
  --theme-secondary-text:#8f4f1b;
  --theme-secondary-border:rgba(203,148,65,.26);
  --theme-shadow:0 18px 42px rgba(142,90,26,.10);
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(240,191,111,.14), transparent 18%),
    radial-gradient(circle at 18% 12%, rgba(199,119,34,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,247,233,.04));
  --theme-menu-outline:linear-gradient(120deg, rgba(203,148,65,.24), rgba(240,191,111,.22), rgba(166,109,48,.18));
  --theme-nav-hover-bg:rgba(199,119,34,.10);
  --theme-nav-hover-border:rgba(203,148,65,.24);
  --theme-home-link-bg:linear-gradient(180deg, rgba(240,191,111,.22), rgba(199,119,34,.10));
  --theme-home-link-text:#7a451a;
  --theme-field-bg:rgba(255,249,239,.84);
  --theme-field-border:rgba(203,148,65,.26);
  --theme-card-glow:radial-gradient(circle, rgba(240,191,111,.12), transparent 68%);
}
html[data-theme="light-rose"]{
  --theme-name:"Rose cuivre";
  --theme-bg:#faf5f7; --theme-bg-alt:#f5e8ee;
  --theme-surface:rgba(255,250,252,.88); --theme-surface-strong:rgba(246,231,238,.78);
  --theme-menu-bg:linear-gradient(to bottom, rgba(255,250,252,.95) 0%, rgba(245,229,236,.78) 60%, rgba(223,193,205,.58) 100%);
  --theme-border:rgba(187,112,143,.22);
  --theme-text:#3d2a33; --theme-text-soft:#755a68;
  --theme-heading:#8b3d62; --theme-heading-hero:#ba5b86;
  --theme-accent:#c85b86; --theme-accent-2:#f0a6c0; --theme-badge:#c96b93;
  --theme-primary-grad:linear-gradient(135deg, #c85b86 0%, #f0a6c0 100%);
  --theme-secondary-bg:rgba(255,246,250,.78);
  --theme-secondary-text:#8b3d62;
  --theme-secondary-border:rgba(187,112,143,.24);
  --theme-shadow:0 18px 44px rgba(139,61,98,.10);
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(240,166,192,.14), transparent 18%),
    radial-gradient(circle at 18% 12%, rgba(200,91,134,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(250,245,247,.04));
  --theme-menu-outline:linear-gradient(120deg, rgba(200,91,134,.24), rgba(240,166,192,.22), rgba(144,67,102,.18));
  --theme-nav-hover-bg:rgba(200,91,134,.10);
  --theme-nav-hover-border:rgba(187,112,143,.24);
  --theme-home-link-bg:linear-gradient(180deg, rgba(240,166,192,.24), rgba(200,91,134,.10));
  --theme-home-link-text:#7f3558;
  --theme-field-bg:rgba(255,247,250,.84);
  --theme-field-border:rgba(187,112,143,.25);
  --theme-card-glow:radial-gradient(circle, rgba(240,166,192,.12), transparent 68%);
}

/* 3 THEMES SOMBRES */
html[data-theme="dark-ocean"]{
  --theme-name:"Océan nuit";
  --theme-bg:#071a2a; --theme-bg-alt:#0c2740;
  --theme-surface:rgba(12,31,48,.94); --theme-surface-strong:rgba(17,44,68,.88);
  --theme-menu-bg:linear-gradient(180deg, rgba(11,29,45,.88), rgba(10,25,39,.84));
  --theme-border:rgba(76,160,255,.18);
  --theme-text:#eef7ff; --theme-text-soft:#b7cae0;
  --theme-heading:#eef7ff; --theme-heading-hero:#eff7ff;
  --theme-accent:#5eb6ff; --theme-accent-2:#8fd0ff; --theme-badge:#9cd7ff;
  --theme-primary-grad:linear-gradient(135deg, #4da1ea 0%, #90d4ff 100%);
  --theme-secondary-bg:rgba(8,30,47,.72);
  --theme-secondary-text:#9cd7ff;
  --theme-secondary-border:rgba(94,182,255,.34);
  --theme-shadow:0 26px 54px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
  --theme-panel-shadow:0 22px 50px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04);
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(94,182,255,.12), transparent 18%),
    radial-gradient(circle at 18% 12%, rgba(35,114,196,.20), transparent 24%),
    linear-gradient(180deg, rgba(5,16,28,.70), rgba(5,16,28,.45));
  --theme-menu-outline:linear-gradient(120deg, rgba(59,149,255,.20), rgba(107,196,255,.18), rgba(196,233,255,.10));
  --theme-nav-hover-bg:rgba(94,182,255,.12);
  --theme-nav-hover-border:rgba(94,182,255,.22);
  --theme-home-link-bg:linear-gradient(180deg, rgba(94,182,255,.20), rgba(94,182,255,.10));
  --theme-home-link-text:#eff9ff;
  --theme-field-bg:rgba(17,44,68,.88);
  --theme-field-text:#eef7ff;
  --theme-field-border:rgba(94,182,255,.16);
  --theme-logo-outline:
    drop-shadow(1px 0 0 rgba(255,255,255,.96))
    drop-shadow(-1px 0 0 rgba(255,255,255,.96))
    drop-shadow(0 1px 0 rgba(255,255,255,.96))
    drop-shadow(0 -1px 0 rgba(255,255,255,.96))
    drop-shadow(1px 1px 0 rgba(255,255,255,.65))
    drop-shadow(-1px 1px 0 rgba(255,255,255,.65))
    drop-shadow(1px -1px 0 rgba(255,255,255,.65))
    drop-shadow(-1px -1px 0 rgba(255,255,255,.65));
  --theme-card-glow:radial-gradient(circle, rgba(94,182,255,.13), transparent 68%);
}
html[data-theme="dark-violet"]{
  --theme-name:"Violet néon";
  --theme-bg:#170f28; --theme-bg-alt:#261441;
  --theme-surface:rgba(29,19,49,.94); --theme-surface-strong:rgba(40,25,68,.90);
  --theme-menu-bg:linear-gradient(180deg, rgba(30,18,50,.90), rgba(22,14,40,.84));
  --theme-border:rgba(177,115,255,.20);
  --theme-text:#f6f2ff; --theme-text-soft:#d0c1f0;
  --theme-heading:#faf7ff; --theme-heading-hero:#faf7ff;
  --theme-accent:#b173ff; --theme-accent-2:#f087ff; --theme-badge:#d9abff;
  --theme-primary-grad:linear-gradient(135deg, #8f5cff 0%, #f087ff 100%);
  --theme-secondary-bg:rgba(31,20,49,.78);
  --theme-secondary-text:#efbbff;
  --theme-secondary-border:rgba(177,115,255,.32);
  --theme-shadow:0 26px 54px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03);
  --theme-panel-shadow:0 22px 50px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(240,135,255,.14), transparent 18%),
    radial-gradient(circle at 18% 12%, rgba(177,115,255,.20), transparent 24%),
    linear-gradient(180deg, rgba(17,9,30,.72), rgba(17,9,30,.44));
  --theme-menu-outline:linear-gradient(120deg, rgba(177,115,255,.24), rgba(240,135,255,.18), rgba(255,255,255,.08));
  --theme-nav-hover-bg:rgba(177,115,255,.12);
  --theme-nav-hover-border:rgba(177,115,255,.24);
  --theme-home-link-bg:linear-gradient(180deg, rgba(240,135,255,.20), rgba(177,115,255,.10));
  --theme-home-link-text:#fff2ff;
  --theme-field-bg:rgba(40,25,68,.88);
  --theme-field-text:#f6f2ff;
  --theme-field-border:rgba(177,115,255,.18);
  --theme-logo-outline:
    drop-shadow(1px 0 0 rgba(255,255,255,.96))
    drop-shadow(-1px 0 0 rgba(255,255,255,.96))
    drop-shadow(0 1px 0 rgba(255,255,255,.96))
    drop-shadow(0 -1px 0 rgba(255,255,255,.96))
    drop-shadow(1px 1px 0 rgba(255,255,255,.62))
    drop-shadow(-1px 1px 0 rgba(255,255,255,.62));
  --theme-card-glow:radial-gradient(circle, rgba(240,135,255,.13), transparent 68%);
}
html[data-theme="dark-emerald"]{
  --theme-name:"Émeraude nuit";
  --theme-bg:#081b18; --theme-bg-alt:#12302a;
  --theme-surface:rgba(10,35,30,.94); --theme-surface-strong:rgba(18,52,44,.90);
  --theme-menu-bg:linear-gradient(180deg, rgba(8,31,27,.90), rgba(8,24,21,.84));
  --theme-border:rgba(97,231,192,.18);
  --theme-text:#effff9; --theme-text-soft:#b9dbd1;
  --theme-heading:#f4fff9; --theme-heading-hero:#f4fff9;
  --theme-accent:#61e7c0; --theme-accent-2:#b4f59b; --theme-badge:#93f0d7;
  --theme-primary-grad:linear-gradient(135deg, #37c89f 0%, #b4f59b 100%);
  --theme-secondary-bg:rgba(8,32,27,.76);
  --theme-secondary-text:#93f0d7;
  --theme-secondary-border:rgba(97,231,192,.28);
  --theme-shadow:0 26px 54px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03);
  --theme-panel-shadow:0 22px 50px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04);
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(180,245,155,.12), transparent 18%),
    radial-gradient(circle at 18% 12%, rgba(97,231,192,.18), transparent 24%),
    linear-gradient(180deg, rgba(3,17,14,.70), rgba(3,17,14,.45));
  --theme-menu-outline:linear-gradient(120deg, rgba(97,231,192,.22), rgba(180,245,155,.18), rgba(255,255,255,.08));
  --theme-nav-hover-bg:rgba(97,231,192,.12);
  --theme-nav-hover-border:rgba(97,231,192,.24);
  --theme-home-link-bg:linear-gradient(180deg, rgba(180,245,155,.22), rgba(97,231,192,.10));
  --theme-home-link-text:#f1ffdb;
  --theme-field-bg:rgba(18,52,44,.88);
  --theme-field-text:#effff9;
  --theme-field-border:rgba(97,231,192,.16);
  --theme-logo-outline:
    drop-shadow(1px 0 0 rgba(255,255,255,.96))
    drop-shadow(-1px 0 0 rgba(255,255,255,.96))
    drop-shadow(0 1px 0 rgba(255,255,255,.96))
    drop-shadow(0 -1px 0 rgba(255,255,255,.96))
    drop-shadow(1px 1px 0 rgba(255,255,255,.60))
    drop-shadow(-1px -1px 0 rgba(255,255,255,.60));
  --theme-card-glow:radial-gradient(circle, rgba(97,231,192,.13), transparent 68%);
}

html[data-theme-mode="dark"], html[data-theme-mode="dark"] body{
  color-scheme:dark;
}

body{
  transition:background-color .25s ease,color .25s ease;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:1;
  transition:opacity .25s ease, background .25s ease;
  background:var(--theme-body-overlay);
  z-index:-1;
}

.theme-select-shell{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:96px;
  justify-content:center;
  padding:10px 34px 10px 14px;
  border-radius:999px;
  border:1px solid var(--theme-secondary-border);
  background:var(--theme-secondary-bg);
  box-shadow:0 12px 28px rgba(27,64,98,.10), inset 0 1px 0 rgba(255,255,255,.24);
  color:var(--theme-secondary-text);
  overflow:hidden;
}
.theme-select-label{
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--theme-secondary-text);
  line-height:1;
  white-space:nowrap;
}
.theme-select-caret{
  position:absolute;
  right:14px;
  top:50%;
  width:10px;
  height:10px;
  transform:translateY(-40%);
  pointer-events:none;
}
.theme-select-caret::before,
.theme-select-caret::after{
  content:"";
  position:absolute;
  top:3px;
  width:6px;
  height:2px;
  background:currentColor;
  border-radius:2px;
}
.theme-select-caret::before{
  left:0;
  transform:rotate(45deg);
}
.theme-select-caret::after{
  right:0;
  transform:rotate(-45deg);
}
.theme-select{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  appearance:none;
  opacity:0;
  cursor:pointer;
  border:none;
  background:transparent;
  color:transparent;
  min-width:0;
}
.theme-select:focus{
  outline:none;
  border-color:var(--theme-accent);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-accent) 18%, transparent);
}
#site-menu .desktop-actions,#site-menu .mobile-actions{display:flex;align-items:center;gap:10px;}
#site-menu .desktop-actions{margin-left:10px;}
#site-menu .mobile-actions{margin-top:14px;justify-content:stretch;}
#site-menu .mobile-actions .theme-select-shell{width:100%;justify-content:space-between;}
#site-menu .mobile-actions .theme-select{width:100%;min-width:0;}
@media (max-width:1180px){#site-menu .desktop-actions{display:none!important;}}

.sticky-audit,
.cta-link.primary,
.btn-primary{
  background:var(--theme-primary-grad)!important;
  color:var(--theme-accent-contrast)!important;
  box-shadow:0 16px 36px color-mix(in srgb, var(--theme-accent) 24%, transparent)!important;
}
.cta-link,
.btn-secondary{
  background:var(--theme-secondary-bg)!important;
  color:var(--theme-secondary-text)!important;
  border:1px solid var(--theme-secondary-border)!important;
  box-shadow:none!important;
}
.cta-link:hover,
.btn-secondary:hover{
  background:color-mix(in srgb, var(--theme-secondary-bg) 80%, var(--theme-accent) 20%)!important;
  color:var(--theme-heading)!important;
}

h1,
h2,
h3,
.hero h1,
.brand-copy strong,
.section-impact .text-panel h2,
.section-impact h2{
  color:var(--theme-heading)!important;
}
.hero h1{
  color:var(--theme-heading-hero)!important;
}
p,
li,
small,
.brand-copy span,
.hero-subtitle,
.hero-float,
.kicker,
.contact-small-title,
label,
.mobile-kicker{
  color:var(--theme-text-soft)!important;
}
body,
input,
select,
textarea{
  color:var(--theme-text)!important;
}

#site-menu.topbar.site-menu-premium{
  background:var(--theme-menu-bg)!important;
  border:1px solid var(--theme-border)!important;
  box-shadow:var(--theme-panel-shadow)!important;
}
#site-menu.topbar.site-menu-premium::before{
  background:var(--theme-menu-outline)!important;
}
#site-menu .desktop-nav a,
#site-menu .mobile-nav a{
  color:var(--theme-text-soft)!important;
}
#site-menu .desktop-nav a:hover,
#site-menu .desktop-nav a.active,
#site-menu .mobile-nav a:hover,
#site-menu .mobile-nav a.active{
  background:var(--theme-nav-hover-bg)!important;
  border-color:var(--theme-nav-hover-border)!important;
  color:var(--theme-accent)!important;
  box-shadow:none!important;
}
#site-menu .desktop-nav a.home-link,
#site-menu .mobile-nav a.home-link{
  background:var(--theme-home-link-bg)!important;
  border-color:var(--theme-nav-hover-border)!important;
  color:var(--theme-home-link-text)!important;
}
html[data-theme-mode="dark"] #site-menu .mobile-panel .mobile-shell{
  background:linear-gradient(180deg, color-mix(in srgb, var(--theme-bg) 78%, black 22%), color-mix(in srgb, var(--theme-bg-alt) 72%, black 28%))!important;
  border-color:var(--theme-border)!important;
}
#site-menu .menu-toggle{
  background:var(--theme-secondary-bg)!important;
  color:var(--theme-secondary-text)!important;
  border-color:var(--theme-secondary-border)!important;
  box-shadow:0 18px 34px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.site-header,
.topbar-banner,
.hero-card,
.hero-card-home,
.section-card,
.panel,
.content-panel,
.tile-card,
.card,
.tile,
.metric-card,
.chart-card,
.contact-card,
.gallery-viewport,
.summary-dashboard,
.impact-card,
.business-board,
.showcase,
.mini-card,
.footer-cta-card,
.seo-local-block > div,
.blue-dashboard,
.lora-stage,
.summary-visual,
.dashboard-shell,
.photo-layout,
.photo-stage,
.contact-form,
.form-grid,
.media-panel,
.text-panel{
  background:linear-gradient(180deg, var(--theme-surface), var(--theme-surface-strong))!important;
  border-color:var(--theme-border)!important;
  box-shadow:var(--theme-shadow)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.hero-card-home,
.section-card,
.summary-visual,
.showcase{
  position:relative;
  overflow:hidden;
}
.hero-card-home::before,
.section-card::before,
.showcase::before{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width:240px;
  height:240px;
  border-radius:50%;
  background:var(--theme-card-glow);
  filter:blur(8px);
  pointer-events:none;
}
.metric-card,
.impact-card,
.summary-grid div,
.summary-dashboard,
.bb-metrics > div,
.bb-footer > div,
.mini-card,
.field,
input,
select,
textarea,
.upload{
  background:var(--theme-field-bg)!important;
  color:var(--theme-field-text)!important;
  border-color:var(--theme-field-border)!important;
}
input::placeholder,
textarea::placeholder{
  color:color-mix(in srgb, var(--theme-text-soft) 82%, transparent)!important;
}

.hero-subtitle,
.section-subtitle,
.subtitle,
.tagline,
.text-accroche,
.intro-text,
.banner-center p,
.brand-copy span,
.tile-card p:first-of-type,
.hero-float,
.contact-small-title,
.section-impact .text-panel h2,
.section-impact h2{
  color:var(--theme-badge)!important;
}

.tile-card p,
.metric-card span,
.impact-card span,
.sum-top span,
.bb-metrics small,
.section-card p,
.text-panel p,
.card p,
.tile p{
  color:var(--theme-text)!important;
}

html[data-theme-mode="dark"] #site-menu .logo-animated .logo-base,
html[data-theme-mode="dark"] .site-header .logo-animated .logo-base{
  filter:var(--theme-logo-outline);
}
html[data-theme-mode="dark"] #site-menu .logo-animated,
html[data-theme-mode="dark"] .site-header .logo-animated{
  isolation:isolate;
}



/* Correctifs demandés: lisibilité dark + menu même fond que tuiles */
html[data-theme^="dark-"]{
  --theme-menu-bg:linear-gradient(180deg, var(--theme-surface) 0%, var(--theme-surface-strong) 100%);
}

html[data-theme^="dark-"] #site-menu.topbar.site-menu-premium,
html[data-theme^="dark-"] #site-menu .mobile-panel .mobile-shell{
  background:linear-gradient(180deg, var(--theme-surface) 0%, var(--theme-surface-strong) 100%) !important;
  border-color:var(--theme-border)!important;
}

html[data-theme^="dark-"] .bullets li,
html[data-theme^="dark-"] .mini-card,
html[data-theme^="dark-"] .sum-pill,
html[data-theme^="dark-"] .summary-dashboard,
html[data-theme^="dark-"] .showcase .mini-card,
html[data-theme^="dark-"] .impact-card .mini-card{
  background:linear-gradient(180deg, color-mix(in srgb, var(--theme-bg-alt) 82%, white 18%) 0%, color-mix(in srgb, var(--theme-bg) 88%, black 12%) 100%) !important;
  border:1px solid color-mix(in srgb, var(--theme-accent) 34%, white 8%) !important;
  box-shadow:0 18px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html[data-theme^="dark-"] .bullets li,
html[data-theme^="dark-"] .bullets li *,
html[data-theme^="dark-"] .mini-card,
html[data-theme^="dark-"] .mini-card *,
html[data-theme^="dark-"] .summary-dashboard,
html[data-theme^="dark-"] .summary-dashboard *,
html[data-theme^="dark-"] .sum-top span,
html[data-theme^="dark-"] .sum-top strong,
html[data-theme^="dark-"] .sum-pill,
html[data-theme^="dark-"] .section-impact .text-panel h2,
html[data-theme^="dark-"] .section-impact h2{
  color:#f4f9ff !important;
}

html[data-theme^="dark-"] .bullets li{
  font-weight:700 !important;
}

html[data-theme^="dark-"] .brand-copy span{
  color:var(--theme-text-soft)!important;
}



/* Passe visuelle 6 thèmes + correction fond dark explicite */
:root{
  --theme-panel-shadow: var(--theme-shadow);
  --theme-accent-contrast:#082035;
}

/* Harmonisation générale */
.hero-card-home::before,
.section-card::before,
.showcase::before,
.summary-visual::before{
  opacity:.78 !important;
}
.theme-select-shell{
  min-width:90px !important;
  padding:9px 32px 9px 14px !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
#site-menu .desktop-nav a,
#site-menu .mobile-nav a{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.site-header,
.topbar-banner,
.hero-card,
.hero-card-home,
.section-card,
.panel,
.content-panel,
.tile-card,
.card,
.tile,
.metric-card,
.chart-card,
.contact-card,
.gallery-viewport,
.summary-dashboard,
.impact-card,
.business-board,
.showcase,
.mini-card,
.footer-cta-card,
.seo-local-block > div,
.blue-dashboard,
.lora-stage,
.summary-visual,
.dashboard-shell,
.photo-layout,
.photo-stage,
.contact-form,
.form-grid,
.media-panel,
.text-panel{
  border-width:1px !important;
}

/* thèmes clairs plus différenciés */
html[data-theme="light-ocean"]{
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(94,182,255,.15), transparent 18%),
    radial-gradient(circle at 16% 14%, rgba(30,115,190,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(234,245,255,.04));
}
html[data-theme="light-sand"]{
  --theme-shadow:0 18px 42px rgba(142,90,26,.12);
}
html[data-theme="light-rose"]{
  --theme-shadow:0 18px 44px rgba(139,61,98,.12);
}

/* thèmes sombres : tuiles plus lisibles, fond dark forcé visuellement */
html[data-theme^="dark-"]{
  --theme-menu-bg:linear-gradient(180deg, var(--theme-surface) 0%, var(--theme-surface-strong) 100%);
  --theme-panel-shadow:0 24px 56px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
}
html[data-theme^="dark-"] body::after{
  opacity:1 !important;
  background:
    radial-gradient(circle at 78% 24%, color-mix(in srgb, var(--theme-accent) 18%, transparent), transparent 18%),
    radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--theme-accent-2) 15%, transparent), transparent 24%),
    linear-gradient(180deg, rgba(4,11,19,.52), rgba(4,11,19,.28)) !important;
}
html[data-theme^="dark-"] .hero-card,
html[data-theme^="dark-"] .hero-card-home,
html[data-theme^="dark-"] .section-card,
html[data-theme^="dark-"] .tile-card,
html[data-theme^="dark-"] .card,
html[data-theme^="dark-"] .tile,
html[data-theme^="dark-"] .metric-card,
html[data-theme^="dark-"] .chart-card,
html[data-theme^="dark-"] .summary-dashboard,
html[data-theme^="dark-"] .impact-card,
html[data-theme^="dark-"] .mini-card,
html[data-theme^="dark-"] .text-panel,
html[data-theme^="dark-"] .media-panel{
  box-shadow:var(--theme-panel-shadow)!important;
}
html[data-theme^="dark-"] .hero-subtitle,
html[data-theme^="dark-"] .section-subtitle,
html[data-theme^="dark-"] .subtitle,
html[data-theme^="dark-"] .tagline,
html[data-theme^="dark-"] .text-accroche,
html[data-theme^="dark-"] .intro-text,
html[data-theme^="dark-"] .banner-center p,
html[data-theme^="dark-"] .brand-copy span,
html[data-theme^="dark-"] .tile-card p:first-of-type,
html[data-theme^="dark-"] .hero-float,
html[data-theme^="dark-"] .contact-small-title,
html[data-theme^="dark-"] .section-impact .text-panel h2,
html[data-theme^="dark-"] .section-impact h2,
html[data-theme^="dark-"] .sum-top span,
html[data-theme^="dark-"] .mini-card small,
html[data-theme^="dark-"] .metric-card span{
  color:#eaf5ff !important;
}
html[data-theme^="dark-"] .tile-card p,
html[data-theme^="dark-"] .section-card p,
html[data-theme^="dark-"] .text-panel p,
html[data-theme^="dark-"] .card p,
html[data-theme^="dark-"] .tile p,
html[data-theme^="dark-"] .bullets li,
html[data-theme^="dark-"] .bullets li *,
html[data-theme^="dark-"] .summary-dashboard *,
html[data-theme^="dark-"] .mini-card *{
  color:#f6fbff !important;
}
html[data-theme^="dark-"] #site-menu.topbar.site-menu-premium,
html[data-theme^="dark-"] #site-menu .mobile-panel .mobile-shell{
  background:linear-gradient(180deg, var(--theme-surface) 0%, var(--theme-surface-strong) 100%) !important;
  box-shadow:var(--theme-panel-shadow)!important;
}
html[data-theme^="dark-"] #site-menu .logo-animated .logo-base{
  filter:var(--theme-logo-outline) !important;
}

/* signatures visuelles propres à chaque dark */
html[data-theme="dark-ocean"]{
  --theme-surface:rgba(11,31,49,.94);
  --theme-surface-strong:rgba(18,50,79,.90);
}
html[data-theme="dark-violet"]{
  --theme-surface:rgba(32,18,54,.94);
  --theme-surface-strong:rgba(49,26,84,.90);
}
html[data-theme="dark-emerald"]{
  --theme-surface:rgba(10,36,31,.94);
  --theme-surface-strong:rgba(15,57,48,.90);
}


/* ===== Passe visuelle cohérente v6 ===== */
:root{
  --theme-radius-xl:24px;
  --theme-radius-lg:18px;
  --theme-radius-md:14px;
}

/* cohérence globale : tuiles, panneaux, menu */
#site-menu.topbar.site-menu-premium,
#site-menu .mobile-panel .mobile-shell,
.hero-card,
.hero-card-home,
.section-card,
.panel,
.content-panel,
.tile-card,
.card,
.tile,
.metric-card,
.chart-card,
.contact-card,
.gallery-viewport,
.summary-dashboard,
.impact-card,
.business-board,
.showcase,
.mini-card,
.footer-cta-card,
.seo-local-block > div,
.blue-dashboard,
.lora-stage,
.summary-visual,
.dashboard-shell,
.photo-layout,
.photo-stage,
.contact-form,
.form-grid,
.media-panel,
.text-panel{
  border-radius:var(--theme-radius-xl)!important;
  position:relative;
}

#site-menu.topbar.site-menu-premium,
#site-menu .mobile-panel .mobile-shell,
.hero-card,
.hero-card-home,
.section-card,
.panel,
.content-panel,
.tile-card,
.card,
.tile,
.metric-card,
.chart-card,
.contact-card,
.gallery-viewport,
.summary-dashboard,
.impact-card,
.business-board,
.showcase,
.mini-card,
.footer-cta-card,
.seo-local-block > div,
.blue-dashboard,
.lora-stage,
.summary-visual,
.dashboard-shell,
.photo-layout,
.photo-stage,
.contact-form,
.form-grid,
.media-panel,
.text-panel{
  box-shadow:
    var(--theme-panel-shadow),
    inset 0 1px 0 rgba(255,255,255,.16)!important;
}

#site-menu .desktop-nav a,
#site-menu .mobile-nav a,
.theme-select-shell,
.theme-toggle,
.cta-link,
.btn-secondary,
.btn-primary,
.sticky-audit{
  border-radius:999px!important;
}

.metric-card,
.impact-card,
.summary-grid div,
.summary-dashboard,
.bb-metrics > div,
.bb-footer > div,
.mini-card,
.field,
input,
select,
textarea,
.upload{
  border-radius:var(--theme-radius-lg)!important;
}

/* meilleur rythme visuel */
.hero-card-home,
.section-card,
.summary-visual,
.showcase,
.business-board{
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

.hero-card-home::after,
.section-card::after,
.showcase::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg, rgba(255,255,255,.10), transparent 26%, transparent 74%, rgba(255,255,255,.04));
  mix-blend-mode:screen;
}

.theme-select-shell{
  border-width:1px!important;
  box-shadow:
    0 14px 30px rgba(10,25,40,.10),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
}

#site-menu .desktop-nav a,
#site-menu .mobile-nav a{
  border:1px solid transparent!important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease!important;
}
#site-menu .desktop-nav a:hover,
#site-menu .mobile-nav a:hover{
  transform:translateY(-1px);
}

.cta-link.primary,
.btn-primary,
.sticky-audit{
  letter-spacing:.01em!important;
}
.cta-link,
.btn-secondary{
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

/* Light themes: panels a bit cleaner and more premium */
html[data-theme^="light-"]{
  --theme-surface:color-mix(in srgb, white 84%, var(--theme-bg-alt) 16%);
  --theme-surface-strong:color-mix(in srgb, white 60%, var(--theme-bg-alt) 40%);
  --theme-panel-shadow:0 22px 48px color-mix(in srgb, var(--theme-accent) 10%, rgba(18,59,102,.08));
}

html[data-theme="light-ocean"]{
  --theme-menu-outline:linear-gradient(120deg, rgba(44,120,200,.22), rgba(94,182,255,.18), rgba(255,255,255,.18));
}
html[data-theme="light-sand"]{
  --theme-menu-outline:linear-gradient(120deg, rgba(203,148,65,.24), rgba(240,191,111,.18), rgba(255,255,255,.16));
}
html[data-theme="light-rose"]{
  --theme-menu-outline:linear-gradient(120deg, rgba(200,91,134,.24), rgba(240,166,192,.18), rgba(255,255,255,.16));
}

/* Dark themes: stronger contrast, richer surfaces, background dark preserved */
html[data-theme^="dark-"]{
  --theme-panel-shadow:0 26px 60px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05);
  --theme-text:#f5fbff;
  --theme-text-soft:#d7e5f2;
  --theme-heading:#ffffff;
  --theme-heading-hero:#ffffff;
}

html[data-theme^="dark-"] body::after{
  background:
    radial-gradient(circle at 78% 24%, color-mix(in srgb, var(--theme-accent) 14%, transparent), transparent 18%),
    radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--theme-accent-2) 10%, transparent), transparent 24%),
    linear-gradient(180deg, rgba(3,8,15,.56), rgba(3,8,15,.30)) !important;
}

html[data-theme^="dark-"] #site-menu.topbar.site-menu-premium,
html[data-theme^="dark-"] #site-menu .mobile-panel .mobile-shell,
html[data-theme^="dark-"] .hero-card,
html[data-theme^="dark-"] .hero-card-home,
html[data-theme^="dark-"] .section-card,
html[data-theme^="dark-"] .tile-card,
html[data-theme^="dark-"] .card,
html[data-theme^="dark-"] .tile,
html[data-theme^="dark-"] .metric-card,
html[data-theme^="dark-"] .chart-card,
html[data-theme^="dark-"] .summary-dashboard,
html[data-theme^="dark-"] .impact-card,
html[data-theme^="dark-"] .mini-card,
html[data-theme^="dark-"] .text-panel,
html[data-theme^="dark-"] .media-panel,
html[data-theme^="dark-"] .business-board,
html[data-theme^="dark-"] .showcase{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-surface) 94%, white 6%), color-mix(in srgb, var(--theme-surface-strong) 94%, black 6%))!important;
}

html[data-theme^="dark-"] .metric-card,
html[data-theme^="dark-"] .impact-card,
html[data-theme^="dark-"] .summary-grid div,
html[data-theme^="dark-"] .summary-dashboard,
html[data-theme^="dark-"] .bb-metrics > div,
html[data-theme^="dark-"] .bb-footer > div,
html[data-theme^="dark-"] .mini-card,
html[data-theme^="dark-"] .field,
html[data-theme^="dark-"] input,
html[data-theme^="dark-"] select,
html[data-theme^="dark-"] textarea,
html[data-theme^="dark-"] .upload{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-field-bg) 90%, white 10%), color-mix(in srgb, var(--theme-field-bg) 92%, black 8%))!important;
  box-shadow:
    0 16px 32px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}

html[data-theme^="dark-"] .hero-subtitle,
html[data-theme^="dark-"] .section-subtitle,
html[data-theme^="dark-"] .subtitle,
html[data-theme^="dark-"] .tagline,
html[data-theme^="dark-"] .text-accroche,
html[data-theme^="dark-"] .intro-text,
html[data-theme^="dark-"] .banner-center p,
html[data-theme^="dark-"] .brand-copy span,
html[data-theme^="dark-"] .tile-card p:first-of-type,
html[data-theme^="dark-"] .hero-float,
html[data-theme^="dark-"] .contact-small-title,
html[data-theme^="dark-"] .section-impact .text-panel h2,
html[data-theme^="dark-"] .section-impact h2{
  color:color-mix(in srgb, var(--theme-accent-2) 34%, white 66%)!important;
}

html[data-theme="dark-ocean"]{
  --theme-surface:rgba(10,34,56,.95);
  --theme-surface-strong:rgba(15,49,79,.91);
  --theme-field-bg:rgba(18,52,82,.92);
}
html[data-theme="dark-violet"]{
  --theme-surface:rgba(35,20,61,.95);
  --theme-surface-strong:rgba(55,29,92,.91);
  --theme-field-bg:rgba(48,27,82,.92);
}
html[data-theme="dark-emerald"]{
  --theme-surface:rgba(8,38,32,.95);
  --theme-surface-strong:rgba(14,59,49,.91);
  --theme-field-bg:rgba(18,56,47,.92);
}

/* logo remains sharp in dark themes */
html[data-theme^="dark-"] #site-menu .logo-animated .logo-base{
  filter:var(--theme-logo-outline)!important;
}


/* ===== Lisibilité simulateur en thèmes sombres v9 ===== */
html[data-theme^="dark-"] .sim-card,
html[data-theme^="dark-"] .sim-card *{
  color: var(--theme-text) !important;
}

html[data-theme^="dark-"] .sim-card p,
html[data-theme^="dark-"] .sim-card small,
html[data-theme^="dark-"] .sim-results span{
  color: var(--theme-text-soft) !important;
}

html[data-theme^="dark-"] .sim-grid label,
html[data-theme^="dark-"] .sim-grid label span,
html[data-theme^="dark-"] .sim-card .sim-grid label span{
  color: #f7fbff !important;
  opacity: 1 !important;
}

html[data-theme^="dark-"] .sim-grid strong,
html[data-theme^="dark-"] .sim-card .sim-grid strong,
html[data-theme^="dark-"] #annualSpendValue,
html[data-theme^="dark-"] #optimizationRateValue{
  color: color-mix(in srgb, var(--theme-accent) 38%, white 62%) !important;
  font-weight: 800 !important;
}

html[data-theme^="dark-"] .sim-results strong,
html[data-theme^="dark-"] #savingValue,
html[data-theme^="dark-"] #saving5yValue,
html[data-theme^="dark-"] #roiValue{
  color: #ffffff !important;
}

html[data-theme^="dark-"] .sim-grid input[type="range"]{
  accent-color: var(--theme-accent) !important;
}


/* ===== Lisibilité paragraphe simulateur en thèmes sombres v10 ===== */
html[data-theme^="dark-"] .sim-card > p,
html[data-theme^="dark-"] .sim-card p,
html[data-theme^="dark-"] .section-card .sim-card p,
html[data-theme^="dark-"] .panel .sim-card p{
  color: #eaf4ff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.12) !important;
}

html[data-theme^="dark-"] .sim-card h3 + p{
  color: #eaf4ff !important;
}

html[data-theme^="dark-"] .sim-card small{
  color: #d7e5f2 !important;
}



/* ===== 4 thèmes supplémentaires issus de la planche ===== */

html[data-theme="light-12"]{
  --theme-name:"Ambre atelier";
  --theme-bg:#f8f2e8; --theme-bg-alt:#efdfc7;
  --theme-surface:rgba(255,249,240,.90); --theme-surface-strong:rgba(244,231,209,.82);
  --theme-menu-bg:linear-gradient(to bottom, rgba(255,249,240,.96) 0%, rgba(242,229,205,.84) 60%, rgba(213,186,145,.60) 100%);
  --theme-border:rgba(176,122,64,.24);
  --theme-text:#463426; --theme-text-soft:#7a624d;
  --theme-heading:#90521d; --theme-heading-hero:#b4712d;
  --theme-accent:#c58a42; --theme-accent-2:#e0c07f; --theme-badge:#cb934c;
  --theme-primary-grad:linear-gradient(135deg, #c58a42 0%, #e0c07f 100%);
  --theme-secondary-bg:rgba(255,248,237,.78);
  --theme-secondary-text:#84511f;
  --theme-secondary-border:rgba(176,122,64,.24);
  --theme-shadow:0 18px 44px rgba(145,94,39,.11);
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(224,192,127,.16), transparent 18%),
    radial-gradient(circle at 18% 12%, rgba(197,138,66,.11), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(248,242,232,.05));
  --theme-menu-outline:linear-gradient(120deg, rgba(197,138,66,.24), rgba(224,192,127,.22), rgba(171,120,67,.18));
  --theme-nav-hover-bg:rgba(197,138,66,.10);
  --theme-nav-hover-border:rgba(176,122,64,.22);
  --theme-home-link-bg:linear-gradient(180deg, rgba(224,192,127,.26), rgba(197,138,66,.09));
  --theme-home-link-text:#7b4b1f;
  --theme-field-bg:rgba(255,250,242,.85);
  --theme-field-border:rgba(176,122,64,.25);
  --theme-card-glow:radial-gradient(circle, rgba(224,192,127,.13), transparent 68%);
}
html[data-theme="light-17"]{
  --theme-name:"Ciel polaire";
  --theme-bg:#edf8fd; --theme-bg-alt:#d7eef8;
  --theme-surface:rgba(246,252,255,.90); --theme-surface-strong:rgba(222,242,250,.82);
  --theme-menu-bg:linear-gradient(to bottom, rgba(247,253,255,.96) 0%, rgba(226,244,251,.84) 60%, rgba(188,226,242,.60) 100%);
  --theme-border:rgba(80,169,210,.22);
  --theme-text:#224255; --theme-text-soft:#5a7b8e;
  --theme-heading:#1f6f97; --theme-heading-hero:#27a0d8;
  --theme-accent:#30b3e6; --theme-accent-2:#89d9f7; --theme-badge:#57c6ef;
  --theme-primary-grad:linear-gradient(135deg, #30b3e6 0%, #89d9f7 100%);
  --theme-secondary-bg:rgba(245,252,255,.78);
  --theme-secondary-text:#1f6f97;
  --theme-secondary-border:rgba(80,169,210,.22);
  --theme-shadow:0 18px 44px rgba(40,125,161,.10);
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(137,217,247,.16), transparent 18%),
    radial-gradient(circle at 18% 12%, rgba(48,179,230,.11), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(237,248,253,.05));
  --theme-menu-outline:linear-gradient(120deg, rgba(48,179,230,.22), rgba(137,217,247,.20), rgba(110,201,239,.18));
  --theme-nav-hover-bg:rgba(48,179,230,.10);
  --theme-nav-hover-border:rgba(80,169,210,.20);
  --theme-home-link-bg:linear-gradient(180deg, rgba(137,217,247,.24), rgba(48,179,230,.08));
  --theme-home-link-text:#1b7ca7;
  --theme-field-bg:rgba(248,253,255,.85);
  --theme-field-border:rgba(80,169,210,.24);
  --theme-card-glow:radial-gradient(circle, rgba(137,217,247,.13), transparent 68%);
}
html[data-theme="light-20"]{
  --theme-name:"Lilas perle";
  --theme-bg:#f6f1fb; --theme-bg-alt:#eadff6;
  --theme-surface:rgba(253,250,255,.90); --theme-surface-strong:rgba(239,230,248,.82);
  --theme-menu-bg:linear-gradient(to bottom, rgba(253,250,255,.96) 0%, rgba(240,230,248,.84) 60%, rgba(214,196,232,.60) 100%);
  --theme-border:rgba(152,125,201,.22);
  --theme-text:#3a3150; --theme-text-soft:#6c6287;
  --theme-heading:#6d57a8; --theme-heading-hero:#8d72d3;
  --theme-accent:#9e7be4; --theme-accent-2:#d8c2fb; --theme-badge:#b195f0;
  --theme-primary-grad:linear-gradient(135deg, #9e7be4 0%, #d8c2fb 100%);
  --theme-secondary-bg:rgba(252,248,255,.80);
  --theme-secondary-text:#6d57a8;
  --theme-secondary-border:rgba(152,125,201,.22);
  --theme-shadow:0 18px 44px rgba(109,87,168,.10);
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(216,194,251,.16), transparent 18%),
    radial-gradient(circle at 18% 12%, rgba(158,123,228,.11), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(246,241,251,.05));
  --theme-menu-outline:linear-gradient(120deg, rgba(158,123,228,.24), rgba(216,194,251,.22), rgba(177,149,240,.18));
  --theme-nav-hover-bg:rgba(158,123,228,.10);
  --theme-nav-hover-border:rgba(152,125,201,.22);
  --theme-home-link-bg:linear-gradient(180deg, rgba(216,194,251,.24), rgba(158,123,228,.09));
  --theme-home-link-text:#6d57a8;
  --theme-field-bg:rgba(253,250,255,.85);
  --theme-field-border:rgba(152,125,201,.24);
  --theme-card-glow:radial-gradient(circle, rgba(216,194,251,.13), transparent 68%);
}

/* ===== Animation homepage plus premium ===== */
.summary-visual{
  overflow:visible !important;
  min-height:440px !important;
  isolation:isolate;
}
.summary-visual::before{
  content:"";
  position:absolute;
  inset:6% 6% 10% 12%;
  border-radius:32px;
  background:
    radial-gradient(circle at 22% 26%, color-mix(in srgb, var(--theme-accent-2) 46%, transparent), transparent 20%),
    radial-gradient(circle at 76% 70%, color-mix(in srgb, var(--theme-accent) 32%, transparent), transparent 18%),
    linear-gradient(135deg, rgba(255,255,255,.14), transparent 40%, rgba(255,255,255,.05));
  filter:blur(18px);
  opacity:.95;
  z-index:0;
  animation:heroAuraShift 6.5s ease-in-out infinite;
}
.summary-visual::after{
  content:"";
  position:absolute;
  right:-4px;
  top:44%;
  width:92px;
  height:92px;
  border-radius:50%;
  background:
    radial-gradient(circle, color-mix(in srgb, var(--theme-accent) 30%, white) 0 10%, color-mix(in srgb, var(--theme-accent-2) 26%, transparent) 26%, transparent 62%),
    radial-gradient(circle at center, rgba(255,255,255,.76), rgba(255,255,255,0) 58%);
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--theme-accent-2) 28%, white),
    0 0 32px color-mix(in srgb, var(--theme-accent) 24%, transparent),
    0 0 58px color-mix(in srgb, var(--theme-accent-2) 18%, transparent);
  opacity:.95;
  z-index:1;
  animation:heroOrbPulse 4.8s ease-in-out infinite;
}
.summary-visual > img{
  z-index:0;
  transform:perspective(1200px) rotateY(-8deg) rotateX(2deg);
  transform-origin:center right;
  filter:saturate(1.02) contrast(1.03) drop-shadow(0 24px 40px rgba(20,40,70,.12));
}
.summary-visual .summary-dashboard{
  z-index:3;
  right:18px !important;
  bottom:18px !important;
  width:min(360px,76%) !important;
  border-radius:26px !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-surface) 88%, white 12%), color-mix(in srgb, var(--theme-surface-strong) 88%, transparent 12%)) !important;
  border:1px solid color-mix(in srgb, var(--theme-accent-2) 26%, rgba(255,255,255,.18)) !important;
  box-shadow:
    0 26px 50px rgba(24,46,76,.16),
    inset 0 1px 0 rgba(255,255,255,.35) !important;
  backdrop-filter:blur(18px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(120%) !important;
  animation:dashboardLift 5.8s ease-in-out infinite;
}
.summary-visual .summary-dashboard::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(125deg, rgba(255,255,255,.26), transparent 24%, transparent 72%, rgba(255,255,255,.10));
}
.summary-visual .sum-pill{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36), 0 10px 24px color-mix(in srgb, var(--theme-accent) 12%, transparent);
}
.summary-visual .mini-lines{
  height:92px !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-bg-alt) 70%, white 30%), rgba(255,255,255,.72)) !important;
  border:1px solid color-mix(in srgb, var(--theme-accent-2) 24%, rgba(255,255,255,.22)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32);
}
.summary-visual .mini-lines span{
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
  opacity:1 !important;
}
.summary-visual .mini-lines span:nth-child(1){
  background-image:
    linear-gradient(90deg, transparent 0 8%, rgba(255,255,255,.06) 8% 9%, transparent 9% 18%, rgba(255,255,255,.06) 18% 19%, transparent 19% 28%, rgba(255,255,255,.05) 28% 29%, transparent 29% 100%),
    linear-gradient(120deg, transparent 0 18%, color-mix(in srgb, var(--theme-accent-2) 46%, transparent) 32%, color-mix(in srgb, var(--theme-accent) 55%, transparent) 52%, transparent 72%);
  filter:blur(.2px);
}
.summary-visual .mini-lines span:nth-child(2){
  background-image:
    radial-gradient(circle at 70% 42%, color-mix(in srgb, var(--theme-accent-2) 38%, transparent), transparent 12%),
    linear-gradient(115deg, transparent 0 24%, color-mix(in srgb, var(--theme-accent) 64%, transparent) 46%, transparent 68%);
}
.summary-visual .mini-lines span:nth-child(3){
  background-image:
    radial-gradient(circle at 30% 60%, color-mix(in srgb, var(--theme-accent) 20%, transparent), transparent 16%),
    linear-gradient(110deg, transparent 0 36%, rgba(255,255,255,.36) 47%, transparent 58%);
}
.summary-visual .mini-bars{
  height:132px !important;
  gap:12px !important;
  margin:18px 0 14px !important;
}
.summary-visual .mini-bars i{
  border-radius:18px 18px 10px 10px !important;
  background:linear-gradient(180deg, color-mix(in srgb, var(--theme-accent) 88%, white 12%), color-mix(in srgb, var(--theme-accent-2) 56%, transparent)) !important;
  box-shadow:
    0 14px 26px color-mix(in srgb, var(--theme-accent) 18%, transparent),
    inset 0 1px 0 rgba(255,255,255,.35) !important;
  animation:barFloatPremium 4.6s ease-in-out infinite !important;
}
.summary-visual .summary-grid div{
  background:linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.36)) !important;
  border:1px solid color-mix(in srgb, var(--theme-accent-2) 18%, rgba(255,255,255,.18)) !important;
}
.summary-visual .hero-float{
  z-index:4;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,255,.82)) !important;
  border:1px solid color-mix(in srgb, var(--theme-accent-2) 18%, rgba(255,255,255,.26)) !important;
  box-shadow:0 18px 38px rgba(24,46,76,.12), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
.summary-visual .hero-float.one{
  left:auto !important;
  right:26px !important;
  bottom:24px !important;
  max-width:230px !important;
}
.summary-visual .hero-float.two{
  right:2px !important;
  top:20px !important;
  max-width:200px !important;
}
html[data-theme^="dark-"] .summary-visual .hero-float{
  background:linear-gradient(180deg, rgba(17,35,58,.86), rgba(14,28,47,.78)) !important;
  border-color:color-mix(in srgb, var(--theme-accent-2) 22%, rgba(255,255,255,.08)) !important;
  color:#f6fbff !important;
  box-shadow:0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html[data-theme^="dark-"] .summary-visual .summary-grid div{
  background:linear-gradient(180deg, rgba(20,36,58,.82), rgba(14,28,46,.66)) !important;
}
html[data-theme^="dark-"] .summary-visual .mini-lines{
  background:linear-gradient(180deg, rgba(19,37,58,.86), rgba(12,24,39,.76)) !important;
}
@keyframes heroAuraShift{
  0%,100%{transform:translate3d(0,0,0) scale(1);}
  50%{transform:translate3d(-10px,6px,0) scale(1.03);}
}
@keyframes heroOrbPulse{
  0%,100%{transform:translateY(-50%) scale(1); opacity:.92;}
  50%{transform:translateY(-50%) scale(1.08); opacity:1;}
}
@keyframes dashboardLift{
  0%,100%{transform:translateY(0) rotate(0);}
  50%{transform:translateY(-5px) rotate(-.3deg);}
}
@keyframes barFloatPremium{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-8px);}
}
@media (max-width: 1100px){
  .summary-visual::after{right:4px; width:78px; height:78px;}
  .summary-visual .hero-float.one{right:18px !important; bottom:16px !important;}
  .summary-visual .hero-float.two{right:0 !important; top:16px !important;}
}
@media (max-width: 780px){
  .summary-visual::after{display:none;}
  .summary-visual .hero-float.one,
  .summary-visual .hero-float.two{display:none !important;}
  .summary-visual > img{transform:none;}
}



/* ===== Thème 11 corrigé : fuchsia sombre ===== */
html[data-theme="dark-11"]{
  --theme-name:"Fuchsia Pulse";
  --theme-bg:#15081b; --theme-bg-alt:#2a0f33;
  --theme-surface:rgba(46,18,67,.95); --theme-surface-strong:rgba(66,24,91,.92);
  --theme-menu-bg:linear-gradient(180deg, rgba(58,22,80,.94), rgba(39,13,56,.90));
  --theme-border:rgba(255,92,179,.24);
  --theme-text:#fff5fb; --theme-text-soft:#e8c9da;
  --theme-heading:#ffffff; --theme-heading-hero:#fff3fb;
  --theme-accent:#ff4fa8; --theme-accent-2:#ff7dd3; --theme-badge:#ff6bbd;
  --theme-primary-grad:linear-gradient(135deg, #ff3f9b 0%, #ff7dd3 100%);
  --theme-secondary-bg:rgba(51,18,69,.72);
  --theme-secondary-text:#ffd4ef;
  --theme-secondary-border:rgba(255,92,179,.26);
  --theme-shadow:0 20px 48px rgba(0,0,0,.34);
  --theme-panel-shadow:0 28px 64px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
  --theme-body-overlay:
    radial-gradient(circle at 82% 22%, rgba(255,54,154,.22), transparent 16%),
    radial-gradient(circle at 14% 16%, rgba(255,103,196,.16), transparent 18%),
    radial-gradient(circle at 60% 74%, rgba(129,34,169,.20), transparent 22%),
    linear-gradient(180deg, rgba(16,4,20,.44), rgba(16,4,20,.22));
  --theme-menu-outline:linear-gradient(120deg, rgba(255,79,168,.30), rgba(255,125,211,.22), rgba(160,82,255,.18));
  --theme-nav-hover-bg:rgba(255,79,168,.12);
  --theme-nav-hover-border:rgba(255,125,211,.22);
  --theme-home-link-bg:linear-gradient(180deg, rgba(255,79,168,.18), rgba(255,125,211,.10));
  --theme-home-link-text:#fff3fb;
  --theme-field-bg:rgba(62,24,83,.84);
  --theme-field-text:#fff7fc;
  --theme-field-border:rgba(255,125,211,.26);
  --theme-logo-outline:
    drop-shadow(0 0 1px rgba(255,255,255,.95))
    drop-shadow(0 0 10px rgba(255,255,255,.18));
  --theme-card-glow:radial-gradient(circle, rgba(255,79,168,.16), transparent 68%);
}
html[data-theme="dark-11"] body::after{
  opacity: 1 !important;
  background:
    radial-gradient(circle at 84% 18%, rgba(255,65,166,.22), transparent 14%),
    radial-gradient(circle at 18% 10%, rgba(255,121,210,.15), transparent 18%),
    radial-gradient(circle at 76% 66%, rgba(177,82,255,.16), transparent 22%),
    linear-gradient(180deg, rgba(23,7,28,.40), rgba(23,7,28,.16)) !important;
}
html[data-theme="dark-11"] .cta-link.primary,
html[data-theme="dark-11"] .btn-primary,
html[data-theme="dark-11"] .sticky-audit{
  color:#2c0820 !important;
}
html[data-theme="dark-11"] .theme-select-shell,
html[data-theme="dark-11"] .theme-toggle{
  color:#fff5fb !important;
}
html[data-theme="dark-11"] .summary-visual::after{
  box-shadow:
    0 0 0 2px rgba(255,158,221,.44),
    0 0 34px rgba(255,79,168,.30),
    0 0 62px rgba(255,79,168,.22) !important;
}

/* ===== Animation homepage retravaillée ===== */
.summary-visual .mini-lines{
  position: relative !important;
  overflow: hidden !important;
  height: 96px !important;
}
.summary-visual .mini-lines::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 36%),
    linear-gradient(90deg, transparent 0 8%, rgba(255,255,255,.06) 8% 8.6%, transparent 8.6% 24%, rgba(255,255,255,.06) 24% 24.6%, transparent 24.6% 40%, rgba(255,255,255,.05) 40% 40.6%, transparent 40.6% 56%, rgba(255,255,255,.05) 56% 56.6%, transparent 56.6% 72%, rgba(255,255,255,.05) 72% 72.6%, transparent 72.6% 100%);
  pointer-events:none;
}
.summary-visual .mini-lines span{
  position:absolute !important;
  inset:0 !important;
  opacity:1 !important;
  background-repeat:no-repeat !important;
  animation:none !important;
}

.summary-visual .mini-lines span:nth-child(1){
  background-image:
    radial-gradient(circle at 12% 68%, color-mix(in srgb, var(--theme-accent) 96%, white 4%) 0 3px, transparent 4px),
    radial-gradient(circle at 28% 55%, color-mix(in srgb, var(--theme-accent) 96%, white 4%) 0 3px, transparent 4px),
    radial-gradient(circle at 44% 63%, color-mix(in srgb, var(--theme-accent) 96%, white 4%) 0 3px, transparent 4px),
    radial-gradient(circle at 61% 40%, color-mix(in srgb, var(--theme-accent) 96%, white 4%) 0 3px, transparent 4px),
    radial-gradient(circle at 79% 46%, color-mix(in srgb, var(--theme-accent) 96%, white 4%) 0 3px, transparent 4px),
    radial-gradient(circle at 90% 24%, color-mix(in srgb, var(--theme-accent) 96%, white 4%) 0 3px, transparent 4px),
    linear-gradient(154deg, transparent 0 10%, transparent 11.2%, color-mix(in srgb, var(--theme-accent) 70%, white 30%) 11.8%, color-mix(in srgb, var(--theme-accent) 70%, white 30%) 12.5%, transparent 13.2% 100%),
    linear-gradient(155deg, transparent 0 25.4%, color-mix(in srgb, var(--theme-accent) 70%, white 30%) 26%, color-mix(in srgb, var(--theme-accent) 70%, white 30%) 26.6%, transparent 27.2% 100%),
    linear-gradient(28deg, transparent 0 42.2%, color-mix(in srgb, var(--theme-accent) 70%, white 30%) 42.8%, color-mix(in srgb, var(--theme-accent) 70%, white 30%) 43.4%, transparent 44% 100%),
    linear-gradient(145deg, transparent 0 58.8%, color-mix(in srgb, var(--theme-accent) 70%, white 30%) 59.4%, color-mix(in srgb, var(--theme-accent) 70%, white 30%) 60%, transparent 60.6% 100%),
    linear-gradient(129deg, transparent 0 77.8%, color-mix(in srgb, var(--theme-accent) 70%, white 30%) 78.4%, color-mix(in srgb, var(--theme-accent) 70%, white 30%) 79%, transparent 79.6% 100%);
  filter: drop-shadow(0 6px 10px color-mix(in srgb, var(--theme-accent) 18%, transparent));
  animation: curveDriftA 6s ease-in-out infinite !important;
}

.summary-visual .mini-lines span:nth-child(2){
  background-image:
    radial-gradient(circle at 14% 62%, rgba(255,255,255,.92) 0 2px, transparent 3px),
    radial-gradient(circle at 32% 52%, rgba(255,255,255,.92) 0 2px, transparent 3px),
    radial-gradient(circle at 51% 56%, rgba(255,255,255,.92) 0 2px, transparent 3px),
    radial-gradient(circle at 70% 34%, rgba(255,255,255,.92) 0 2px, transparent 3px),
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.92) 0 2px, transparent 3px);
  animation: curveDriftB 5.2s ease-in-out infinite !important;
}

.summary-visual .mini-lines span:nth-child(3){
  background-image:
    linear-gradient(180deg, transparent 0 46%, rgba(255,255,255,.08) 46% 47%, transparent 47% 100%),
    radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--theme-accent-2) 88%, white 12%) 0 5px, transparent 6px),
    radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--theme-accent-2) 22%, transparent) 0 12px, transparent 13px);
  animation: curvePulse 3.8s ease-in-out infinite !important;
}

.summary-visual .mini-bars{
  margin-top: 16px !important;
}

@keyframes curveDriftA{
  0%,100%{transform:translateY(0) translateX(0);}
  50%{transform:translateY(-3px) translateX(2px);}
}
@keyframes curveDriftB{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(4px);}
}
@keyframes curvePulse{
  0%,100%{opacity:.86; transform:scale(1);}
  50%{opacity:1; transform:scale(1.04);}
}



/* ===== Marge intérieure plus élégante dans toutes les tuiles ===== */
.metric-card,
.impact-card,
.summary-grid div,
.bb-metrics > div,
.bb-footer > div,
.sim-results div,
.kpi-card,
.tile-card,
.card,
.tile,
.mini-card,
.workflow-step,
.blue-summary div,
.contact-points > div,
.dashboard-mosaic > div,
.gallery-mosaic > div,
.bullets li,
.field,
.upload,
.summary-dashboard .summary-grid div{
  padding-left: 18px !important;
}
.metric-card strong,
.impact-card strong,
.summary-grid strong,
.bb-metrics strong,
.bb-footer strong,
.sim-results strong,
.kpi-card strong,
.tile-card strong,
.card strong,
.tile strong{
  margin-left: 1px;
}
.metric-card span,
.impact-card span,
.summary-grid small,
.bb-metrics small,
.bb-footer small,
.sim-results span,
.kpi-card em,
.tile-card p,
.card p,
.tile p,
.workflow-step span,
.mini-card span{
  padding-left: 1px;
}

/* ===== Harmonisation visuelle des thèmes 12, 17, 20 ===== */
html[data-theme="light-12"]{
  --theme-name:"Ambre atelier";
  --theme-bg:#f7efe2; --theme-bg-alt:#ecd8ba;
  --theme-surface:rgba(255,247,237,.92); --theme-surface-strong:rgba(240,224,196,.84);
  --theme-menu-bg:linear-gradient(to bottom, rgba(255,248,239,.96) 0%, rgba(241,226,201,.86) 62%, rgba(207,170,121,.62) 100%);
  --theme-border:rgba(179,124,63,.26);
  --theme-text:#443224; --theme-text-soft:#7d644b;
  --theme-heading:#8f531d; --theme-heading-hero:#b56d26;
  --theme-accent:#cb8a3a; --theme-accent-2:#efc06d; --theme-badge:#d59a47;
  --theme-primary-grad:linear-gradient(135deg, #c88434 0%, #efc06d 100%);
  --theme-secondary-bg:rgba(255,248,237,.82);
  --theme-secondary-text:#87511e;
  --theme-secondary-border:rgba(179,124,63,.26);
  --theme-shadow:0 20px 46px rgba(134,90,38,.12);
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(239,192,109,.18), transparent 18%),
    radial-gradient(circle at 18% 12%, rgba(203,138,58,.12), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.15), rgba(247,239,226,.05));
  --theme-menu-outline:linear-gradient(120deg, rgba(203,138,58,.26), rgba(239,192,109,.24), rgba(174,121,67,.18));
  --theme-nav-hover-bg:rgba(203,138,58,.10);
  --theme-nav-hover-border:rgba(179,124,63,.24);
  --theme-home-link-bg:linear-gradient(180deg, rgba(239,192,109,.28), rgba(203,138,58,.10));
  --theme-home-link-text:#7b4b1e;
  --theme-field-bg:rgba(255,249,240,.88);
  --theme-field-border:rgba(179,124,63,.26);
  --theme-card-glow:radial-gradient(circle, rgba(239,192,109,.15), transparent 68%);
}

html[data-theme="light-17"]{
  --theme-name:"Ciel polaire";
  --theme-bg:#edf7fe; --theme-bg-alt:#d7eef9;
  --theme-surface:rgba(246,252,255,.92); --theme-surface-strong:rgba(222,241,249,.84);
  --theme-menu-bg:linear-gradient(to bottom, rgba(247,253,255,.96) 0%, rgba(226,243,251,.86) 62%, rgba(182,225,244,.62) 100%);
  --theme-border:rgba(71,168,214,.24);
  --theme-text:#214255; --theme-text-soft:#5a7b90;
  --theme-heading:#1a6e99; --theme-heading-hero:#20a5dc;
  --theme-accent:#27b3e8; --theme-accent-2:#82daf8; --theme-badge:#4dc9ef;
  --theme-primary-grad:linear-gradient(135deg, #28b8eb 0%, #82daf8 100%);
  --theme-secondary-bg:rgba(246,252,255,.82);
  --theme-secondary-text:#1d6d95;
  --theme-secondary-border:rgba(71,168,214,.22);
  --theme-shadow:0 20px 46px rgba(33,120,161,.11);
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(130,218,248,.18), transparent 18%),
    radial-gradient(circle at 18% 12%, rgba(39,179,232,.12), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(237,247,254,.05));
  --theme-menu-outline:linear-gradient(120deg, rgba(39,179,232,.24), rgba(130,218,248,.22), rgba(77,201,239,.18));
  --theme-nav-hover-bg:rgba(39,179,232,.10);
  --theme-nav-hover-border:rgba(71,168,214,.22);
  --theme-home-link-bg:linear-gradient(180deg, rgba(130,218,248,.26), rgba(39,179,232,.09));
  --theme-home-link-text:#187aa7;
  --theme-field-bg:rgba(248,253,255,.88);
  --theme-field-border:rgba(71,168,214,.24);
  --theme-card-glow:radial-gradient(circle, rgba(130,218,248,.15), transparent 68%);
}

html[data-theme="light-20"]{
  --theme-name:"Lilas perle";
  --theme-bg:#f5f0fb; --theme-bg-alt:#e9ddf7;
  --theme-surface:rgba(252,249,255,.92); --theme-surface-strong:rgba(237,229,248,.84);
  --theme-menu-bg:linear-gradient(to bottom, rgba(252,249,255,.96) 0%, rgba(239,230,248,.86) 62%, rgba(210,192,233,.62) 100%);
  --theme-border:rgba(156,127,207,.24);
  --theme-text:#3a3151; --theme-text-soft:#6d6388;
  --theme-heading:#6b55a8; --theme-heading-hero:#8c72d8;
  --theme-accent:#9d7ae7; --theme-accent-2:#d7c1fb; --theme-badge:#af93f1;
  --theme-primary-grad:linear-gradient(135deg, #9f7de8 0%, #d7c1fb 100%);
  --theme-secondary-bg:rgba(252,248,255,.84);
  --theme-secondary-text:#6b55a8;
  --theme-secondary-border:rgba(156,127,207,.24);
  --theme-shadow:0 20px 46px rgba(107,85,168,.11);
  --theme-body-overlay:
    radial-gradient(circle at 78% 24%, rgba(215,193,251,.18), transparent 18%),
    radial-gradient(circle at 18% 12%, rgba(157,122,231,.12), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(245,240,251,.05));
  --theme-menu-outline:linear-gradient(120deg, rgba(157,122,231,.26), rgba(215,193,251,.22), rgba(175,147,241,.18));
  --theme-nav-hover-bg:rgba(157,122,231,.10);
  --theme-nav-hover-border:rgba(156,127,207,.22);
  --theme-home-link-bg:linear-gradient(180deg, rgba(215,193,251,.26), rgba(157,122,231,.10));
  --theme-home-link-text:#6b55a8;
  --theme-field-bg:rgba(252,249,255,.88);
  --theme-field-border:rgba(156,127,207,.24);
  --theme-card-glow:radial-gradient(circle, rgba(215,193,251,.15), transparent 68%);
}

/* rendu premium des nouveaux thèmes */
html[data-theme="light-12"] .hero-card-home,
html[data-theme="light-17"] .hero-card-home,
html[data-theme="light-20"] .hero-card-home,
html[data-theme="light-12"] .section-card,
html[data-theme="light-17"] .section-card,
html[data-theme="light-20"] .section-card,
html[data-theme="light-12"] #site-menu.topbar.site-menu-premium,
html[data-theme="light-17"] #site-menu.topbar.site-menu-premium,
html[data-theme="light-20"] #site-menu.topbar.site-menu-premium{
  box-shadow:
    0 24px 54px color-mix(in srgb, var(--theme-accent) 10%, rgba(18,59,102,.08)),
    inset 0 1px 0 rgba(255,255,255,.55) !important;
}

/* petit ajustement typographique global des cadres */
.mini-card,
.metric-card,
.impact-card,
.summary-grid div,
.sim-results div,
.kpi-card,
.workflow-step{
  line-height:1.45 !important;
}



/* ===== Marges intérieures corrigées v14 ===== */
.text-panel,
.panel.text-panel,
.section-card .text-panel,
.hero-card > .hero-grid > div:first-child,
.hero-card-home > .hero-grid > div:first-child{
  padding-left: 14px !important;
  padding-right: 8px !important;
  box-sizing: border-box !important;
}

.text-panel > *,
.hero-card > .hero-grid > div:first-child > *,
.hero-card-home > .hero-grid > div:first-child > *{
  margin-left: 0 !important;
}

.metric-card,
.impact-card,
.summary-grid div,
.bb-metrics > div,
.bb-footer > div,
.sim-results div,
.kpi-card,
.tile-card,
.card,
.tile,
.mini-card,
.workflow-step,
.blue-summary div,
.contact-points > div,
.dashboard-mosaic > div,
.gallery-mosaic > div,
.bullets li,
.field,
.upload,
.summary-dashboard .summary-grid div{
  padding-left: 20px !important;
  padding-right: 14px !important;
  box-sizing: border-box !important;
}

.metric-card span,
.impact-card span,
.summary-grid small,
.bb-metrics small,
.bb-footer small,
.sim-results span,
.kpi-card em,
.tile-card p,
.card p,
.tile p,
.workflow-step span,
.mini-card span,
.bullets li,
.contact-points > div,
.dashboard-mosaic > div,
.gallery-mosaic > div{
  margin-left: 0 !important;
}

.metric-card strong,
.impact-card strong,
.summary-grid strong,
.bb-metrics strong,
.bb-footer strong,
.sim-results strong,
.kpi-card strong,
.tile-card strong,
.card strong,
.tile strong,
.mini-card strong{
  margin-left: 0 !important;
}

.summary-dashboard{
  padding-left: 18px !important;
  padding-right: 16px !important;
}

.sum-top,
.summary-grid,
.mini-bars,
.mini-lines{
  margin-left: 0 !important;
}

@media (max-width: 780px){
  .text-panel,
  .panel.text-panel,
  .section-card .text-panel,
  .hero-card > .hero-grid > div:first-child,
  .hero-card-home > .hero-grid > div:first-child{
    padding-left: 10px !important;
    padding-right: 4px !important;
  }
  .metric-card,
  .impact-card,
  .summary-grid div,
  .bb-metrics > div,
  .bb-footer > div,
  .sim-results div,
  .kpi-card,
  .tile-card,
  .card,
  .tile,
  .mini-card,
  .workflow-step,
  .blue-summary div,
  .contact-points > div,
  .dashboard-mosaic > div,
  .gallery-mosaic > div,
  .bullets li,
  .field,
  .upload,
  .summary-dashboard .summary-grid div{
    padding-left: 16px !important;
    padding-right: 12px !important;
  }
}



/* ===== Finition UI v15 ===== */

/* rythme global */
main,
.feed,
.footer-cta{
  scroll-behavior:smooth;
}
.hero{
  padding-top: 10px !important;
}
.feed{
  padding-top: 30px !important;
}
.section-card{
  margin-top: 30px !important;
}

/* menu plus élégant */
#site-menu.topbar.site-menu-premium{
  padding: 12px 16px !important;
  border-radius: 32px !important;
}
#site-menu .topbar-inner{
  gap: 14px !important;
}
#site-menu .desktop-nav{
  gap: 8px !important;
}
#site-menu .desktop-nav a,
#site-menu .mobile-nav a{
  padding: 10px 14px !important;
  font-size: .83rem !important;
  letter-spacing: .01em !important;
}
.theme-select-shell{
  min-width: 88px !important;
  padding: 10px 30px 10px 14px !important;
}

/* hero mieux respiré */
.hero-card-home{
  border-radius: 30px !important;
}
.hero-card-home .hero-grid{
  gap: 28px !important;
}
.hero-card-home h1{
  margin-bottom: 14px !important;
}
.hero-card-home p{
  max-width: 62ch !important;
}
.hero-actions{
  gap: 14px !important;
  margin-top: 20px !important;
  margin-bottom: 22px !important;
}

/* boutons plus premium */
.cta-link,
.btn-primary,
.btn-secondary,
.sticky-audit{
  min-height: 48px !important;
  padding: 12px 18px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
}
.cta-link.primary,
.btn-primary,
.sticky-audit{
  box-shadow:
    0 14px 28px color-mix(in srgb, var(--theme-accent) 16%, transparent),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.cta-link:not(.primary),
.btn-secondary{
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* cartes plus cohérentes */
.hero-card,
.hero-card-home,
.section-card,
.panel,
.content-panel,
.tile-card,
.card,
.tile,
.metric-card,
.chart-card,
.contact-card,
.gallery-viewport,
.summary-dashboard,
.impact-card,
.business-board,
.showcase,
.mini-card,
.footer-cta-card,
.seo-local-block > div,
.blue-dashboard,
.lora-stage,
.summary-visual,
.dashboard-shell,
.photo-layout,
.photo-stage,
.contact-form,
.form-grid,
.media-panel,
.text-panel{
  border-radius: 26px !important;
}

.metric-card,
.impact-card,
.summary-grid div,
.bb-metrics > div,
.bb-footer > div,
.sim-results div,
.kpi-card,
.workflow-step,
.contact-points > div,
.dashboard-mosaic > div,
.gallery-mosaic > div,
.bullets li{
  min-height: 92px !important;
}

/* typographie et marges intérieures */
.metric-card,
.impact-card,
.summary-grid div,
.bb-metrics > div,
.bb-footer > div,
.sim-results div,
.kpi-card,
.tile-card,
.card,
.tile,
.workflow-step,
.contact-points > div,
.dashboard-mosaic > div,
.gallery-mosaic > div,
.bullets li{
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.metric-card strong,
.impact-card strong,
.summary-grid strong,
.bb-metrics strong,
.bb-footer strong,
.sim-results strong,
.kpi-card strong{
  display:block !important;
  margin-bottom: 6px !important;
}

.metric-card span,
.impact-card span,
.summary-grid small,
.bb-metrics small,
.bb-footer small,
.sim-results span,
.kpi-card em,
.workflow-step span{
  line-height: 1.42 !important;
}

/* blocs texte */
.text-panel h2{
  margin-bottom: 14px !important;
}
.text-panel p{
  max-width: 64ch !important;
}
.bullets{
  gap: 14px !important;
  margin-top: 20px !important;
}

/* visuels */
.showcase,
.summary-visual,
.business-board,
.blue-dashboard,
.lora-stage{
  overflow: hidden !important;
}
.showcase img.main-shot,
.summary-visual > img{
  border-radius: 24px !important;
}

/* simulateur et formulaires */
.sim-card,
.chart-card,
.contact-form-card{
  border-radius: 26px !important;
}
input,
select,
textarea{
  min-height: 46px !important;
}
label{
  margin-bottom: 8px !important;
}

/* thèmes sombres un peu plus nets */
html[data-theme^="dark-"] .hero-card-home,
html[data-theme^="dark-"] .section-card,
html[data-theme^="dark-"] #site-menu.topbar.site-menu-premium{
  box-shadow:
    0 28px 64px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html[data-theme^="dark-"] .metric-card,
html[data-theme^="dark-"] .impact-card,
html[data-theme^="dark-"] .summary-grid div,
html[data-theme^="dark-"] .sim-results div,
html[data-theme^="dark-"] .bullets li{
  box-shadow:
    0 16px 30px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* responsive */
@media (max-width: 1100px){
  #site-menu.topbar.site-menu-premium{
    padding: 10px 12px !important;
  }
  .hero-card-home .hero-grid{
    gap: 22px !important;
  }
}
@media (max-width: 780px){
  .cta-link,
  .btn-primary,
  .btn-secondary,
  .sticky-audit{
    width: 100% !important;
    justify-content: center !important;
  }
  .hero-actions{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .metric-card,
  .impact-card,
  .summary-grid div,
  .bb-metrics > div,
  .bb-footer > div,
  .sim-results div,
  .kpi-card,
  .workflow-step,
  .contact-points > div,
  .dashboard-mosaic > div,
  .gallery-mosaic > div,
  .bullets li{
    min-height: 0 !important;
  }
}



/* ===== Hero graphique élargi v16 ===== */
.hero-card-home .hero-grid{
  grid-template-columns: 1fr 1fr !important;
  gap: 22px !important;
  align-items: stretch !important;
}

.hero-card-home .summary-visual{
  min-height: 470px !important;
}

.hero-card-home .summary-visual .summary-dashboard{
  top: 14px !important;
  right: 14px !important;
  bottom: 14px !important;
  left: 14px !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.hero-card-home .summary-visual .mini-lines{
  width: 100% !important;
}

.hero-card-home .summary-visual .mini-bars{
  width: 100% !important;
  flex: 1 1 auto !important;
  align-items: end !important;
}

.hero-card-home .summary-visual .summary-grid{
  width: 100% !important;
  margin-top: auto !important;
}

.hero-card-home .summary-visual .hero-float.one{
  right: 22px !important;
  bottom: 22px !important;
}

.hero-card-home .summary-visual .hero-float.two{
  right: 2px !important;
  top: 18px !important;
}

@media (max-width: 1100px){
  .hero-card-home .hero-grid{
    grid-template-columns: 1fr !important;
  }
  .hero-card-home .summary-visual{
    min-height: 430px !important;
  }
}

@media (max-width: 780px){
  .hero-card-home .summary-visual .summary-dashboard{
    top: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
  }
}



/* ===== Suppression du cadre résumé dans le hero v17 ===== */
.hero-card-home .summary-visual .hero-float.one{
  display: none !important;
}



/* ===== Lisibilité menu déroulant en thèmes sombres v18 ===== */
html[data-theme^="dark-"] .theme-select-shell{
  color: #f7fbff !important;
  background: linear-gradient(180deg, rgba(10,32,49,.96), rgba(8,24,38,.92)) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 22%, rgba(255,255,255,.10)) !important;
}

html[data-theme^="dark-"] [data-theme-select]{
  color: #f7fbff !important;
  background: transparent !important;
}

html[data-theme^="dark-"] [data-theme-select] option{
  color: #f7fbff !important;
  background: #10273a !important;
}

html[data-theme="dark-violet"] [data-theme-select] option{
  background: #2c1642 !important;
}

html[data-theme="dark-emerald"] [data-theme-select] option{
  background: #10352e !important;
}

html[data-theme="dark-ocean"] [data-theme-select] option{
  background: #0d2538 !important;
}

html[data-theme="dark-11"] [data-theme-select] option{
  background: #351446 !important;
}



/* ===== Lisibilité renforcée sur Océan nuit / Violet néon / Émeraude nuit v19 ===== */
html[data-theme="dark-ocean"] .card,
html[data-theme="dark-ocean"] .tile,
html[data-theme="dark-ocean"] .tile-card,
html[data-theme="dark-ocean"] .metric-card,
html[data-theme="dark-ocean"] .impact-card,
html[data-theme="dark-ocean"] .workflow-step,
html[data-theme="dark-ocean"] .mini-card,
html[data-theme="dark-ocean"] .showcase,
html[data-theme="dark-ocean"] .showcase *,
html[data-theme="dark-ocean"] .dashboard-mosaic > div,
html[data-theme="dark-ocean"] .dashboard-mosaic > div *,
html[data-theme="dark-ocean"] .gallery-mosaic > div,
html[data-theme="dark-ocean"] .gallery-mosaic > div *,
html[data-theme="dark-ocean"] .contact-points > div,
html[data-theme="dark-ocean"] .contact-points > div *,
html[data-theme="dark-ocean"] .blue-summary div,
html[data-theme="dark-ocean"] .blue-summary div *,
html[data-theme="dark-ocean"] .summary-grid div,
html[data-theme="dark-ocean"] .summary-grid div *{
  color:#f7fbff !important;
}

html[data-theme="dark-violet"] .card,
html[data-theme="dark-violet"] .tile,
html[data-theme="dark-violet"] .tile-card,
html[data-theme="dark-violet"] .metric-card,
html[data-theme="dark-violet"] .impact-card,
html[data-theme="dark-violet"] .workflow-step,
html[data-theme="dark-violet"] .mini-card,
html[data-theme="dark-violet"] .showcase,
html[data-theme="dark-violet"] .showcase *,
html[data-theme="dark-violet"] .dashboard-mosaic > div,
html[data-theme="dark-violet"] .dashboard-mosaic > div *,
html[data-theme="dark-violet"] .gallery-mosaic > div,
html[data-theme="dark-violet"] .gallery-mosaic > div *,
html[data-theme="dark-violet"] .contact-points > div,
html[data-theme="dark-violet"] .contact-points > div *,
html[data-theme="dark-violet"] .blue-summary div,
html[data-theme="dark-violet"] .blue-summary div *,
html[data-theme="dark-violet"] .summary-grid div,
html[data-theme="dark-violet"] .summary-grid div *{
  color:#fff7ff !important;
}

html[data-theme="dark-emerald"] .card,
html[data-theme="dark-emerald"] .tile,
html[data-theme="dark-emerald"] .tile-card,
html[data-theme="dark-emerald"] .metric-card,
html[data-theme="dark-emerald"] .impact-card,
html[data-theme="dark-emerald"] .workflow-step,
html[data-theme="dark-emerald"] .mini-card,
html[data-theme="dark-emerald"] .showcase,
html[data-theme="dark-emerald"] .showcase *,
html[data-theme="dark-emerald"] .dashboard-mosaic > div,
html[data-theme="dark-emerald"] .dashboard-mosaic > div *,
html[data-theme="dark-emerald"] .gallery-mosaic > div,
html[data-theme="dark-emerald"] .gallery-mosaic > div *,
html[data-theme="dark-emerald"] .contact-points > div,
html[data-theme="dark-emerald"] .contact-points > div *,
html[data-theme="dark-emerald"] .blue-summary div,
html[data-theme="dark-emerald"] .blue-summary div *,
html[data-theme="dark-emerald"] .summary-grid div,
html[data-theme="dark-emerald"] .summary-grid div *{
  color:#f5fff9 !important;
}

html[data-theme="dark-ocean"] .card p,
html[data-theme="dark-ocean"] .tile p,
html[data-theme="dark-ocean"] .tile-card p,
html[data-theme="dark-ocean"] .mini-card span,
html[data-theme="dark-ocean"] .workflow-step span,
html[data-theme="dark-ocean"] .dashboard-mosaic > div p,
html[data-theme="dark-ocean"] .gallery-mosaic > div p,
html[data-theme="dark-ocean"] .contact-points > div p,
html[data-theme="dark-ocean"] .summary-grid small,
html[data-theme="dark-ocean"] .blue-summary small,
html[data-theme="dark-ocean"] .metric-card span{
  color:#dcecff !important;
}

html[data-theme="dark-violet"] .card p,
html[data-theme="dark-violet"] .tile p,
html[data-theme="dark-violet"] .tile-card p,
html[data-theme="dark-violet"] .mini-card span,
html[data-theme="dark-violet"] .workflow-step span,
html[data-theme="dark-violet"] .dashboard-mosaic > div p,
html[data-theme="dark-violet"] .gallery-mosaic > div p,
html[data-theme="dark-violet"] .contact-points > div p,
html[data-theme="dark-violet"] .summary-grid small,
html[data-theme="dark-violet"] .blue-summary small,
html[data-theme="dark-violet"] .metric-card span{
  color:#efdfff !important;
}

html[data-theme="dark-emerald"] .card p,
html[data-theme="dark-emerald"] .tile p,
html[data-theme="dark-emerald"] .tile-card p,
html[data-theme="dark-emerald"] .mini-card span,
html[data-theme="dark-emerald"] .workflow-step span,
html[data-theme="dark-emerald"] .dashboard-mosaic > div p,
html[data-theme="dark-emerald"] .gallery-mosaic > div p,
html[data-theme="dark-emerald"] .contact-points > div p,
html[data-theme="dark-emerald"] .summary-grid small,
html[data-theme="dark-emerald"] .blue-summary small,
html[data-theme="dark-emerald"] .metric-card span{
  color:#d6f3e8 !important;
}



/* ===== Tuiles blanches lisibles en thèmes sombres v20 ===== */
html[data-theme^="dark-"] .showcase,
html[data-theme^="dark-"] .business-board,
html[data-theme^="dark-"] .blue-dashboard,
html[data-theme^="dark-"] .workflow-board,
html[data-theme^="dark-"] .contact-form-card,
html[data-theme^="dark-"] .sim-card,
html[data-theme^="dark-"] .chart-card,
html[data-theme^="dark-"] .summary-visual{
  color:#f6fbff !important;
}

html[data-theme^="dark-"] .showcase > p,
html[data-theme^="dark-"] .showcase p,
html[data-theme^="dark-"] .showcase h2,
html[data-theme^="dark-"] .showcase h3,
html[data-theme^="dark-"] .showcase h4,
html[data-theme^="dark-"] .showcase strong,
html[data-theme^="dark-"] .business-board p,
html[data-theme^="dark-"] .business-board h2,
html[data-theme^="dark-"] .business-board h3,
html[data-theme^="dark-"] .business-board h4,
html[data-theme^="dark-"] .business-board strong,
html[data-theme^="dark-"] .blue-dashboard p,
html[data-theme^="dark-"] .blue-dashboard h2,
html[data-theme^="dark-"] .blue-dashboard h3,
html[data-theme^="dark-"] .blue-dashboard h4,
html[data-theme^="dark-"] .blue-dashboard strong,
html[data-theme^="dark-"] .workflow-board p,
html[data-theme^="dark-"] .workflow-board h2,
html[data-theme^="dark-"] .workflow-board h3,
html[data-theme^="dark-"] .workflow-board h4,
html[data-theme^="dark-"] .workflow-board strong,
html[data-theme^="dark-"] .sim-card p,
html[data-theme^="dark-"] .sim-card h2,
html[data-theme^="dark-"] .sim-card h3,
html[data-theme^="dark-"] .sim-card strong,
html[data-theme^="dark-"] .chart-card p,
html[data-theme^="dark-"] .chart-card h2,
html[data-theme^="dark-"] .chart-card h3,
html[data-theme^="dark-"] .chart-card strong,
html[data-theme^="dark-"] .contact-form-card p,
html[data-theme^="dark-"] .contact-form-card h2,
html[data-theme^="dark-"] .contact-form-card h3,
html[data-theme^="dark-"] .contact-form-card strong{
  color:#f7fbff !important;
}

html[data-theme^="dark-"] .showcase p,
html[data-theme^="dark-"] .business-board p,
html[data-theme^="dark-"] .blue-dashboard p,
html[data-theme^="dark-"] .workflow-board p,
html[data-theme^="dark-"] .sim-card p,
html[data-theme^="dark-"] .chart-card p,
html[data-theme^="dark-"] .contact-form-card p,
html[data-theme^="dark-"] .showcase small,
html[data-theme^="dark-"] .business-board small,
html[data-theme^="dark-"] .blue-dashboard small,
html[data-theme^="dark-"] .workflow-board small,
html[data-theme^="dark-"] .sim-card small,
html[data-theme^="dark-"] .chart-card small,
html[data-theme^="dark-"] .contact-form-card small{
  color:#dce8f3 !important;
}

html[data-theme="dark-ocean"] .showcase,
html[data-theme="dark-ocean"] .business-board,
html[data-theme="dark-ocean"] .blue-dashboard,
html[data-theme="dark-ocean"] .workflow-board,
html[data-theme="dark-ocean"] .sim-card,
html[data-theme="dark-ocean"] .chart-card,
html[data-theme="dark-ocean"] .contact-form-card{
  background:linear-gradient(180deg, rgba(19,51,80,.96), rgba(12,35,55,.92)) !important;
}

html[data-theme="dark-violet"] .showcase,
html[data-theme="dark-violet"] .business-board,
html[data-theme="dark-violet"] .blue-dashboard,
html[data-theme="dark-violet"] .workflow-board,
html[data-theme="dark-violet"] .sim-card,
html[data-theme="dark-violet"] .chart-card,
html[data-theme="dark-violet"] .contact-form-card{
  background:linear-gradient(180deg, rgba(58,31,94,.96), rgba(35,20,60,.92)) !important;
}

html[data-theme="dark-emerald"] .showcase,
html[data-theme="dark-emerald"] .business-board,
html[data-theme="dark-emerald"] .blue-dashboard,
html[data-theme="dark-emerald"] .workflow-board,
html[data-theme="dark-emerald"] .sim-card,
html[data-theme="dark-emerald"] .chart-card,
html[data-theme="dark-emerald"] .contact-form-card{
  background:linear-gradient(180deg, rgba(14,58,49,.96), rgba(9,38,32,.92)) !important;
}



/* ===== Correction définitive lisibilité sections sombres v21 ===== */
html[data-theme="dark-ocean"] .section-card,
html[data-theme="dark-violet"] .section-card,
html[data-theme="dark-emerald"] .section-card,
html[data-theme="dark-11"] .section-card{
  color:#f7fbff !important;
}

html[data-theme="dark-ocean"] .section-card h2,
html[data-theme="dark-ocean"] .section-card h3,
html[data-theme="dark-ocean"] .section-card h4,
html[data-theme="dark-ocean"] .section-card strong,
html[data-theme="dark-violet"] .section-card h2,
html[data-theme="dark-violet"] .section-card h3,
html[data-theme="dark-violet"] .section-card h4,
html[data-theme="dark-violet"] .section-card strong,
html[data-theme="dark-emerald"] .section-card h2,
html[data-theme="dark-emerald"] .section-card h3,
html[data-theme="dark-emerald"] .section-card h4,
html[data-theme="dark-emerald"] .section-card strong,
html[data-theme="dark-11"] .section-card h2,
html[data-theme="dark-11"] .section-card h3,
html[data-theme="dark-11"] .section-card h4,
html[data-theme="dark-11"] .section-card strong{
  color:#ffffff !important;
}

html[data-theme="dark-ocean"] .section-card p,
html[data-theme="dark-ocean"] .section-card li,
html[data-theme="dark-ocean"] .section-card small,
html[data-theme="dark-ocean"] .section-card span:not(.sum-pill),
html[data-theme="dark-violet"] .section-card p,
html[data-theme="dark-violet"] .section-card li,
html[data-theme="dark-violet"] .section-card small,
html[data-theme="dark-violet"] .section-card span:not(.sum-pill),
html[data-theme="dark-emerald"] .section-card p,
html[data-theme="dark-emerald"] .section-card li,
html[data-theme="dark-emerald"] .section-card small,
html[data-theme="dark-emerald"] .section-card span:not(.sum-pill),
html[data-theme="dark-11"] .section-card p,
html[data-theme="dark-11"] .section-card li,
html[data-theme="dark-11"] .section-card small,
html[data-theme="dark-11"] .section-card span:not(.sum-pill){
  color:#e7f1fb !important;
}

html[data-theme="dark-ocean"] .section-card .showcase,
html[data-theme="dark-ocean"] .section-card .business-board,
html[data-theme="dark-ocean"] .section-card .blue-dashboard,
html[data-theme="dark-ocean"] .section-card .workflow-board,
html[data-theme="dark-ocean"] .section-card .sim-card,
html[data-theme="dark-ocean"] .section-card .chart-card,
html[data-theme="dark-ocean"] .section-card .contact-form-card{
  background:linear-gradient(180deg, rgba(22,58,90,.98), rgba(14,39,61,.94)) !important;
  border-color:rgba(112,186,255,.22) !important;
}

html[data-theme="dark-violet"] .section-card .showcase,
html[data-theme="dark-violet"] .section-card .business-board,
html[data-theme="dark-violet"] .section-card .blue-dashboard,
html[data-theme="dark-violet"] .section-card .workflow-board,
html[data-theme="dark-violet"] .section-card .sim-card,
html[data-theme="dark-violet"] .section-card .chart-card,
html[data-theme="dark-violet"] .section-card .contact-form-card{
  background:linear-gradient(180deg, rgba(66,36,106,.98), rgba(42,22,70,.94)) !important;
  border-color:rgba(200,146,255,.22) !important;
}

html[data-theme="dark-emerald"] .section-card .showcase,
html[data-theme="dark-emerald"] .section-card .business-board,
html[data-theme="dark-emerald"] .section-card .blue-dashboard,
html[data-theme="dark-emerald"] .section-card .workflow-board,
html[data-theme="dark-emerald"] .section-card .sim-card,
html[data-theme="dark-emerald"] .section-card .chart-card,
html[data-theme="dark-emerald"] .section-card .contact-form-card{
  background:linear-gradient(180deg, rgba(18,70,59,.98), rgba(10,44,37,.94)) !important;
  border-color:rgba(123,228,192,.22) !important;
}

html[data-theme="dark-11"] .section-card .showcase,
html[data-theme="dark-11"] .section-card .business-board,
html[data-theme="dark-11"] .section-card .blue-dashboard,
html[data-theme="dark-11"] .section-card .workflow-board,
html[data-theme="dark-11"] .section-card .sim-card,
html[data-theme="dark-11"] .section-card .chart-card,
html[data-theme="dark-11"] .section-card .contact-form-card{
  background:linear-gradient(180deg, rgba(78,28,101,.98), rgba(47,16,63,.94)) !important;
  border-color:rgba(255,127,211,.24) !important;
}

/* textes dans les grands panneaux */
html[data-theme="dark-ocean"] .showcase > *,
html[data-theme="dark-ocean"] .business-board > *,
html[data-theme="dark-ocean"] .blue-dashboard > *,
html[data-theme="dark-ocean"] .workflow-board > *,
html[data-theme="dark-ocean"] .sim-card > *,
html[data-theme="dark-ocean"] .chart-card > *,
html[data-theme="dark-ocean"] .contact-form-card > *,
html[data-theme="dark-violet"] .showcase > *,
html[data-theme="dark-violet"] .business-board > *,
html[data-theme="dark-violet"] .blue-dashboard > *,
html[data-theme="dark-violet"] .workflow-board > *,
html[data-theme="dark-violet"] .sim-card > *,
html[data-theme="dark-violet"] .chart-card > *,
html[data-theme="dark-violet"] .contact-form-card > *,
html[data-theme="dark-emerald"] .showcase > *,
html[data-theme="dark-emerald"] .business-board > *,
html[data-theme="dark-emerald"] .blue-dashboard > *,
html[data-theme="dark-emerald"] .workflow-board > *,
html[data-theme="dark-emerald"] .sim-card > *,
html[data-theme="dark-emerald"] .chart-card > *,
html[data-theme="dark-emerald"] .contact-form-card > *,
html[data-theme="dark-11"] .showcase > *,
html[data-theme="dark-11"] .business-board > *,
html[data-theme="dark-11"] .blue-dashboard > *,
html[data-theme="dark-11"] .workflow-board > *,
html[data-theme="dark-11"] .sim-card > *,
html[data-theme="dark-11"] .chart-card > *,
html[data-theme="dark-11"] .contact-form-card > *{
  color:inherit !important;
}

/* panneaux à fond très clair forcés en sombre */
html[data-theme^="dark-"] .section-card [style*="background:#fff"],
html[data-theme^="dark-"] .section-card [style*="background: #fff"],
html[data-theme^="dark-"] .section-card [style*="background-color:#fff"],
html[data-theme^="dark-"] .section-card [style*="background-color: #fff"],
html[data-theme^="dark-"] .section-card [style*="background:white"],
html[data-theme^="dark-"] .section-card [style*="background: white"]{
  color:#f7fbff !important;
  background:linear-gradient(180deg, rgba(24,52,78,.96), rgba(14,34,54,.92)) !important;
}



/* ===== Correction fonds clairs + texte foncé dans panneaux internes des thèmes sombres v22 ===== */
/* Les grands panneaux internes restent clairs, donc le texte doit redevenir foncé */
html[data-theme="dark-ocean"] .section-card .showcase,
html[data-theme="dark-ocean"] .section-card .business-board,
html[data-theme="dark-ocean"] .section-card .blue-dashboard,
html[data-theme="dark-ocean"] .section-card .workflow-board,
html[data-theme="dark-ocean"] .section-card .sim-card,
html[data-theme="dark-ocean"] .section-card .chart-card,
html[data-theme="dark-ocean"] .section-card .contact-form-card,
html[data-theme="dark-violet"] .section-card .showcase,
html[data-theme="dark-violet"] .section-card .business-board,
html[data-theme="dark-violet"] .section-card .blue-dashboard,
html[data-theme="dark-violet"] .section-card .workflow-board,
html[data-theme="dark-violet"] .section-card .sim-card,
html[data-theme="dark-violet"] .section-card .chart-card,
html[data-theme="dark-violet"] .section-card .contact-form-card,
html[data-theme="dark-emerald"] .section-card .showcase,
html[data-theme="dark-emerald"] .section-card .business-board,
html[data-theme="dark-emerald"] .section-card .blue-dashboard,
html[data-theme="dark-emerald"] .section-card .workflow-board,
html[data-theme="dark-emerald"] .section-card .sim-card,
html[data-theme="dark-emerald"] .section-card .chart-card,
html[data-theme="dark-emerald"] .section-card .contact-form-card{
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(243,247,252,.90)) !important;
  color:#183247 !important;
  border-color:rgba(150,180,210,.22) !important;
  box-shadow:0 18px 36px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.70) !important;
}

/* Titres et textes dans ces panneaux clairs */
html[data-theme="dark-ocean"] .section-card .showcase h2,
html[data-theme="dark-ocean"] .section-card .showcase h3,
html[data-theme="dark-ocean"] .section-card .showcase h4,
html[data-theme="dark-ocean"] .section-card .showcase strong,
html[data-theme="dark-ocean"] .section-card .business-board h2,
html[data-theme="dark-ocean"] .section-card .business-board h3,
html[data-theme="dark-ocean"] .section-card .business-board h4,
html[data-theme="dark-ocean"] .section-card .business-board strong,
html[data-theme="dark-ocean"] .section-card .blue-dashboard h2,
html[data-theme="dark-ocean"] .section-card .blue-dashboard h3,
html[data-theme="dark-ocean"] .section-card .blue-dashboard h4,
html[data-theme="dark-ocean"] .section-card .blue-dashboard strong,
html[data-theme="dark-ocean"] .section-card .workflow-board h2,
html[data-theme="dark-ocean"] .section-card .workflow-board h3,
html[data-theme="dark-ocean"] .section-card .workflow-board h4,
html[data-theme="dark-ocean"] .section-card .workflow-board strong,
html[data-theme="dark-ocean"] .section-card .sim-card h2,
html[data-theme="dark-ocean"] .section-card .sim-card h3,
html[data-theme="dark-ocean"] .section-card .sim-card h4,
html[data-theme="dark-ocean"] .section-card .sim-card strong,
html[data-theme="dark-ocean"] .section-card .chart-card h2,
html[data-theme="dark-ocean"] .section-card .chart-card h3,
html[data-theme="dark-ocean"] .section-card .chart-card h4,
html[data-theme="dark-ocean"] .section-card .chart-card strong,
html[data-theme="dark-violet"] .section-card .showcase h2,
html[data-theme="dark-violet"] .section-card .showcase h3,
html[data-theme="dark-violet"] .section-card .showcase h4,
html[data-theme="dark-violet"] .section-card .showcase strong,
html[data-theme="dark-violet"] .section-card .business-board h2,
html[data-theme="dark-violet"] .section-card .business-board h3,
html[data-theme="dark-violet"] .section-card .business-board h4,
html[data-theme="dark-violet"] .section-card .business-board strong,
html[data-theme="dark-violet"] .section-card .blue-dashboard h2,
html[data-theme="dark-violet"] .section-card .blue-dashboard h3,
html[data-theme="dark-violet"] .section-card .blue-dashboard h4,
html[data-theme="dark-violet"] .section-card .blue-dashboard strong,
html[data-theme="dark-violet"] .section-card .workflow-board h2,
html[data-theme="dark-violet"] .section-card .workflow-board h3,
html[data-theme="dark-violet"] .section-card .workflow-board h4,
html[data-theme="dark-violet"] .section-card .workflow-board strong,
html[data-theme="dark-violet"] .section-card .sim-card h2,
html[data-theme="dark-violet"] .section-card .sim-card h3,
html[data-theme="dark-violet"] .section-card .sim-card h4,
html[data-theme="dark-violet"] .section-card .sim-card strong,
html[data-theme="dark-violet"] .section-card .chart-card h2,
html[data-theme="dark-violet"] .section-card .chart-card h3,
html[data-theme="dark-violet"] .section-card .chart-card h4,
html[data-theme="dark-violet"] .section-card .chart-card strong,
html[data-theme="dark-emerald"] .section-card .showcase h2,
html[data-theme="dark-emerald"] .section-card .showcase h3,
html[data-theme="dark-emerald"] .section-card .showcase h4,
html[data-theme="dark-emerald"] .section-card .showcase strong,
html[data-theme="dark-emerald"] .section-card .business-board h2,
html[data-theme="dark-emerald"] .section-card .business-board h3,
html[data-theme="dark-emerald"] .section-card .business-board h4,
html[data-theme="dark-emerald"] .section-card .business-board strong,
html[data-theme="dark-emerald"] .section-card .blue-dashboard h2,
html[data-theme="dark-emerald"] .section-card .blue-dashboard h3,
html[data-theme="dark-emerald"] .section-card .blue-dashboard h4,
html[data-theme="dark-emerald"] .section-card .blue-dashboard strong,
html[data-theme="dark-emerald"] .section-card .workflow-board h2,
html[data-theme="dark-emerald"] .section-card .workflow-board h3,
html[data-theme="dark-emerald"] .section-card .workflow-board h4,
html[data-theme="dark-emerald"] .section-card .workflow-board strong,
html[data-theme="dark-emerald"] .section-card .sim-card h2,
html[data-theme="dark-emerald"] .section-card .sim-card h3,
html[data-theme="dark-emerald"] .section-card .sim-card h4,
html[data-theme="dark-emerald"] .section-card .sim-card strong,
html[data-theme="dark-emerald"] .section-card .chart-card h2,
html[data-theme="dark-emerald"] .section-card .chart-card h3,
html[data-theme="dark-emerald"] .section-card .chart-card h4,
html[data-theme="dark-emerald"] .section-card .chart-card strong{
  color:#183247 !important;
}

html[data-theme="dark-ocean"] .section-card .showcase p,
html[data-theme="dark-ocean"] .section-card .showcase li,
html[data-theme="dark-ocean"] .section-card .showcase small,
html[data-theme="dark-ocean"] .section-card .showcase span,
html[data-theme="dark-ocean"] .section-card .business-board p,
html[data-theme="dark-ocean"] .section-card .business-board li,
html[data-theme="dark-ocean"] .section-card .business-board small,
html[data-theme="dark-ocean"] .section-card .business-board span,
html[data-theme="dark-ocean"] .section-card .blue-dashboard p,
html[data-theme="dark-ocean"] .section-card .blue-dashboard li,
html[data-theme="dark-ocean"] .section-card .blue-dashboard small,
html[data-theme="dark-ocean"] .section-card .blue-dashboard span,
html[data-theme="dark-ocean"] .section-card .workflow-board p,
html[data-theme="dark-ocean"] .section-card .workflow-board li,
html[data-theme="dark-ocean"] .section-card .workflow-board small,
html[data-theme="dark-ocean"] .section-card .workflow-board span,
html[data-theme="dark-ocean"] .section-card .sim-card p,
html[data-theme="dark-ocean"] .section-card .sim-card li,
html[data-theme="dark-ocean"] .section-card .sim-card small,
html[data-theme="dark-ocean"] .section-card .sim-card span,
html[data-theme="dark-ocean"] .section-card .chart-card p,
html[data-theme="dark-ocean"] .section-card .chart-card li,
html[data-theme="dark-ocean"] .section-card .chart-card small,
html[data-theme="dark-ocean"] .section-card .chart-card span,
html[data-theme="dark-violet"] .section-card .showcase p,
html[data-theme="dark-violet"] .section-card .showcase li,
html[data-theme="dark-violet"] .section-card .showcase small,
html[data-theme="dark-violet"] .section-card .showcase span,
html[data-theme="dark-violet"] .section-card .business-board p,
html[data-theme="dark-violet"] .section-card .business-board li,
html[data-theme="dark-violet"] .section-card .business-board small,
html[data-theme="dark-violet"] .section-card .business-board span,
html[data-theme="dark-violet"] .section-card .blue-dashboard p,
html[data-theme="dark-violet"] .section-card .blue-dashboard li,
html[data-theme="dark-violet"] .section-card .blue-dashboard small,
html[data-theme="dark-violet"] .section-card .blue-dashboard span,
html[data-theme="dark-violet"] .section-card .workflow-board p,
html[data-theme="dark-violet"] .section-card .workflow-board li,
html[data-theme="dark-violet"] .section-card .workflow-board small,
html[data-theme="dark-violet"] .section-card .workflow-board span,
html[data-theme="dark-violet"] .section-card .sim-card p,
html[data-theme="dark-violet"] .section-card .sim-card li,
html[data-theme="dark-violet"] .section-card .sim-card small,
html[data-theme="dark-violet"] .section-card .sim-card span,
html[data-theme="dark-violet"] .section-card .chart-card p,
html[data-theme="dark-violet"] .section-card .chart-card li,
html[data-theme="dark-violet"] .section-card .chart-card small,
html[data-theme="dark-violet"] .section-card .chart-card span,
html[data-theme="dark-emerald"] .section-card .showcase p,
html[data-theme="dark-emerald"] .section-card .showcase li,
html[data-theme="dark-emerald"] .section-card .showcase small,
html[data-theme="dark-emerald"] .section-card .showcase span,
html[data-theme="dark-emerald"] .section-card .business-board p,
html[data-theme="dark-emerald"] .section-card .business-board li,
html[data-theme="dark-emerald"] .section-card .business-board small,
html[data-theme="dark-emerald"] .section-card .business-board span,
html[data-theme="dark-emerald"] .section-card .blue-dashboard p,
html[data-theme="dark-emerald"] .section-card .blue-dashboard li,
html[data-theme="dark-emerald"] .section-card .blue-dashboard small,
html[data-theme="dark-emerald"] .section-card .blue-dashboard span,
html[data-theme="dark-emerald"] .section-card .workflow-board p,
html[data-theme="dark-emerald"] .section-card .workflow-board li,
html[data-theme="dark-emerald"] .section-card .workflow-board small,
html[data-theme="dark-emerald"] .section-card .workflow-board span,
html[data-theme="dark-emerald"] .section-card .sim-card p,
html[data-theme="dark-emerald"] .section-card .sim-card li,
html[data-theme="dark-emerald"] .section-card .sim-card small,
html[data-theme="dark-emerald"] .section-card .sim-card span,
html[data-theme="dark-emerald"] .section-card .chart-card p,
html[data-theme="dark-emerald"] .section-card .chart-card li,
html[data-theme="dark-emerald"] .section-card .chart-card small,
html[data-theme="dark-emerald"] .section-card .chart-card span{
  color:#587188 !important;
}

/* Les petites cartes internes restent foncées avec texte clair */
html[data-theme^="dark-"] .section-card .showcase .mini-card,
html[data-theme^="dark-"] .section-card .showcase .mini-card *,
html[data-theme^="dark-"] .section-card .business-board .mini-card,
html[data-theme^="dark-"] .section-card .business-board .mini-card *{
  color:#f7fbff !important;
}



/* ===== Correction ciblée texte foncé dans panneaux clairs des thèmes sombres v23 ===== */
html[data-theme^="dark-"] .section-card .showcase,
html[data-theme^="dark-"] .section-card .business-board,
html[data-theme^="dark-"] .section-card .blue-dashboard,
html[data-theme^="dark-"] .section-card .workflow-board,
html[data-theme^="dark-"] .section-card .sim-card,
html[data-theme^="dark-"] .section-card .chart-card,
html[data-theme^="dark-"] .section-card .contact-form-card{
  color:#1a3248 !important;
}

html[data-theme^="dark-"] .section-card .showcase h2,
html[data-theme^="dark-"] .section-card .showcase h3,
html[data-theme^="dark-"] .section-card .showcase h4,
html[data-theme^="dark-"] .section-card .showcase strong,
html[data-theme^="dark-"] .section-card .business-board h2,
html[data-theme^="dark-"] .section-card .business-board h3,
html[data-theme^="dark-"] .section-card .business-board h4,
html[data-theme^="dark-"] .section-card .business-board strong,
html[data-theme^="dark-"] .section-card .blue-dashboard h2,
html[data-theme^="dark-"] .section-card .blue-dashboard h3,
html[data-theme^="dark-"] .section-card .blue-dashboard h4,
html[data-theme^="dark-"] .section-card .blue-dashboard strong,
html[data-theme^="dark-"] .section-card .workflow-board h2,
html[data-theme^="dark-"] .section-card .workflow-board h3,
html[data-theme^="dark-"] .section-card .workflow-board h4,
html[data-theme^="dark-"] .section-card .workflow-board strong,
html[data-theme^="dark-"] .section-card .sim-card h2,
html[data-theme^="dark-"] .section-card .sim-card h3,
html[data-theme^="dark-"] .section-card .sim-card h4,
html[data-theme^="dark-"] .section-card .sim-card strong,
html[data-theme^="dark-"] .section-card .chart-card h2,
html[data-theme^="dark-"] .section-card .chart-card h3,
html[data-theme^="dark-"] .section-card .chart-card h4,
html[data-theme^="dark-"] .section-card .chart-card strong,
html[data-theme^="dark-"] .section-card .contact-form-card h2,
html[data-theme^="dark-"] .section-card .contact-form-card h3,
html[data-theme^="dark-"] .section-card .contact-form-card h4,
html[data-theme^="dark-"] .section-card .contact-form-card strong{
  color:#163149 !important;
  text-shadow:none !important;
}

html[data-theme^="dark-"] .section-card .showcase p,
html[data-theme^="dark-"] .section-card .showcase li,
html[data-theme^="dark-"] .section-card .showcase small,
html[data-theme^="dark-"] .section-card .showcase span,
html[data-theme^="dark-"] .section-card .business-board p,
html[data-theme^="dark-"] .section-card .business-board li,
html[data-theme^="dark-"] .section-card .business-board small,
html[data-theme^="dark-"] .section-card .business-board span,
html[data-theme^="dark-"] .section-card .blue-dashboard p,
html[data-theme^="dark-"] .section-card .blue-dashboard li,
html[data-theme^="dark-"] .section-card .blue-dashboard small,
html[data-theme^="dark-"] .section-card .blue-dashboard span,
html[data-theme^="dark-"] .section-card .workflow-board p,
html[data-theme^="dark-"] .section-card .workflow-board li,
html[data-theme^="dark-"] .section-card .workflow-board small,
html[data-theme^="dark-"] .section-card .workflow-board span,
html[data-theme^="dark-"] .section-card .sim-card p,
html[data-theme^="dark-"] .section-card .sim-card li,
html[data-theme^="dark-"] .section-card .sim-card small,
html[data-theme^="dark-"] .section-card .sim-card span,
html[data-theme^="dark-"] .section-card .chart-card p,
html[data-theme^="dark-"] .section-card .chart-card li,
html[data-theme^="dark-"] .section-card .chart-card small,
html[data-theme^="dark-"] .section-card .chart-card span,
html[data-theme^="dark-"] .section-card .contact-form-card p,
html[data-theme^="dark-"] .section-card .contact-form-card li,
html[data-theme^="dark-"] .section-card .contact-form-card small,
html[data-theme^="dark-"] .section-card .contact-form-card span{
  color:#6d8398 !important;
  text-shadow:none !important;
  opacity:1 !important;
}

/* Exceptions: petites cartes foncées dans les panneaux clairs */
html[data-theme^="dark-"] .section-card .showcase .mini-card,
html[data-theme^="dark-"] .section-card .showcase .mini-card *,
html[data-theme^="dark-"] .section-card .business-board .mini-card,
html[data-theme^="dark-"] .section-card .business-board .mini-card *,
html[data-theme^="dark-"] .section-card .blue-dashboard .mini-card,
html[data-theme^="dark-"] .section-card .blue-dashboard .mini-card *{
  color:#f7fbff !important;
}

/* Exceptions: cartes KPI foncées internes */
html[data-theme^="dark-"] .section-card .showcase .metric-card,
html[data-theme^="dark-"] .section-card .showcase .metric-card *,
html[data-theme^="dark-"] .section-card .showcase .summary-grid div,
html[data-theme^="dark-"] .section-card .showcase .summary-grid div *,
html[data-theme^="dark-"] .section-card .business-board .bb-metrics > div,
html[data-theme^="dark-"] .section-card .business-board .bb-metrics > div *,
html[data-theme^="dark-"] .section-card .blue-dashboard .blue-summary div,
html[data-theme^="dark-"] .section-card .blue-dashboard .blue-summary div *{
  color:#f7fbff !important;
}



/* ===== Correction ultra ciblée panneaux clairs des thèmes sombres v24 ===== */
/* Le problème vient des panneaux clairs "showcase", qui doivent garder un texte sombre */
html[data-theme^="dark-"] .section-card .showcase,
html[data-theme^="dark-"] .section-card .showcase > div:not(.mini-card):not(.compact-lora):not(.lora-stage):not(.summary-dashboard),
html[data-theme^="dark-"] .section-card .showcase > div:not(.mini-card):not(.compact-lora):not(.lora-stage):not(.summary-dashboard) *,
html[data-theme^="dark-"] .section-card .showcase > p,
html[data-theme^="dark-"] .section-card .showcase > h2,
html[data-theme^="dark-"] .section-card .showcase > h3,
html[data-theme^="dark-"] .section-card .showcase > h4,
html[data-theme^="dark-"] .section-card .showcase > span,
html[data-theme^="dark-"] .section-card .showcase > strong{
  color:#183247 !important;
  text-shadow:none !important;
  opacity:1 !important;
}

html[data-theme^="dark-"] .section-card .showcase h2,
html[data-theme^="dark-"] .section-card .showcase h3,
html[data-theme^="dark-"] .section-card .showcase h4,
html[data-theme^="dark-"] .section-card .showcase strong,
html[data-theme^="dark-"] .section-card .showcase b{
  color:#183247 !important;
}

html[data-theme^="dark-"] .section-card .showcase p,
html[data-theme^="dark-"] .section-card .showcase li,
html[data-theme^="dark-"] .section-card .showcase small,
html[data-theme^="dark-"] .section-card .showcase span{
  color:#5f788f !important;
}

html[data-theme^="dark-"] .section-card .showcase .mini-card,
html[data-theme^="dark-"] .section-card .showcase .mini-card *,
html[data-theme^="dark-"] .section-card .showcase .metric-card,
html[data-theme^="dark-"] .section-card .showcase .metric-card *,
html[data-theme^="dark-"] .section-card .showcase .summary-grid div,
html[data-theme^="dark-"] .section-card .showcase .summary-grid div *{
  color:#f7fbff !important;
}

/* Panneaux business / workflow / simulation qui restent clairs aussi */
html[data-theme^="dark-"] .section-card .business-board,
html[data-theme^="dark-"] .section-card .workflow-board,
html[data-theme^="dark-"] .section-card .sim-card,
html[data-theme^="dark-"] .section-card .chart-card,
html[data-theme^="dark-"] .section-card .contact-form-card{
  color:#183247 !important;
}

html[data-theme^="dark-"] .section-card .business-board h2,
html[data-theme^="dark-"] .section-card .business-board h3,
html[data-theme^="dark-"] .section-card .business-board h4,
html[data-theme^="dark-"] .section-card .business-board strong,
html[data-theme^="dark-"] .section-card .workflow-board h2,
html[data-theme^="dark-"] .section-card .workflow-board h3,
html[data-theme^="dark-"] .section-card .workflow-board h4,
html[data-theme^="dark-"] .section-card .workflow-board strong,
html[data-theme^="dark-"] .section-card .sim-card h2,
html[data-theme^="dark-"] .section-card .sim-card h3,
html[data-theme^="dark-"] .section-card .sim-card h4,
html[data-theme^="dark-"] .section-card .sim-card strong,
html[data-theme^="dark-"] .section-card .chart-card h2,
html[data-theme^="dark-"] .section-card .chart-card h3,
html[data-theme^="dark-"] .section-card .chart-card h4,
html[data-theme^="dark-"] .section-card .chart-card strong,
html[data-theme^="dark-"] .section-card .contact-form-card h2,
html[data-theme^="dark-"] .section-card .contact-form-card h3,
html[data-theme^="dark-"] .section-card .contact-form-card h4,
html[data-theme^="dark-"] .section-card .contact-form-card strong{
  color:#183247 !important;
}

html[data-theme^="dark-"] .section-card .business-board p,
html[data-theme^="dark-"] .section-card .business-board li,
html[data-theme^="dark-"] .section-card .business-board small,
html[data-theme^="dark-"] .section-card .business-board span,
html[data-theme^="dark-"] .section-card .workflow-board p,
html[data-theme^="dark-"] .section-card .workflow-board li,
html[data-theme^="dark-"] .section-card .workflow-board small,
html[data-theme^="dark-"] .section-card .workflow-board span,
html[data-theme^="dark-"] .section-card .sim-card p,
html[data-theme^="dark-"] .section-card .sim-card li,
html[data-theme^="dark-"] .section-card .sim-card small,
html[data-theme^="dark-"] .section-card .sim-card span,
html[data-theme^="dark-"] .section-card .chart-card p,
html[data-theme^="dark-"] .section-card .chart-card li,
html[data-theme^="dark-"] .section-card .chart-card small,
html[data-theme^="dark-"] .section-card .chart-card span,
html[data-theme^="dark-"] .section-card .contact-form-card p,
html[data-theme^="dark-"] .section-card .contact-form-card li,
html[data-theme^="dark-"] .section-card .contact-form-card small,
html[data-theme^="dark-"] .section-card .contact-form-card span{
  color:#5f788f !important;
}

/* Exceptions pour les cartes foncées intégrées dans ces panneaux clairs */
html[data-theme^="dark-"] .section-card .business-board .impact-card,
html[data-theme^="dark-"] .section-card .business-board .impact-card *,
html[data-theme^="dark-"] .section-card .business-board .bb-metrics > div,
html[data-theme^="dark-"] .section-card .business-board .bb-metrics > div *,
html[data-theme^="dark-"] .section-card .sim-card .sim-results div,
html[data-theme^="dark-"] .section-card .sim-card .sim-results div *{
  color:#f7fbff !important;
}


/* v26b backup: white panels dark text, dark tiles light text */
html[data-theme^="dark-"] .energy-tech-grid .energy-meters-card h4,
html[data-theme^="dark-"] .energy-tech-grid .lora-card h4 {
  color:#183247 !important;
}
html[data-theme^="dark-"] .energy-tech-grid .energy-meters-card > p,
html[data-theme^="dark-"] .energy-tech-grid .lora-card > p,
html[data-theme^="dark-"] .energy-tech-grid .energy-note {
  color:#617b90 !important;
  opacity:1 !important;
}


/* v28 backup: dark tiles readable */
html[data-theme^="dark-"] .grid-3 .card,
html[data-theme^="dark-"] .grid-3 .card *{
  color:#f7fbff !important;
  opacity:1 !important;
}
html[data-theme^="dark-"] .grid-3 .card p,
html[data-theme^="dark-"] .grid-3 .card span,
html[data-theme^="dark-"] .grid-3 .card small{
  color:#dce9f4 !important;
}


#site-menu .brand-copy{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  min-width:360px !important;
  max-width:360px !important;
}
#site-menu .brand-copy .brand-line{
  display:block !important;
  font-size:.70rem !important;
  line-height:1.10 !important;
  white-space:nowrap !important;
}
@media (max-width:1180px){
  #site-menu .brand-copy{
    min-width:0 !important;
    max-width:none !important;
  }
  #site-menu .brand-copy .brand-line{
    font-size:.62rem !important;
  }
}






/* ===== Halo net autour du logo en thèmes sombres v34 ===== */
html[data-theme^="dark-"] #site-menu .logo-animated{
  position: relative;
}

html[data-theme^="dark-"] #site-menu .logo-animated .logo-base{
  filter:
    drop-shadow(0 0 0.8px rgba(255,255,255,1))
    drop-shadow(0 0 1.6px rgba(255,255,255,.98))
    drop-shadow(0 0 2.6px rgba(255,255,255,.92))
    drop-shadow(0 0 4.5px rgba(255,255,255,.42)) !important;
}

/* aucun cadre ajouté autour de l'image */
html[data-theme^="dark-"] #site-menu .logo-animated::after{
  content: none !important;
  box-shadow: none !important;
  border: 0 !important;
}