/* Mode clair des pages Netora World (<html data-theme="light">), dans le style de la page Suite EduPrivacy :
   bandeaux pleine largeur qui alternent bleu nuit, blanc et crème ; titres en serif ; accents or ; boutons bleus.
   Chaque section porte .ab-band + une classe de bandeau (ab-hero, ab-story…) : la couleur du bandeau va d'un bord à l'autre de l'écran.
   Chargé par les pages qui ont un mode clair (inc/i18n.php, NW_LIGHT_PAGES). */
html[data-theme="light"] {
  --bg: #ffffff;
  --line: #ece7dc;
  --line-g: rgba(168, 132, 63, .35);
  --ink: #1b2430;
  --ink-2: #5b6778;
  --ink-3: #6b7686;
  --g: #a8843f;
  --g-bright: #c9a45c;
  --gold: #c9a45c;
  --gold-2: #e6cf9a;
  --navy: #0f2a4a;
  --ink-lux: #0a1628;
  --blue: #1f5fbf;
  --cream: #faf8f3;
  --lux-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "DejaVu Serif", serif;
}
html[data-theme="light"] body { background: #fff; color: var(--ink); }
html[data-theme="light"] ::selection { background: var(--gold-2); color: var(--ink-lux); }
html[data-theme="light"] .bg-layer { display: none; }

/* ---------- Bandeaux pleine largeur ---------- */
.ab-band, .zone { position: relative; isolation: isolate; }
html[data-theme="light"] :is(.ab-band, .zone)::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); z-index: -1; background: var(--band, #fff); }
html[data-theme="light"] .ab-hero { --band: radial-gradient(ellipse 60% 70% at 85% 30%, rgba(201, 164, 92, .18), transparent 70%), linear-gradient(135deg, #071226 0%, #0d2350 60%, #0a1a3a 100%); padding-bottom: 60px; }
html[data-theme="light"] .ab-statsband { --band: radial-gradient(ellipse 70% 90% at 50% 0%, rgba(201, 164, 92, .18), transparent 70%), #0a1628; padding-block: 70px; }
html[data-theme="light"] .ab-statsband::after { content: ""; position: absolute; left: calc(50% - 50vw); right: calc(50% - 50vw); top: 0; height: 1px; background: rgba(201, 164, 92, .25); }
html[data-theme="light"] .ab-story { --band: #fff; }
html[data-theme="light"] .ab-founders { --band: var(--cream); }
html[data-theme="light"] .ab-promise { --band: #0a1628; }
html[data-theme="light"] .ab-team { --band: #fff; }
html[data-theme="light"] .ab-world { --band: radial-gradient(ellipse 60% 60% at 50% 55%, rgba(201, 164, 92, .12), transparent 70%), linear-gradient(180deg, #040b18 0%, #071226 100%); }
html[data-theme="light"] .ab-news { --band: var(--cream); }
html[data-theme="light"] :is(.ab-band, .zone).section { padding-block: 100px; }
/* Bandeaux génériques (pages Site web, Agents IA…) */
html[data-theme="light"] .zone-hero { --band: radial-gradient(ellipse 60% 70% at 85% 30%, rgba(201, 164, 92, .18), transparent 70%), linear-gradient(135deg, #071226 0%, #0d2350 60%, #0a1a3a 100%); }
html[data-theme="light"] .zone-navy { --band: radial-gradient(ellipse 70% 90% at 50% 0%, rgba(201, 164, 92, .16), transparent 70%), #0a1628; }
html[data-theme="light"] .zone-night { --band: radial-gradient(ellipse 60% 60% at 50% 55%, rgba(201, 164, 92, .12), transparent 70%), linear-gradient(180deg, #040b18 0%, #071226 100%); }
html[data-theme="light"] .zone-white { --band: #fff; }
html[data-theme="light"] .zone-cream { --band: var(--cream); }

/* ---------- Textes ---------- */
html[data-theme="light"] h1, html[data-theme="light"] h2 { font-family: var(--lux-serif); font-weight: 700; letter-spacing: -.01em; color: var(--ink-lux); }
html[data-theme="light"] h3 { color: var(--ink-lux); }
html[data-theme="light"] h1 em, html[data-theme="light"] h2 em { font-family: var(--lux-serif); font-style: italic; font-weight: 700; color: #a8843f; }
html[data-theme="light"] .eyebrow, html[data-theme="light"] .card .eyebrow { color: #a8843f; font-family: var(--sans); font-weight: 700; letter-spacing: .18em; }
html[data-theme="light"] .lead, html[data-theme="light"] .sub { color: var(--ink-2); }
html[data-theme="light"] .num { color: #a8843f; }

/* Bandeaux sombres : textes clairs, accents or clair */
html[data-theme="light"] :is(.ab-hero, .ab-statsband, .ab-promise, .ab-world, .zone-hero, .zone-navy, .zone-night) :is(h1, h2, h3) { color: #fff; }
html[data-theme="light"] :is(.ab-hero, .ab-statsband, .ab-promise, .ab-world, .zone-hero, .zone-navy, .zone-night) :is(h1, h2) em { color: var(--gold-2); }
html[data-theme="light"] :is(.ab-hero, .ab-promise, .ab-world, .zone-hero, .zone-navy, .zone-night) .eyebrow { color: var(--gold-2); }
html[data-theme="light"] :is(.ab-hero, .ab-promise, .ab-world, .zone-hero, .zone-navy, .zone-night) :is(.lead, .sub, p) { color: #c3cfdf; }
html[data-theme="light"] :is(.ab-hero, .ab-promise, .ab-world, .zone-hero, .zone-navy, .zone-night) p.eyebrow { color: var(--gold-2); }
html[data-theme="light"] :is(.ab-hero, .zone-hero) .dot { background: var(--gold-2); box-shadow: 0 0 10px rgba(230, 207, 154, .8); }
html[data-theme="light"] .about-h1 em { background-image: linear-gradient(90deg, var(--gold), var(--gold-2)); }

/* ---------- Boutons bleus comme EduPrivacy ---------- */
html[data-theme="light"] .btn { background: var(--blue); color: #fff; box-shadow: none; border-radius: 10px; }
html[data-theme="light"] .btn:hover { background: var(--navy); }
html[data-theme="light"] .btn-ghost { background: transparent; color: var(--navy); box-shadow: inset 0 0 0 2px var(--navy); }
html[data-theme="light"] .btn-ghost:hover { background: var(--navy); color: #fff; }

/* ---------- Chiffres (bandeau bleu nuit, comme la Suite) ---------- */
html[data-theme="light"] .about-stats { background: none; border: 0; box-shadow: none; gap: 20px; margin: 0; overflow: visible; }
html[data-theme="light"] .about-stats div { margin: 0; align-items: center; text-align: center; padding: 34px 18px 28px; border: 1px solid rgba(201, 164, 92, .22); border-radius: 22px; background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .01)); transition: border-color .35s, transform .35s, opacity .8s; }
html[data-theme="light"] .about-stats div.in:hover { border-color: var(--gold); transform: translateY(-4px); transition-delay: 0s; }
html[data-theme="light"] .about-stats strong { font-family: var(--lux-serif); font-style: normal; font-weight: 700; font-size: clamp(2.6rem, 4.4vw, 3.8rem); line-height: .9; background: linear-gradient(180deg, #fff 15%, var(--gold-2) 65%, var(--gold)); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-theme="light"] .about-stats strong::after { content: ""; display: block; width: 40px; height: 2px; margin: 18px auto 12px; background: var(--gold); border-radius: 2px; }
html[data-theme="light"] .about-stats span { color: #d5deea; }

/* ---------- Histoire (blanc) ---------- */
html[data-theme="light"] .story { border-color: #e6e2d6; }
html[data-theme="light"] .story li::before { background: #1d4a37; box-shadow: 0 0 0 4px #e8efe9; }
html[data-theme="light"] .story h3 { font-family: var(--lux-serif); font-size: 23px; }

/* ---------- Cartes blanches (fondateurs, équipe, articles) ---------- */
html[data-theme="light"] .card, html[data-theme="light"] .bl-card { background: #fff; border-color: var(--line); box-shadow: 0 10px 26px rgba(10, 22, 40, .05); }
html[data-theme="light"] .card p { color: var(--ink-2); }
html[data-theme="light"] .avatar, html[data-theme="light"] .cc { background: var(--ink-lux); color: var(--gold-2); border-color: rgba(201, 164, 92, .35); }
html[data-theme="light"] .chips li { background: var(--cream); border-color: var(--line); color: var(--navy); }
html[data-theme="light"] .founder .role { color: #a8843f; }
html[data-theme="light"] .founder h3 { font-family: var(--lux-serif); }
html[data-theme="light"] :is(.founder, .person, .bl-card).in:hover, html[data-theme="light"] .bl-card:hover { border-color: var(--gold); box-shadow: 0 20px 44px rgba(10, 22, 40, .12); }
html[data-theme="light"] .ab-team .person { background: #fff; }
html[data-theme="light"] .ab-team .person:nth-child(odd) { background: var(--cream); }

/* ---------- « Ce que cela change pour vous » (bandeau bleu nuit) ---------- */
html[data-theme="light"] .promise { background: none; border: 0; box-shadow: none; padding: 0; }
html[data-theme="light"] .promise .grid3 > div { padding: 22px; border-radius: 16px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(201, 164, 92, .2); }
html[data-theme="light"] .promise h3 { font-family: var(--lux-serif); }
html[data-theme="light"] .promise .num { color: var(--gold-2); }

/* ---------- Planisphère (bandeau nuit, carte sans cadre) ---------- */
html[data-theme="light"] .worldmap { background: none; border: 0; box-shadow: none; padding: 30px 0 50px; }
html[data-theme="light"] .map-land { stroke: rgba(219, 229, 242, .22); }
html[data-theme="light"] .map-hl { stroke: var(--gold); }
html[data-theme="light"] .pin-dot { background: var(--gold-2); box-shadow: 0 0 0 3px rgba(201, 164, 92, .3), 0 0 18px var(--gold); }
html[data-theme="light"] .pin-dot::after { border-color: var(--gold); }
html[data-theme="light"] .pin-line { background: linear-gradient(90deg, var(--gold-2), rgba(201, 164, 92, .3)); }
html[data-theme="light"] .pin-bubble { background: #fff; border-color: rgba(201, 164, 92, .5); box-shadow: 0 12px 30px rgba(0, 0, 0, .35); }
html[data-theme="light"] .pin-bubble small { color: #a8843f; }
html[data-theme="light"] .pin-bubble b { color: var(--ink-lux); }
html[data-theme="light"] .worldmap.in .pin-bubble:hover { border-color: #a8843f; box-shadow: 0 12px 30px rgba(0, 0, 0, .35), 0 0 22px -6px var(--gold); }
html[data-theme="light"] .world-list li { background: rgba(255, 255, 255, .05); border-color: rgba(201, 164, 92, .2); }
html[data-theme="light"] .world-list b { color: #fff; }
html[data-theme="light"] .world-list div span { color: #c3cfdf; }

/* ---------- Actualités (crème) ---------- */
html[data-theme="light"] .bl-card h3 { color: var(--ink-lux); font-family: var(--lux-serif); }
html[data-theme="light"] .bl-card p { color: var(--ink-2); }
html[data-theme="light"] .bl-card .nocov { color: var(--gold-2); font-family: var(--lux-serif); background: radial-gradient(ellipse at 30% 20%, rgba(201, 164, 92, .25), transparent 60%), var(--ink-lux); }
html[data-theme="light"] .bl-meta { color: var(--ink-3); }
html[data-theme="light"] .bl-empty { border-color: rgba(168, 132, 63, .4); color: var(--ink-2); background: #fff; }

@media (max-width: 760px) {
  html[data-theme="light"] .ab-band.section { padding-block: 70px; }
  html[data-theme="light"] .about-stats { gap: 12px; }
  html[data-theme="light"] .about-stats div { padding: 26px 10px 22px; border-radius: 18px; }
}