/* ====================================================================
   THÈME CLAIR — Page produit (palette resserrée conservée)
   ==================================================================== */
:root{
  --bg-0:#F4F7FC !important;
  --bg-1:#FFFFFF !important;
  --bg-2:#EAF0F8 !important;
  --line:#E2E9F4 !important;
  --text:#0E1730 !important;
  --muted:#54627E !important;
  --dim:#7C89A6 !important;
  --glass:rgba(255,255,255,0.85) !important;
  --glass-brd:#E2E9F4 !important;
  --shadow:0 18px 44px -24px rgba(20,40,90,0.25) !important;
  --grad-tech:linear-gradient(120deg,#0AA6C2,#6D4FE0) !important;
  --grad-health:linear-gradient(120deg,#0EA37A,#0AA6C2) !important;
  --grad-ai:linear-gradient(120deg,#6D4FE0,#3A66E0) !important;
}
body{background:#F4F7FC !important;color:var(--text) !important}
.slide,.demo-slide{
  background:radial-gradient(120vmax 90vmax at 50% -10%,#FFFFFF 0%,#F4F7FC 55%,#EAF0F8 100%) !important;
  border-bottom:1px solid #E2E9F4 !important;
}
/* surfaces vitrées -> blanc */
.fcard,.statbig,.glass,.demo-frame,[class*="card"]{
  background:#FFFFFF !important;border:1px solid #E2E9F4 !important;
  box-shadow:0 18px 44px -24px rgba(20,40,90,.2) !important;
}
.chip{background:#F1F5FB !important;border:1px solid #E2E9F4 !important;color:#27395C !important}
.eyebrow{color:#54627E !important}
.lead{color:#54627E !important}
/* particules visibles sur clair */
.bg-canvas{opacity:.5 !important;mix-blend-mode:multiply}
.ekg{opacity:.30 !important;mix-blend-mode:multiply}
/* nav éventuelle translucide sombre -> claire */
[style*="rgba(7,8,15"],[style*="rgba(11,18,36"],[style*="rgba(20,32,64"]{background:rgba(255,255,255,.85) !important}


/* ====================================================================
   CORRECTIFS LISIBILITÉ — thème clair (page produit)
   ==================================================================== */

/* A) Barre de navigation du haut : claire + texte lisible (image 3) */
nav{background:rgba(255,255,255,.85) !important;
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    border-bottom:1px solid #E2E9F4 !important;box-shadow:0 1px 0 #EEF3FA}
.nav-links a{color:#54627E !important}
.nav-links a:hover,.nav-links a.active{color:#0E1730 !important;background:#EEF3FA !important}
.nav-prod{color:#0E1730 !important}
#navDemoLink{color:#0AA6C2 !important}

/* B) Chips "DIAGNOSISCODE / SEQUENCE" et autres : texte foncé (image 1) */
.chip{background:#F1F5FB !important;border:1px solid #D7E2F1 !important;color:#27395C !important}
.chip *{color:inherit !important}
.j-mapcol .chip,.field-chip,[class*="code-chip"]{color:#1C2A4A !important;font-weight:600}

/* C) Carte du parcours patient : surface claire, "SERI OneHealth" lisible */
.j-stationcard,.j-match,.glass{background:#FFFFFF !important;border:1px solid #E2E9F4 !important;color:#0E1730 !important}
.j-phase{color:#0AA6C2 !important}
.nav-prod b{filter:saturate(1.1)}





/* ====================================================================
   CORRECTIFS LISIBILITÉ #2 — page produit (thème clair)
   ==================================================================== */

/* 1) DATA MODEL : chips de champs lisibles (image 3) — texte foncé */
.field{
  background:#EAF6FB !important;
  border:1px solid #B9E2EE !important;
  color:#0A6F86 !important;
  font-weight:600;
}

/* 2) Copyright / mentions de pied : texte lisible */
[style*="color:var(--dim)"]{color:#54627E !important}

/* 3) "SERI" éventuellement blanc dans la nav produit */
.nav-prod,.nav-brand{color:#0E1730 !important}

/* ====================================================================
   DÉMO INTERACTIVE (#demo) — reste en SOMBRE comme l'original
   (le reste du site demeure clair)
   ==================================================================== */
#demo.demo-slide{
  background:radial-gradient(120% 110% at 50% 0%,#0E1A38 0%,#0B1224 55%,#070B1A 100%) !important;
  border-top:1px solid #1C2A4A;border-bottom:1px solid #1C2A4A;
}
#demo .demo-head h2,#demo #demoTitle{color:#EAF1FF !important}
#demo .eyebrow,#demo .demo-lead{color:#8595B8 !important}
#demo .grad-h{ -webkit-text-fill-color:transparent !important;color:transparent !important}
/* cadre faux-navigateur : sombre d'origine */
#demo .demo-frame{
  background:rgba(20,32,64,.55) !important;
  border:1px solid #1C2A4A !important;
  box-shadow:0 36px 100px rgba(0,0,0,.5) !important;
}
#demo .demo-bar{background:rgba(11,18,36,.85) !important;border-bottom:1px solid #1C2A4A !important}
#demo .demo-url{background:rgba(7,11,26,.6) !important;border:1px solid #1C2A4A !important;color:#9fb0d0 !important}
#demo #demoLoading{background:rgba(11,18,36,.85) !important;color:#8595B8 !important}
/* le bouton "Open fullscreen" garde son style; on s'assure du contraste */
#demo .demo-open{color:#EAF1FF !important}

/* ====================================================================
   CORRECTIF — barre de langue : mêmes paramètres que l'accueil
   langues non sélectionnées en gris foncé lisible (#54627E)
   ==================================================================== */
.lang-switch{background:rgba(255,255,255,.85) !important;border-color:rgba(14,23,48,.15) !important}
.lang-btn:not(.on){color:#54627E !important;font-weight:700}
.lang-btn:not(.on):hover{color:#0E1730 !important}
.lang-btn.on{background:var(--grad-tech) !important;color:#fff !important}