/* ============================================================================
   CAP Lapeyrouse-Fossat — Overrides par environnement
   ============================================================================

   Règles CSS qui dépendent de l'environnement courant. env.js pose deux
   attributs sur le <body> au chargement :
     - data-env="production|staging|local"
     - data-mecenat-nav-visible="true|false"

   On utilise ces attributs pour piloter de petits ajustements visuels
   environnement-spécifiques. Volontairement minimaliste : ce fichier ne
   remplace PAS l'ancien système feature flags (supprimé en mai 2026).
   Si tu te trouves à ajouter beaucoup de règles ici, c'est probablement
   le signe qu'il faut réintroduire un système de flags structuré.

   HISTORIQUE
   ----------
   Ce fichier remplace 12-feature-flags.css (supprimé). Il conserve le
   numéro 12 pour ne pas décaler les fichiers 13+ existants.
   ============================================================================ */

/* Masque les liens "Mécénat" en production (nav principale + footer) tant
   que le contenu n'est pas prêt. La page #mecenat reste accessible par URL
   directe — le masquage est purement nav/UX. */
body[data-mecenat-nav-visible="false"] [data-page="mecenat"],
body[data-mecenat-nav-visible="false"] li:has(> button[onclick*="showPage('mecenat')"]) {
  display: none !important;
}

/* Fallback pour les navigateurs sans :has() (rare en 2026, mais on garde
   pour défense en profondeur). Le 2e lien Mécénat dans le footer ne sera
   pas dans une <li> ciblable autrement, donc on cible le <button> direct. */
@supports not selector(:has(*)) {
  body[data-mecenat-nav-visible="false"] button[onclick*="showPage('mecenat')"] {
    display: none !important;
  }
}

/* Masque le bloc « Galerie photo » en production tant qu'il n'y a pas de
   vraies photos. Le teaser #evenementsGallerySection (page événements) est le
   SEUL point d'entrée vers la galerie : son bouton « Voir toute la galerie »
   appelle showPage('galerie'), or 'galerie' n'est pas dans ROUTABLE_PAGES et
   n'a aucun lien de menu. Le masquer en prod désactive donc toute la galerie
   (la page #galerie reste dans le DOM mais inatteignable). En staging/local le
   bloc reste visible pour pouvoir le travailler. */
body[data-env="production"] #evenementsGallerySection {
  display: none !important;
}

/* Masque l'option « Carte bancaire » en production tant que le paiement par
   carte n'est pas géré. On masque le bouton de choix ET la section de saisie
   carte. Le mode par défaut est basculé sur « Virement » côté JS
   (openAdhesionModal dans join.js) pour ne pas laisser « carte » sélectionné
   en douce. En staging/local, les trois modes restent disponibles. */
body[data-env="production"] .payment-method-selector [data-payment-method="card"],
body[data-env="production"] [data-payment-section="card"] {
  display: none !important;
}
