/* V9 — the approved footer is the single reference for every glass surface.
   Geometry, typography, buttons and opaque reading sheets remain unchanged. */
body.hls-magazine {
  --mag-surface-glass:var(--mag-glass);
  --mag-surface-edge:var(--mag-glass-edge);
  --mag-surface-filter:blur(8px) saturate(125%);
  --mag-surface-shadow:inset 0 1px 1px #ffffff94,0 3px 14px #20191709;
}

html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe] :is(.universe-menu>nav,#pied-de-page .wix-contact-card),
html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe] #contenu :is(.hls-page-heading,.hls-reading-sheet,article.hosts-story,article.reading-page:not(.faq-page):not(:has(.hls-reading-sheet)),.faq-page>.faq-sections,.faq-page>.faq-categories,.faq-page>.hls-faq-chooser,.hls-related-widget,.hls-reading-links-widget),
html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe] :is(#contenu,#spatial-effects) .hls-suite-aside #inclus.mag-stay-static,
html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe] :is(#contenu,#spatial-effects) .suite-room-grid .terminal-widget:not([open]) .sense-summary-copy,
html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe] #spatial-effects .mag-card-room:not([open]) .sense-summary-copy,
html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe] .terminal-widget.hls-glass-widget[open]>summary {
  background:var(--mag-surface-glass)!important;
  backdrop-filter:var(--mag-surface-filter)!important;
  -webkit-backdrop-filter:var(--mag-surface-filter)!important;
  border-color:var(--mag-surface-edge)!important;
  box-shadow:var(--mag-surface-shadow)!important;
}

/* A filtered header root would prevent its dropdown from blurring the page.
   Put only the header material on a sibling layer behind its controls. */
html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe] .site-header {
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-color:var(--mag-surface-edge)!important;
  box-shadow:var(--mag-surface-shadow)!important;
}
html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe] .site-header::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:var(--mag-surface-glass)!important;
  backdrop-filter:var(--mag-surface-filter)!important;
  -webkit-backdrop-filter:var(--mag-surface-filter)!important;
  border-radius:inherit!important;
}

/* Apply the material to the layer over the existing photo, not the panel root. */
html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe] .terminal-widget.hls-glass-widget[open] {
  --hls-glass-veil:var(--mag-surface-glass)!important;
  border-color:var(--mag-surface-edge)!important;
  box-shadow:var(--mag-surface-shadow)!important;
}
html[data-retro-decor] body.content-sized.hls-retro-preview.hls-magazine:not(#magazine-legacy)[data-helios-design][data-helios-clean][data-universe] .terminal-widget.hls-glass-widget[open]::after {
  background:var(--mag-surface-glass)!important;
  backdrop-filter:var(--mag-surface-filter)!important;
  -webkit-backdrop-filter:var(--mag-surface-filter)!important;
  box-shadow:var(--mag-surface-shadow)!important;
}

/* Graceful fallback shared by the same surfaces; button styles remain native. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.hls-magazine {--mag-surface-glass:#f8f6f0f2;}
}