/* FIX18F — sfondo professionale senza sgranatura.
   Layer 1: immagine allargata e sfocata dietro.
   Layer 2: immagine nitida non deformata davanti.
   Non tocca home, album, player, JSON, card o servizi.
*/

body.dorisan-fix18f-bg-blurfit {
  background-color: #020812 !important;
  position: relative !important;
  isolation: isolate !important;
}

body.dorisan-fix18f-bg-blurfit::before {
  content: "" !important;
  position: fixed !important;
  inset: -26px !important;
  z-index: -3 !important;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.58)),
    url("../assets/backgrounds/musica-servizi-bg.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  filter: blur(18px) saturate(1.08) brightness(.88) !important;
  transform: scale(1.04) !important;
  pointer-events: none !important;
}

body.dorisan-fix18f-bg-blurfit::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -2 !important;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.28)),
    url("../assets/backgrounds/musica-servizi-bg.jpg") !important;
  background-size: auto 100vh !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  pointer-events: none !important;
}

body.dorisan-fix18f-bg-blurfit .ds14b-page {
  background: transparent !important;
}

body.dorisan-fix18f-bg-blurfit .ds14b-card {
  background: linear-gradient(180deg, rgba(9,27,49,.66), rgba(2,9,20,.86)) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

body.dorisan-fix18f-bg-blurfit .ds14b-panel {
  background: linear-gradient(180deg, rgba(5,18,34,.70), rgba(2,9,20,.90)) !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

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

@media (max-width: 760px) {
  body.dorisan-fix18f-bg-blurfit::after {
    background-size: 100% auto !important;
    background-position: center top !important;
  }
}