/* =========================================================================
   booking4show.ch — style-dark.css (variante SOMBRE)
   Feuille de PERSONNALISATION CLIENT — alternative à style.css.

   Mêmes variables que style.css, valeurs différentes : à utiliser comme
   point de départ pour un client dont l'univers visuel est sombre, plutôt
   que de partir de la variante claire. Copie ce fichier en
   clients_b4s_custom/[id]_[path]/css/style.css pour ce client précis, puis
   ajuste --c-dominant (et au besoin --c-bg/--c-surface) à son identité —
   exactement comme on le ferait avec la variante claire.

   Échelle de gris sombres à plusieurs niveaux plutôt qu'un simple négatif
   du mode clair : page (le plus sombre) < header/footer < cartes < zone en
   retrait dans une carte (le plus clair des quatre, mais toujours sombre).
   ========================================================================= */

:root {
  /* --- 1. Couleur dominante du client (boutons, liens actifs, focus) --- */
  --c-dominant: #E36C09;
  --c-dominant-contrast: #FFFFFF;

  /* --- 2. Couleurs de la PAGE et du "chrome" (header/footer/panneau) --- */
  --c-bg: #12181A;          /* niveau 0 — fond de page, le plus sombre */
  --c-surface: #181F22;     /* niveau 1 — header / footer / panneau */
  --c-border: #26302F;
  --c-ink: #ECEEEC;
  --c-ink-soft: #A9B2B0;

  /* --- 3. Couleurs des CARTES DE CONTENU (tuiles, tableaux, formulaires) --- */
  --c-bg-card: #1E2528;        /* niveau 2 — cartes */
  --c-bg-card-tint: #262E31;   /* niveau 3 — zone en retrait dans une carte */
  --c-ink-card: #ECEEEC;
  --c-ink-card-soft: #9CA6A4;
  --c-border-card: #2E3739;

  /* --- 4. Police du client (2 rôles : titres / texte courant) --- */
  --font-display: 'Space Grotesk', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', 'Courier New', monospace;

  /* --- 5. Couleurs d'état (disponibilité) — partagées, rarement modifiées.
     Identiques à la variante claire, sauf --c-danger-soft (désaturé pour
     ne pas trop "ressortir" sur les fonds sombres). --- */
  --c-success: #3C8B5D;
  --c-warning: #D9A23B;
  --c-orange:  #E07B30;
  --c-danger:  #C1502E;
  --c-danger-soft: #A8604C; /* version désaturée du rouge, pour un simple "pas encore rempli" */
  --c-accent-gold: #D9A23B;
  /* Rose de l'appel a la reservation multiple (bloc .is-masse). Un ton plus
     doux qu'en theme clair pour ne pas eblouir sur fond sombre. */
  --c-pink: #E86AA0;

  /* --- 6. Habillage des composants --- */
  --radius-card: 14px;
  --shadow-card: 0 1px 3px rgba(0,0,0,.35);
  --shadow-card-hover: 0 14px 28px rgba(0,0,0,.5);

  /* --- 7. Pied de page — variables PROPRES au footer.
     En theme sombre le pied de page est le niveau le PLUS sombre de
     l'echelle, sous le fond de page : il ferme visuellement l'ecran. --- */
  --c-footer-bg: #0B0F11;
  --c-footer-ink: #ECEEEC;

  /* --- 8. Elements desactives / bloques (dates completes, hors fenetre,
     quantite indisponible). En theme sombre, un element eteint doit etre
     plus CLAIR que la carte active, pas plus sombre : assombrir le ferait
     fondre dans le fond de page et on ne distinguerait plus une date
     disponible d'une date bloquee. C'est la meme logique d'elevation que
     --c-bg-card-tint. --- */
  --c-bg-card-muted: #2A3336;
  --c-border-muted:  #3D4A4D;
}

/* --- Desactiver l'encoche "billet" sur l'affiche --- */
.b4s-poster-frame,
.b4s-progress-poster,
.b4s-modal-poster {
  clip-path: none;
}