/* v12.5.0 (audit DA Aventure, Lot 2 — points A/B/C/D, Phase 2 "Uniformisation du design").
   Fichier séparé de styles.css (même logique que nav-icons.css) : petites corrections
   ciblées, chargées après styles.css pour bénéficier de la cascade sans réécrire le
   fichier principal. */

/* A. [1.1] Continuité de palette entre le splash et l'écran d'accueil.
   Avant : #v-menu affichait un voile bleu marine fixe + le poster, sans lien visuel
   avec le dégradé --bg utilisé par le splash juste avant. On insère --bg comme couche
   intermédiaire (le poster reste lisible grâce au voile, désormais plus léger). */
#v-menu{
  background-image:
    linear-gradient(rgba(12,30,52,.4), rgba(12,30,52,.6)),
    var(--bg),
    url('../assets/logo-savoir.webp?v=1047');
  background-size: cover, cover, contain;
  background-position: center, center, top center;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

/* B. [6.1] La forme du bouton doit refléter le type d'action.
   La Boussole (action immédiate) est déjà ronde. Mini-carte (ouvre un tiroir) est déjà
   en carré arrondi (9px). Carnet (ouvre un panneau) héritait par erreur de la pilule
   générique — on l'aligne sur Mini-carte pour que "carré arrondi = ouvre un panneau"
   soit cohérent partout dans le header de carte. */
.map-carnet-btn{ border-radius:9px; }

/* C. [3.1] Tokens de surface neutres, pour aérer les panneaux secondaires de la carte
   sans les confondre avec --primary (panneau principal) ni --accent (actionnable).
   Appliqués ici au tiroir Mini-carte : fond de tiroir (surface-1), lignes (surface-2),
   survol (surface-3) — 3 niveaux de profondeur au lieu d'un aplat unique. */
:root{
  --surface-1:#1c2530;
  --surface-2:#26323f;
  --surface-3:#34424f;
}
.map-drawer{ background: var(--surface-1); }
.drawer-row{ background: var(--surface-2); }
.drawer-row:hover{ background: var(--surface-3); }

/* D. [Extra 5.2] Les états de zone (conquise/actuelle/verrouillée) reposaient surtout
   sur la couleur. Conquise a déjà une coche verte (.archipel-zone-check), verrouillée a
   déjà un cadenas (.archipel-zone-lock) — seule "zone actuelle" n'avait qu'un halo doré.
   On ajoute une pastille étoile, même traitement visuel que la coche mais côté opposé,
   pour rester lisible aussi sans percevoir la couleur. */
.archipel-zone.current .archipel-zone-circle::after{
  content:'★';
  position:absolute;
  top:-6px; left:-2px;
  width:20px; height:20px;
  border-radius:50%;
  background:#f1c40f;
  color:#3a2c00;
  font-size:.68em;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid #0f0f12;
  box-shadow:0 2px 5px rgba(0,0,0,.5);
}