/* ==========================================================
   SFONDO NUMERI — SOLO NELLA PARTE SUPERIORE BLU
   ========================================================== */
html{min-height:100%;background:#f4f0e8;}
body{
  min-height:100vh;
  background:var(--paper,#f4f0e8) !important;
  background-image:none !important;
}

/* Immagine soltanto nelle testate superiori blu */
.hero,
.inner-hero,
.lesson-hero{
  background-color:#071b3d !important;
  background-image:
    linear-gradient(90deg,rgba(7,18,36,.76),rgba(11,23,45,.58)),
    linear-gradient(180deg,rgba(7,18,36,.20),rgba(7,18,36,.46)),
    url('../img/sfondo-globale-numeri.webp') !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
}

/* Tutto ciò che è sotto la testata torna allo sfondo originale chiaro */
.section,
.groups,
.topic-page,
.lesson-shell,
.search-page,
.reserved-index,
.login-page{
  background-image:none !important;
}

.reserved-index{background:#f7f2e8 !important;}
.login-page{background:linear-gradient(180deg,#f7faff 0%,#eef4fb 100%) !important;}

/* Eventuali pagine riservate semplici non devono avere l'immagine su tutto il corpo */
body.reserved-only{
  background:#071b3d !important;
  background-image:none !important;
}

@media(max-width:900px){
  .hero,.inner-hero,.lesson-hero{background-position:center center !important;}
}