/* V4 — Décor V11 limité aux cinq pages commerciales qui importent cette feuille.
   Aucun sélecteur de carte, bouton, formulaire, navigation ou API n'est modifié. */

/* La nébuleuse continue derrière toute la page en mode sombre. Les voiles
   contrastés maintiennent la lisibilité des textes et des comparatifs. */
:root body.premium-site {
  background-color: #06040d;
  background-image:
    linear-gradient(90deg, rgba(4,3,12,.86) 0%, rgba(5,3,13,.68) 44%, rgba(5,3,13,.67) 100%),
    linear-gradient(180deg, rgba(5,3,12,.55) 0%, rgba(5,3,12,.32) 48%, rgba(4,2,10,.76) 100%),
    url('/cosmic/cosmic-nebula-v4.webp');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* The Cosmic interface uses pale text in every appearance. Never put a
   white daylight veil in front of the nebula, including on iOS. */

/* iOS Safari does not reliably paint `background-attachment: fixed` on body.
   On touch-size screens, paint the nebula in a fixed, non-interactive layer
   instead. Leave the desktop V4 background and the home WebGL untouched. */
@media (max-width: 900px) {
  :root body.premium-site {
    background-image: none;
    background-color: #06040d;
  }

  :root body.premium-site::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-color: #090518;
    background-image:
      linear-gradient(180deg, rgba(5, 3, 14, .80), rgba(6, 3, 16, .76)),
      url('/cosmic/cosmic-nebula-v4.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  :root body.premium-site > main,
  :root body.premium-site > footer {
    position: relative;
    z-index: 1;
  }

  /* These two full-width panels previously covered the nebula in solid ink. */
  :root body.premium-site .digital-hero {
    background: rgba(8, 5, 19, .35);
  }
  :root body.premium-site .digital-hero::before {
    background: linear-gradient(145deg, rgba(17, 9, 31, .55), rgba(6, 4, 18, .15));
  }
  :root body.premium-site .digital-gallery {
    background: rgba(9, 6, 22, .55);
  }


}

@media (prefers-reduced-motion: reduce) {
  /* Cette décoration est une image fixe et ne déclenche aucune animation. */
  :root body.premium-site { scroll-behavior: auto; }
}