/* ==========================================================
   Gestio — Base commune des fonds de thème

   Rôle :
   - appliquer les variables du fond sélectionné à la page ;
   - gérer le décor .hero-bg ;
   - gérer les variantes ::before / ::after ;
   - gérer l'affichage mobile.

   Ce fichier ne définit aucun fond, aucune couleur et aucun gradient.
   Les valeurs sont fournies par le fichier de fond sélectionné
   (gestio.css, blanc.css, noir.css, etc.).
   ========================================================== */

html,
body{
  min-height:100%;
  background:var(--gestio-page-background) !important;
  background-attachment:fixed !important;
}

/* Uniquement le décor de fond : aucun impact sur les boutons, bandeaux ou cartes. */
.hero-bg{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  pointer-events:none !important;
  overflow:hidden !important;
  z-index:0 !important;
  background:var(--gestio-hero-background) !important;
}

.hero-bg::before{
  content:"";
  position:absolute;
  inset:-16%;
  pointer-events:none;
  background:var(--gestio-hero-before-background);
  filter:blur(22px);
  opacity:.9;
}

.hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:var(--gestio-hero-after-background);
  opacity:.70;
  mix-blend-mode:screen;
}

@media (max-width:640px){
  html,
  body{
    background:var(--gestio-page-background-mobile) !important;
    background-attachment:fixed !important;
  }

  .hero-bg{
    background:var(--gestio-hero-background-mobile) !important;
  }
}