/* FIX18E — sfondo Musica e Servizi pieno in larghezza e altezza.
   Usa background-size: 100% 100%.
   Non tocca home, album, player, JSON, card o servizi.
*/

body.dorisan-fix18e-bg-fullwidth {
  background-color: #020812 !important;
}

body.dorisan-fix18e-bg-fullwidth::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -2 !important;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.34)),
    url("../assets/backgrounds/musica-servizi-bg.jpg") !important;
  background-size: 100% 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  pointer-events: none !important;
}

body.dorisan-fix18e-bg-fullwidth::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(65,170,255,.08), transparent 32%),
    radial-gradient(circle at 86% 8%, rgba(0,220,255,.05), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,.01), rgba(0,0,0,.12)) !important;
  pointer-events: none !important;
}

body.dorisan-fix18e-bg-fullwidth .ds14b-page {
  background: transparent !important;
}

body.dorisan-fix18e-bg-fullwidth .ds14b-card {
  background: linear-gradient(180deg, rgba(9,27,49,.64), rgba(2,9,20,.84)) !important;
}

body.dorisan-fix18e-bg-fullwidth .ds14b-panel {
  background: linear-gradient(180deg, rgba(5,18,34,.68), rgba(2,9,20,.86)) !important;
}

body.dorisan-fix18e-bg-fullwidth .ds14b-hero p,
body.dorisan-fix18e-bg-fullwidth .ds14b-card .ds14b-text,
body.dorisan-fix18e-bg-fullwidth .ds14b-panel p {
  text-shadow: 0 2px 16px rgba(0,0,0,.82);
}

@media (max-width: 760px) {
  body.dorisan-fix18e-bg-fullwidth::before {
    background-size: 100% 100% !important;
    background-position: center center !important;
  }
}