/* ==========================================================================
   GODTHIC — SYSTÈME DE VARIABLES CHROMATIQUES & THÈME CLAIR / SOMBRE
   Directeur artistique : Luqman Doumbia (GODTHIC)
   Direction visuelle : Pureté Alabaster, Typo Noir Absolu, Accent Rouge Pur
   Zero gray/white unreadable text on light mode. Strict WCAG AAA compliance.
   ========================================================================== */

:root {
  /* ── Mode Sombre (Défaut / Identité GODTHIC) ── */
  --bg-main: #000000;
  --bg-deep: #050505;
  --bg-surface: #0a0a0c;
  --bg-surface-elevated: #111114;
  --bg-surface-translucent: rgba(14, 14, 18, 0.72);
  --bg-glass: rgba(16, 16, 20, 0.65);
  
  --text-main: #ffffff;
  --text-muted: #ababab;
  --text-dim: #777777;
  --text-inverse: #000000;
  
  --line-main: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 255, 255, 0.22);
  --line-subtle: rgba(255, 255, 255, 0.06);

  --accent-red: #ff1a1a;
  --accent-red-glow: rgba(255, 26, 26, 0.45);
  --accent-red-hover: #ff3333;

  /* Liquid Glass Desktop */
  --glass-nav-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(28, 28, 32, 0.38) 45%, rgba(12, 12, 15, 0.50) 100%);
  --glass-nav-border-top: rgba(255, 255, 255, 0.45);
  --glass-nav-border-side: rgba(255, 255, 255, 0.22);
  --glass-nav-border-bottom: rgba(255, 255, 255, 0.10);
  --glass-nav-shadow: inset 0 1px 1.5px rgba(255, 255, 255, 0.50), inset 0 -1px 1px rgba(0, 0, 0, 0.35), 0 14px 34px rgba(0, 0, 0, 0.45);

  /* Liquid Glass Mobile Bubbles */
  --glass-bubble-bg: linear-gradient(154deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 26%, rgba(22, 22, 26, 0.32) 58%, rgba(10, 10, 14, 0.48) 100%);
  --glass-bubble-border-top: rgba(255, 255, 255, 0.50);
  --glass-bubble-border-left: rgba(255, 255, 255, 0.30);
  --glass-bubble-border-right: rgba(255, 255, 255, 0.18);
  --glass-bubble-border-bottom: rgba(255, 255, 255, 0.10);
  --glass-bubble-shadow: inset 0 1.5px 2px rgba(255, 255, 255, 0.55), inset 0 -2px 3px rgba(0, 0, 0, 0.38), inset 0 0 16px rgba(255, 255, 255, 0.06), 0 14px 34px -4px rgba(0, 0, 0, 0.48);
  --glass-bubble-text: #ffffff;
  --glass-bubble-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);

  /* Smoke Glass Archives */
  --wheel-red: #ff1a1a;
  --smoke-glass-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(28, 28, 32, 0.38) 45%, rgba(12, 12, 15, 0.50) 100%);

  /* Filtres Logos */
  --logo-filter: none;
}

/* ==========================================================================
   MODE CLAIR : STRICTEMENT AUCUN TEXTE BLANC OU GRIS CLAIR
   Typographie : Noir d'encre #0c0c0e, corps #1a1a24, métas #2c2c38, rouge #d90f0f
   ========================================================================== */
