/* ============================================================
   PF2026 — Mini-site Hoenn (Rubis, Saphir, Émeraude)
   Composants : retro-hub.css · gabarit : template-parts/guides/hub-hoenn.php
   Identité : mer et volcans, recolorée selon la version (Rubis, Saphir, Émeraude).
   ============================================================ */

.rh--hoenn { --rh-accent: #C8102E; --rh-dark: #5E0615; --rh-soft: #FDEDEF; --rh-glow: #FF8A3D; --gba-1: #7A63D8; --gba-2: #4B3BA6; }
.rh--hoenn[data-rh-version="saphir"]   { --rh-accent: #1E5BC6; --rh-dark: #0A2A66; --rh-soft: #EAF1FD; --rh-glow: #4FC3F7; --gba-1: #5C7FE8; --gba-2: #3149B0; }
.rh--hoenn[data-rh-version="emeraude"] { --rh-accent: #0E9F6E; --rh-dark: #064A33; --rh-soft: #E7F8F1; --rh-glow: #8BE36B; --gba-1: #2FAE7E; --gba-2: #13775A; }

/* Héros : volcan (Rubis), océan (Saphir), ciel (Émeraude) */
.rh--hoenn .rh-hero {
  background:
    radial-gradient(ellipse at 80% 18%, color-mix(in srgb, var(--rh-glow) 55%, transparent), transparent 55%),
    radial-gradient(ellipse at 10% 90%, rgba(0, 0, 0, .35), transparent 60%),
    linear-gradient(165deg, var(--rh-accent) 0%, var(--rh-dark) 75%);
}
.rh--hoenn .hn-sea { position: absolute; inset: auto -5% -2px; height: 140px; z-index: 1; pointer-events: none; opacity: .5;
  background:
    radial-gradient(60px 22px at 30px 22px, rgba(255, 255, 255, .5) 98%, transparent) 0 0 / 120px 44px repeat-x,
    linear-gradient(transparent 40%, rgba(255, 255, 255, .12));
  -webkit-mask: linear-gradient(transparent, #000 40%); mask: linear-gradient(transparent, #000 40%);
  animation: hn-waves 18s linear infinite;
}
@keyframes hn-waves { to { background-position: 1200px 0, 0 0; } }
.rh--hoenn .rh-hero__versions b.is-rubis { color: #FFD0C7; }
.rh--hoenn .rh-hero__versions b.is-saphir { color: #CFE2FF; }
.rh--hoenn .rh-hero__versions b.is-emeraude { color: #C9F5DF; }
.rh--hoenn[data-rh-version="rubis"] .rh-hero__versions b.is-rubis,
.rh--hoenn[data-rh-version="saphir"] .rh-hero__versions b.is-saphir,
.rh--hoenn[data-rh-version="emeraude"] .rh-hero__versions b.is-emeraude { opacity: 1; color: #fff; }
.rh--hoenn .rh-gba__screen { background: radial-gradient(circle at 50% 40%, var(--rh-glow), var(--rh-accent) 55%, #0B0F2A); }

/* Bandeau des étapes (couleurs par version) */
.pf-hoenn .rh-ribbon { --rh-accent: #C8102E; --rh-dark: #5E0615; --rh-display: 'Lilita One', system-ui, sans-serif; }
:root[data-rg-fam="hoenn"][data-rg-v="S"] .rh-ribbon { --rh-accent: #1E5BC6; --rh-dark: #0A2A66; }
:root[data-rg-fam="hoenn"][data-rg-v="E"] .rh-ribbon { --rh-accent: #0E9F6E; --rh-dark: #064A33; }