/* ═══════════════════════════════════════════════════════════════════════════
   KODA MONDE AQUA — Accent & Surcharges
   ═══════════════════════════════════════════════════════════════════════════
   Depends on: koda-design-tokens.css, koda-monde-shell-v2.css
   Replaces:   koda-monde-aqua.css (3674L) + koda-monde-aqua-theme.css
               + koda-aqua-darkacademia.css

   Ce fichier contient UNIQUEMENT :
   - Variables --monde-* pour Aqua
   - Hero overlay Aqua
   - Aliases de transition pour hooks JS (W0bis)
   - Surcharges visuelles minimales propres a Aqua

   Tout le layout, les composants et le responsive viennent du shell V2.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════════════
   1. VARIABLES MONDE — AQUA / ABYSSAE
   ═══════════════════════════════════════════════════════════════════════════
   Source : koda-design-tokens.css (:root --koda-aqua-*)
   ═══════════════════════════════════════════════════════════════════════════ */

.koda-monde--aqua {
    --monde-primary: var(--koda-aqua-primary);
    --monde-secondary: var(--koda-aqua-secondary);
    --monde-dark: var(--koda-aqua-dark);
    --monde-glow: var(--koda-aqua-glow);
    --monde-subtle: var(--koda-aqua-subtle);
    --monde-border: var(--koda-aqua-border);
    --monde-gradient: linear-gradient(135deg, #0a0f1f 0%, var(--koda-void) 100%);

    /* Hero overlay — profondeurs oceaniques (simplifie W3) */
    --monde-hero-overlay: linear-gradient(
        180deg,
        rgba(5, 13, 20, 0.85) 0%,
        rgba(5, 13, 20, 0.4) 40%,
        rgba(5, 13, 20, 0.7) 100%
    );
}


/* ═══════════════════════════════════════════════════════════════════════════
   2. ALIASES DE TRANSITION — HOOKS JS (W0bis)
   ═══════════════════════════════════════════════════════════════════════════
   koda-monde-aqua.js L57 cible :
     .species-card, .terra-section, .terra-quest, .terra-nav
   avec un IntersectionObserver pour ajouter .animate-in.

   koda-monde-aqua.js root :
     .koda-monde--aqua[data-instance]  (preserved above)
     #aqua-datetime-{i}, #water-temp-{i}, etc.  (IDs in template PHP)

   A SUPPRIMER apres W13 cleanup.
   ═══════════════════════════════════════════════════════════════════════════ */

.koda-monde--aqua .terra-section {
    /* No-op — layout handled by .koda-monde__section in shell V2 */
}

.koda-monde--aqua .terra-nav {
    /* No-op — layout handled by shell V2 section 2b */
}

.koda-monde--aqua .species-card {
    /* No-op — used as IntersectionObserver target only */
}

.koda-monde--aqua .terra-quest {
    /* No-op — used as IntersectionObserver target only */
}


/* ═══════════════════════════════════════════════════════════════════════════
   3. SURCHARGES VISUELLES AQUA
   ═══════════════════════════════════════════════════════════════════════════
   Effets subtils propres a Aqua, sans recreer le theme Bioshock/Art Deco.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Fond du wrapper — teinte abyssale ── */
.koda-monde--aqua {
    background: var(--monde-gradient);
}

/* ── Hero logo glow — bleu profond ── */
.koda-monde--aqua .koda-monde__hero .hero__logo {
    animation: koda-monde-logoFloat 5s ease-in-out infinite;
    filter: drop-shadow(0 0 20px var(--monde-glow));
}

/* ── Cards — accent bar bleu ── */
.koda-monde--aqua .koda-monde__card::before {
    background: var(--koda-aqua-primary);
}

/* ── Stats numbers — bleu ── */
.koda-monde--aqua .koda-monde__stat-number {
    color: var(--koda-aqua-primary);
}

/* ── Pricing featured card — glow bleu ── */
.koda-monde--aqua .koda-monde__pricing-card--featured {
    border-color: var(--koda-aqua-primary);
    box-shadow: 0 0 30px var(--koda-aqua-glow);
}

/* ── Timeline dots — bleu ── */
.koda-monde--aqua .koda-monde__timeline-dot {
    background: var(--koda-aqua-primary);
    box-shadow: 0 0 8px var(--koda-aqua-glow);
}

/* ── Section elevated bg — ocean sombre ── */
.koda-monde--aqua .koda-monde__section--elevated {
    background: linear-gradient(
        180deg,
        rgba(5, 15, 30, 0.4) 0%,
        rgba(5, 13, 20, 0.2) 100%
    );
}

/* ── Scroll indicator — bleu ── */
.koda-monde--aqua .koda-monde__scroll-line {
    background: linear-gradient(to bottom, var(--koda-aqua-primary), transparent);
}

/* ── Tool icons bg — subtle bleu ── */
.koda-monde--aqua .koda-monde__tool-icon {
    background: var(--koda-aqua-subtle);
}

/* ── Moniteur mockup — border accent ── */
.koda-monde--aqua .koda-monde__moniteur-mockup {
    border-color: var(--koda-aqua-border);
}

/* ── CTA final — gradient ocean ── */
.koda-monde--aqua .koda-monde__final-cta {
    background: linear-gradient(
        180deg,
        transparent 0%,
        rgba(5, 15, 30, 0.3) 50%,
        transparent 100%
    );
}


/* ═══════════════════════════════════════════════════════════════════════════
   FIN — AQUA ACCENT
   ═══════════════════════════════════════════════════════════════════════════
   Lignes : ~160 (vs 3674 + theme + darkacademia dans le monolithe legacy)
   Reduction : ~95%
   ═══════════════════════════════════════════════════════════════════════════ */