/* =============================================================
   CASA RUGGIU V83.7 — SFONDO UNICO REALE + PANNELLO UNIFORME
   - un solo layer DOM fisso per tutte le pagine normali
   - stessa posizione, stessa luminosita, stessa trasparenza
   - niente background diversi via body::before/body::after
   - viewport stabile su iPhone con 100lvh
   ============================================================= */
:root{
  --cr837-bg:#142b27;
  --cr837-overlay:rgba(8,24,20,.48);
  --cr837-panel:
    radial-gradient(circle at 18% -10%,rgba(255,255,255,.095),transparent 36%),
    linear-gradient(145deg,rgba(41,72,61,.78),rgba(20,43,39,.82));
  --cr837-border:rgba(255,255,255,.27);
  --cr837-shadow:0 18px 48px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.11);
}
html{
  min-height:100%!important;
  background:var(--cr837-bg)!important;
}
body,body[class]{
  position:relative!important;
  isolation:isolate!important;
  min-height:100vh!important;
  min-height:100svh!important;
  margin:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
/* Spegne TUTTI i vecchi sfondi pagina, anche quelli inline. */
body::before,body:before,body[class]::before,body[class]:before,
body::after,body:after,body[class]::after,body[class]:after{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  opacity:0!important;
}
/* Layer reale: dimensione basata sul LARGE viewport, quindi Safari non ricomputa
   il crop quando la barra indirizzi appare/scompare. */
#casa-global-background{
  position:fixed!important;
  left:0!important;
  top:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100lvh!important;
  z-index:-3!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:var(--cr837-bg)!important;
}
#casa-global-background::before{
  content:""!important;
  position:absolute!important;
  inset:-12px!important;
  background:url('/web_images/spiaggia.jpg') 50% 50% / cover no-repeat!important;
  filter:blur(5px)!important;
  -webkit-filter:blur(5px)!important;
  transform:scale(1.035)!important;
  transform-origin:50% 50%!important;
  opacity:1!important;
}
#casa-global-background::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:var(--cr837-overlay)!important;
  opacity:1!important;
}
/* Un solo materiale per il pannello principale. Niente live backdrop blur:
   su iPhone e la causa piu comune di differenze di luminosita tra pagine. */
body > .container,
body > main,
body > main.cr-page,
body > main.container,
body > main.page,
body > main.casa-page-shell,
body > main.page-shell,
body > .cr-page,
body > .shell{
  background:var(--cr837-panel)!important;
  border-color:var(--cr837-border)!important;
  box-shadow:var(--cr837-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* house-page e una classe del BODY, non deve mai diventare un secondo pannello. */
body.house-page{
  width:100%!important;
  max-width:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* Evita che vecchi fogli rendano Libreria piu chiara/scura. */
body.library-main-page > main.cr-page,
body.explore-main-page > main.cr-page,
body.house-page > main.cr-page,
body.home-page > .container{
  background:var(--cr837-panel)!important;
  border-color:var(--cr837-border)!important;
  box-shadow:var(--cr837-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@supports not (height:100lvh){#casa-global-background{height:100vh!important}}

/* V87.8 — intestazione del marchio stabile su ogni pannello e viewport. */
.cr-brand{
  display:block!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:12px!important;
  padding-right:12px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  clip:auto!important;
  transform:none!important;
  text-align:center!important;
  white-space:normal!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.cr-brand::before,.cr-brand::after{content:none!important;display:none!important}



/* V84.5 — sfondo IMMOBILE e identico in tutte le pagine/PWA iOS */
html{min-height:100%!important;background-color:var(--cr837-bg)!important}
body,body[class]{min-height:100vh!important;min-height:100lvh!important;background-color:transparent!important}
#casa-global-background{
  position:fixed!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;
  width:100vw!important;height:100vh!important;height:100lvh!important;min-height:0!important;
  transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;
}
#casa-global-background::before{
  inset:-12px!important;
  background-position:50% 50%!important;
  background-size:cover!important;
  background-attachment:scroll!important;
  transform:scale(1.035) translateZ(0)!important;
}