[data-theme="light"] {
  --black: #f5f5f7;
  --white: #0c0c0e;
  --ink: #ffffff;
  --line: rgba(0, 0, 0, 0.12);
  --muted: #1c1c24;
  --red: #d90f0f;

  --bg-main: #f5f5f7;
  --bg-deep: #ffffff;
  --bg-surface: #ebebef;
  --bg-surface-elevated: #ffffff;
  --bg-surface-translucent: rgba(255, 255, 255, 0.88);
  --bg-glass: rgba(255, 255, 255, 0.80);

  --text-main: #0c0c0e;
  --text-muted: #1a1a24;
  --text-dim: #2b2b38;
  --text-inverse: #ffffff;

  --line-main: rgba(0, 0, 0, 0.12);
  --line-strong: rgba(0, 0, 0, 0.24);
  --line-subtle: rgba(0, 0, 0, 0.06);

  --accent-red: #d90f0f;
  --accent-red-glow: rgba(217, 15, 15, 0.35);
  --accent-red-hover: #b80c0c;

  /* Liquid Glass Desktop Givré Lumineux */
  --glass-nav-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(242, 242, 248, 0.78) 50%, rgba(228, 228, 236, 0.70) 100%);
  --glass-nav-border-top: rgba(255, 255, 255, 0.98);
  --glass-nav-border-side: rgba(0, 0, 0, 0.08);
  --glass-nav-border-bottom: rgba(0, 0, 0, 0.12);
  --glass-nav-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.95), inset 0 -1px 2px rgba(0, 0, 0, 0.05), 0 14px 34px rgba(0, 0, 0, 0.08);

  /* Liquid Glass Mobile Bubbles Givré */
  --glass-bubble-bg: linear-gradient(154deg, rgba(255, 255, 255, 0.94) 0%, rgba(246, 246, 250, 0.86) 40%, rgba(232, 232, 238, 0.78) 100%);
  --glass-bubble-border-top: rgba(255, 255, 255, 0.98);
  --glass-bubble-border-left: rgba(255, 255, 255, 0.90);
  --glass-bubble-border-right: rgba(0, 0, 0, 0.12);
  --glass-bubble-border-bottom: rgba(0, 0, 0, 0.16);
  --glass-bubble-shadow: inset 0 1.5px 2px rgba(255, 255, 255, 0.98), inset 0 -1.5px 2px rgba(0, 0, 0, 0.06), 0 14px 30px -4px rgba(0, 0, 0, 0.12);
  --glass-bubble-text: #0c0c0e;
  --glass-bubble-text-shadow: none;

  /* Smoke Glass Archives */
  --wheel-red: #d90f0f;
  --smoke-glass-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(245, 245, 249, 0.90) 50%, rgba(235, 235, 242, 0.85) 100%);

  --logo-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.15));
}

/* ── Application globale ── */
body {
  background-color: var(--bg-main) !important;
  color: var(--text-main) !important;
  transition: background-color 0.28s ease, color 0.28s ease;
}

[data-theme="light"] body {
  background-color: #f5f5f7 !important;
  color: #0c0c0e !important;
}

/* ── 1. HERO SECTION & INTRODUCTION AU CHARGEMENT DU SITE ── */
[data-theme="light"] .presence {
  background: linear-gradient(140deg, #f5f5f7 0%, #ebebef 55%, #e2dfdf 100%) !important;
  color: #0c0c0e !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .presence h1 {
  color: #0c0c0e !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

[data-theme="light"] .presence .name {
  color: #121216 !important;
  font-weight: 800 !important;
}

[data-theme="light"] .presence .positioning {
  color: #1e1e26 !important;
  font-weight: 500 !important;
}

[data-theme="light"] .presence .manifesto {
  color: #0c0c0e !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}

[data-theme="light"] .presence .kicker {
  color: #d90f0f !important;
  font-weight: 800 !important;
}

[data-theme="light"] .presence .scroll-note,
[data-theme="light"] .presence .scroll-note span {
  color: #d90f0f !important;
}

/* Overlay Intro Vidéo (au chargement si visible) */
[data-theme="light"] .intro {
  background: #f5f5f7 !important;
  color: #0c0c0e !important;
}

[data-theme="light"] .intro-shade {
  background: radial-gradient(circle at 50% 50%, rgba(245, 245, 247, 0.65) 0%, rgba(245, 245, 247, 0.92) 55%, #f5f5f7 100%) !important;
}

[data-theme="light"] .intro-film {
  filter: grayscale(1) contrast(1.15) brightness(1.2) !important;
  opacity: 0.18 !important;
  mix-blend-mode: multiply !important;
}

[data-theme="light"] .intro-copy .intro-title {
  color: #0c0c0e !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

[data-theme="light"] .intro-copy p:not(.kicker) {
  color: #181822 !important;
  font-weight: 600 !important;
}

[data-theme="light"] .intro-copy .kicker {
  color: #d90f0f !important;
  font-weight: 800 !important;
}

[data-theme="light"] .intro-copy .text-button {
  background: #0c0c0e !important;
  color: #ffffff !important;
  border: 1px solid #0c0c0e !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}

[data-theme="light"] .intro-copy .text-button:hover {
  background: #d90f0f !important;
  border-color: #d90f0f !important;
  color: #ffffff !important;
}

/* ── 2. TYPOGRAPHIE & HIÉRARCHIE GLOBALE ── */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
  color: #0c0c0e !important;
  text-shadow: none !important;
}

[data-theme="light"] p {
  color: #1a1a24 !important;
}

[data-theme="light"] .kicker,
[data-theme="light"] .wp-kicker,
[data-theme="light"] .section-head .kicker,
[data-theme="light"] .trajectoire-header .kicker,
[data-theme="light"] .trajectoire-kicker {
  color: #d90f0f !important;
  font-weight: 800 !important;
}

/* ── 3. PROJETS SÉLECTIONNÉS (Accueil — #projects / .work) ── */
[data-theme="light"] .work {
  background: transparent !important;
  color: #0c0c0e !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .section-head h2 {
  color: #0c0c0e !important;
}

[data-theme="light"] .project {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .project-info h3 {
  color: #0c0c0e !important;
}

[data-theme="light"] .project-meta {
  color: #24242e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .project-info p {
  color: #1a1a24 !important;
}

[data-theme="light"] .project-discover {
  color: #d90f0f !important;
  font-weight: 800 !important;
}

[data-theme="light"] .project-image,
[data-theme="light"] .project-identifier {
  background: #e8e8ed !important;
}

[data-theme="light"] .all-projects a {
  color: #0c0c0e !important;
  border-color: rgba(0, 0, 0, 0.28) !important;
  font-weight: 700 !important;
}

[data-theme="light"] .all-projects a:hover {
  background: #0c0c0e !important;
  color: #ffffff !important;
}

/* ── 4. PAGE EXPLORATEUR PROJETS (/projects) ── */
[data-theme="light"] .projects-page {
  background: var(--bg-main) !important;
  color: #0c0c0e !important;
}

[data-theme="light"] .projects-intro h1 {
  color: #0c0c0e !important;
}

[data-theme="light"] .projects-intro > p:last-child {
  color: #1a1a24 !important;
  font-weight: 500 !important;
}

[data-theme="light"] .explore-project {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .explore-media {
  background: #e8e8ed !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .explore-copy h2 {
  color: #0c0c0e !important;
}

[data-theme="light"] .explore-meta {
  color: #24242e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .explore-copy p {
  color: #1a1a24 !important;
}

[data-theme="light"] .explore-copy > span {
  color: #d90f0f !important;
  font-weight: 800 !important;
}

/* ── 5. ÉTUDE DE CAS DÉTAILLÉE (/work?project=...) ── */
[data-theme="light"] .dedicated-case {
  background: var(--bg-main) !important;
  color: #0c0c0e !important;
}

[data-theme="light"] .case-back {
  color: #1c1c24 !important;
  font-weight: 700 !important;
}

[data-theme="light"] .case-back:hover {
  color: #d90f0f !important;
}

[data-theme="light"] .study-intro h1 {
  color: #0c0c0e !important;
}

[data-theme="light"] .study-lead {
  color: #121218 !important;
  font-weight: 500 !important;
}

[data-theme="light"] .study-facts dt {
  color: #d90f0f !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

[data-theme="light"] .study-facts dd {
  color: #0c0c0e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .study-note {
  color: #24242e !important;
  font-weight: 500 !important;
}

[data-theme="light"] .study-hero {
  background: #e8e8ed !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .chapter-nav {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .chapter-nav a {
  color: #24242e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .chapter-nav a:hover {
  color: #d90f0f !important;
}

[data-theme="light"] .study-chapter {
  border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
}

[data-theme="light"] .chapter-copy h2 {
  color: #0c0c0e !important;
}

[data-theme="light"] .chapter-copy p {
  color: #1a1a24 !important;
  font-weight: 500 !important;
}

[data-theme="light"] .study-visual figcaption,
[data-theme="light"] .evidence-pages figcaption,
[data-theme="light"] .study-videos figcaption {
  color: #1c1c24 !important;
  font-weight: 600 !important;
}

[data-theme="light"] .study-visual figcaption span,
[data-theme="light"] .evidence-pages figcaption span {
  color: #d90f0f !important;
  font-weight: 800 !important;
}

[data-theme="light"] .document-link {
  color: #0c0c0e !important;
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.22) !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

[data-theme="light"] .document-link:hover {
  background: #0c0c0e !important;
  color: #ffffff !important;
  border-color: #0c0c0e !important;
}

[data-theme="light"] .document-link small {
  color: #24242e !important;
}

[data-theme="light"] .document-link:hover small {
  color: #ffffff !important;
}

[data-theme="light"] .case-next a {
  color: #0c0c0e !important;
  font-weight: 800 !important;
}

[data-theme="light"] .case-next a:hover {
  color: #d90f0f !important;
}

[data-theme="light"] .study-metrics {
  border-color: rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .metric-num {
  color: #0c0c0e !important;
}

[data-theme="light"] .metric-tag {
  color: #24242e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .metric-item-num {
  color: #0c0c0e !important;
}

[data-theme="light"] .metric-item-plat {
  color: #24242e !important;
}

/* ── 6. ROUE DES ARCHIVES (#archives) ── */
[data-theme="light"] .archives {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .archives-intro .archives-title {
  color: #0c0c0e !important;
}

[data-theme="light"] .archives-intro .archives-note {
  color: #1a1a24 !important;
}

[data-theme="light"] .wheel-panel {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(245, 245, 249, 0.90) 50%, rgba(235, 235, 242, 0.85) 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.95), 0 16px 40px rgba(0, 0, 0, 0.08) !important;
  color: #0c0c0e !important;
}

[data-theme="light"] .wp-name {
  color: #0c0c0e !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

[data-theme="light"] .wp-meta-label {
  color: #3e3e4c !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}

[data-theme="light"] .wp-meta-value {
  color: #0c0c0e !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}

[data-theme="light"] .wp-streaming {
  color: #0c0c0e !important;
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.16) !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}

[data-theme="light"] .wp-description {
  color: #181822 !important;
  text-shadow: none !important;
  border-top: 1px solid rgba(0, 0, 0, 0.10) !important;
}

[data-theme="light"] .wp-variants-label {
  color: #2c2c38 !important;
  font-weight: 800 !important;
}

[data-theme="light"] .wp-variant {
  border-color: rgba(0, 0, 0, 0.16) !important;
  background: #ffffff !important;
}

[data-theme="light"] .wp-variant-label {
  color: #ffffff !important;
  font-weight: 700 !important;
}

[data-theme="light"] .wp-doc-btn {
  color: #0c0c0e !important;
  text-decoration-color: #d90f0f !important;
  font-weight: 700 !important;
}

[data-theme="light"] .wp-expand-btn {
  color: #0c0c0e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .wheel-hint {
  color: #24242e !important;
}

[data-theme="light"] .wheel-hint-arrow {
  color: #d90f0f !important;
}

/* Quick Bar & Pills en mode clair */
[data-theme="light"] .wheel-nav-btn {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  color: #0c0c0e !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .wheel-nav-btn:hover {
  background: #d90f0f !important;
  border-color: #d90f0f !important;
  color: #ffffff !important;
}

[data-theme="light"] .wheel-counter {
  color: #0c0c0e !important;
  font-weight: 800 !important;
}

[data-theme="light"] .wheel-pill {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  color: #24242e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .wheel-pill:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.28) !important;
  color: #0c0c0e !important;
}

[data-theme="light"] .wheel-pill.is-active {
  background: #d90f0f !important;
  border-color: #d90f0f !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(217, 15, 15, 0.35) !important;
}

/* ── 7. SERVICES (#services) ── */
[data-theme="light"] .services {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .section-note {
  color: #24242e !important;
  font-weight: 500 !important;
}

[data-theme="light"] .service {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .service h3 {
  color: #0c0c0e !important;
}

[data-theme="light"] .service-price {
  color: #d90f0f !important;
  font-weight: 800 !important;
}

[data-theme="light"] .service p {
  color: #1a1a24 !important;
}

[data-theme="light"] .service a {
  border: 1px solid rgba(0, 0, 0, 0.22) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
  color: #0c0c0e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .service a:hover {
  background: #0c0c0e !important;
  color: #ffffff !important;
}

/* ── 8. À PROPOS (#about) ── */
[data-theme="light"] .about {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .about-copy h2 {
  color: #0c0c0e !important;
}

[data-theme="light"] .about-copy p {
  color: #181822 !important;
}

[data-theme="light"] .about-copy strong {
  color: #0c0c0e !important;
}

[data-theme="light"] .disciplines {
  color: #d90f0f !important;
  font-weight: 800 !important;
}

[data-theme="light"] .about-ending {
  color: #0c0c0e !important;
  font-weight: 700 !important;
}

/* ── 9. TRAJECTOIRE (#trajectoire) ── */
[data-theme="light"] .trajectoire {
  color: #0c0c0e !important;
}

[data-theme="light"] .trajectoire-header h2 {
  color: #0c0c0e !important;
}

[data-theme="light"] .trajectoire-rule {
  background: #d90f0f !important;
}

[data-theme="light"] .trajectoire-line-base {
  background: rgba(0, 0, 0, 0.14) !important;
}

[data-theme="light"] .trajectoire-line-fill {
  background: linear-gradient(180deg, #0c0c0e 0%, #d90f0f 25%, #ff0000 100%) !important;
}

[data-theme="light"] .trajectoire-dot {
  background: #e4e4ea !important;
  border-color: rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0 0 0 3px #f5f5f7 !important;
}

[data-theme="light"] .trajectoire-dot.is-active {
  background: #d90f0f !important;
  border-color: #0c0c0e !important;
  box-shadow: 0 0 0 3px #f5f5f7, 0 0 14px rgba(217, 15, 15, 0.6) !important;
}

[data-theme="light"] .trajectoire-content .trajectoire-title {
  color: #0c0c0e !important;
}

[data-theme="light"] .trajectoire-content .trajectoire-meta {
  color: #24242e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .trajectoire-content .trajectoire-text {
  color: #181822 !important;
}

[data-theme="light"] .trajectoire-tags {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .trajectoire-tags span {
  color: #24242e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .trajectoire-tools {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .tools-label {
  color: #d90f0f !important;
  font-weight: 800 !important;
}

[data-theme="light"] .tools-list {
  color: #181822 !important;
  font-weight: 600 !important;
}

/* ── 10. DEMANDE DE PROJET & FORMULAIRE (#project-request) ── */
[data-theme="light"] .project-request {
  background: #ececf0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .request-form fieldset {
  border-top: 1px solid rgba(0, 0, 0, 0.14) !important;
}

[data-theme="light"] .request-form legend {
  color: #d90f0f !important;
  font-weight: 800 !important;
}

[data-theme="light"] .request-form label {
  color: #0c0c0e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .request-form label span {
  color: #4a4a58 !important;
}

[data-theme="light"] .request-form input,
[data-theme="light"] .request-form textarea {
  background: transparent !important;
  color: #0c0c0e !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.28) !important;
}

[data-theme="light"] .request-form input:focus,
[data-theme="light"] .request-form textarea:focus {
  border-color: #d90f0f !important;
}

/* Custom Select Budget en Mode Clair */
[data-theme="light"] .budget-trigger {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  color: #0c0c0e !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .budget-trigger-label {
  color: #181822 !important;
  font-weight: 600 !important;
}

[data-theme="light"] .budget-trigger-label.has-value {
  color: #0c0c0e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .budget-chevron {
  color: #0c0c0e !important;
}

[data-theme="light"] .budget-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .budget-option {
  color: #1a1a24 !important;
  font-weight: 500 !important;
}

[data-theme="light"] .budget-option:hover,
[data-theme="light"] .budget-option.is-highlighted {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #0c0c0e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .budget-option.is-selected {
  background: #0c0c0e !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

[data-theme="light"] .form-submit,
[data-theme="light"] .contact-cv-btn,
[data-theme="light"] .text-button {
  background: #0c0c0e !important;
  color: #ffffff !important;
  border-color: #0c0c0e !important;
  font-weight: 800 !important;
}

[data-theme="light"] .form-submit:hover,
[data-theme="light"] .contact-cv-btn:hover,
[data-theme="light"] .text-button:hover {
  background: #d90f0f !important;
  border-color: #d90f0f !important;
  color: #ffffff !important;
}

/* ── 11. CONTACT (#contact) ── */
[data-theme="light"] .contact {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .contact h2 {
  color: #0c0c0e !important;
}

[data-theme="light"] .contact-links a:not(.contact-cv-btn) {
  border-color: rgba(0, 0, 0, 0.22) !important;
  color: #0c0c0e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .contact-links a:not(.contact-cv-btn):hover {
  background: #0c0c0e !important;
  color: #ffffff !important;
  border-color: #0c0c0e !important;
}

[data-theme="light"] .copy-status,
[data-theme="light"] .form-status {
  color: #d90f0f !important;
  font-weight: 700 !important;
}

/* ── 12. NAVBAR DESKTOP (> 760px) ── */
@media (min-width: 761px) {
  .nav {
    background: var(--glass-nav-bg) !important;
    border-top: 1px solid var(--glass-nav-border-top) !important;
    border-left: 1px solid var(--glass-nav-border-side) !important;
    border-right: 1px solid var(--glass-nav-border-side) !important;
    border-bottom: 1px solid var(--glass-nav-border-bottom) !important;
    box-shadow: var(--glass-nav-shadow) !important;
    color: var(--text-main) !important;
  }

  .nav nav a {
    color: var(--text-main) !important;
  }

  [data-theme="light"] .nav-cta {
    border-color: #0c0c0e !important;
    color: #0c0c0e !important;
    font-weight: 700 !important;
  }

  [data-theme="light"] .nav-cta:hover {
    background: #0c0c0e !important;
    color: #ffffff !important;
  }
}

/* ── 13. BOUTONS THÈME & NAVIGATION MOBILE ── */
.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  border-radius: 999px;
  background: var(--glass-bubble-bg);
  border-top: 1px solid var(--glass-bubble-border-top);
  border-left: 1px solid var(--glass-bubble-border-left);
  border-right: 1px solid var(--glass-bubble-border-right);
  border-bottom: 1px solid var(--glass-bubble-border-bottom);
  box-shadow: var(--glass-bubble-shadow);
  backdrop-filter: blur(20px) saturate(190%) contrast(105%);
  -webkit-backdrop-filter: blur(20px) saturate(190%) contrast(105%);
  color: var(--text-main);
  cursor: pointer;
  padding: 0;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease, border-color 0.3s ease;
  position: relative;
  flex-shrink: 0;
  pointer-events: auto !important;
  user-select: none;
  -webkit-user-select: none;
}

.theme-toggle-btn:hover {
  transform: scale(1.08);
}

.theme-toggle-btn:active {
  transform: scale(0.92);
}

.theme-toggle-btn svg {
  width: 17px;
  height: 17px;
  display: block;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Gestion Desktop vs Mobile */
.desktop-theme-toggle {
  display: inline-flex;
}

.mobile-theme-toggle {
  display: none;
}

.nav-mobile-actions {
  display: none;
}

/* ── CONFIGURATION MOBILE (< 760px) ── */
@media (max-width: 760px) {
  .nav > .desktop-theme-toggle,
  .desktop-theme-toggle {
    display: none !important;
  }

  .nav-mobile-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    flex-shrink: 0 !important;
    pointer-events: none !important;
  }

  .nav-mobile-actions > * {
    pointer-events: auto !important;
  }

  .mobile-theme-toggle {
    display: inline-flex !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
  }

  .nav-mobile-actions .nav-mobile-toggle {
    margin: 0 !important;
    width: clamp(92px, 25vw, 106px) !important;
    height: 48px !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    flex-shrink: 0 !important;
  }

  .mobile-theme-toggle svg {
    width: 20px;
    height: 20px;
  }

  /* Style des bulles en mode clair */
  [data-theme="light"] .nav-mobile-logo,
  [data-theme="light"] .nav-mobile-toggle,
  [data-theme="light"] .theme-toggle-btn {
    background: var(--glass-bubble-bg) !important;
    border-top: 1px solid var(--glass-bubble-border-top) !important;
    border-left: 1px solid var(--glass-bubble-border-left) !important;
    border-right: 1px solid var(--glass-bubble-border-right) !important;
    border-bottom: 1px solid var(--glass-bubble-border-bottom) !important;
    box-shadow: var(--glass-bubble-shadow) !important;
    color: var(--glass-bubble-text) !important;
    text-shadow: var(--glass-bubble-text-shadow) !important;
  }

  [data-theme="light"] nav#site-navigation a {
    background: var(--glass-bubble-bg) !important;
    border-top: 1px solid var(--glass-bubble-border-top) !important;
    border-left: 1px solid var(--glass-bubble-border-left) !important;
    border-right: 1px solid var(--glass-bubble-border-right) !important;
    border-bottom: 1px solid var(--glass-bubble-border-bottom) !important;
    box-shadow: var(--glass-bubble-shadow) !important;
    color: var(--glass-bubble-text) !important;
    text-shadow: var(--glass-bubble-text-shadow) !important;
  }
}

/* ── 14. COMPOSANTS COMPLÉMENTAIRES & ART DIRECTION CLAIR ── */
[data-theme="light"] .selected-service {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
  color: #0c0c0e !important;
}

[data-theme="light"] .selected-service strong {
  color: #0c0c0e !important;
}

[data-theme="light"] .selected-service a {
  color: #d90f0f !important;
  border-bottom: 1px solid #d90f0f !important;
  font-weight: 700 !important;
}

[data-theme="light"] .selected-service::after {
  display: none !important;
}

[data-theme="light"] .service-choices label {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.16) !important;
  color: #1a1a24 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  font-weight: 600 !important;
}

[data-theme="light"] .service-choices label:hover {
  border-color: rgba(0, 0, 0, 0.35) !important;
  color: #0c0c0e !important;
}

[data-theme="light"] .service-choices input:checked + span {
  color: #d90f0f !important;
  font-weight: 800 !important;
}

[data-theme="light"] .photo-chapter-copy h3 {
  color: #0c0c0e !important;
}

[data-theme="light"] .photo-chapter-copy p:last-child {
  color: #1a1a24 !important;
}

[data-theme="light"] .photo-rail figcaption,
[data-theme="light"] .capsule-grid figcaption {
  color: #24242e !important;
  font-weight: 600 !important;
}

[data-theme="light"] .memory-piece figcaption span {
  color: #0c0c0e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .memory-piece small {
  color: #24242e !important;
  font-weight: 600 !important;
}

[data-theme="light"] .memory-control {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  color: #0c0c0e !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .memory-control:hover {
  background: #0c0c0e !important;
  color: #ffffff !important;
}

[data-theme="light"] .archive-item {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .archive-item h3 {
  color: #0c0c0e !important;
}

[data-theme="light"] .archive-item p:last-child {
  color: #1a1a24 !important;
}

[data-theme="light"] .status {
  border-color: #d90f0f !important;
  color: #d90f0f !important;
  font-weight: 700 !important;
}

[data-theme="light"] .outro-mark {
  filter: invert(1) contrast(1.2) !important;
  opacity: 0.16 !important;
}