/* =========================================================================
   Maurizio Lanini — ATMOSPHERE for inner pages.
   Subtle deep-abyss radial behind content (no WebGL, no video, no scroll-scrub).
   Scoped away from the immersive template + WooCommerce checkout/cart/account.
   Reduced-motion safe (static).

   IMPORTANT: the atmosphere layers sit at z-index:-1 (BEHIND all content) so we do
   NOT touch the z-index of any content/header. (An earlier version lifted
   `.outer-wrap` to z-index:1, which clobbered BlackSilver's header stacking — that
   class is ALSO the header wrapper — and let Elementor hero overlays cover the nav.)
   ========================================================================= */

body:not(.ml-immersive-template) {
  background-color: var(--ml-bg) !important;
}

/* Behind everything, pointer-inert — a calm depth gradient. */
body:not(.ml-immersive-template):not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-account)::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(120% 90% at 50% 28%, rgba(10, 41, 71, 0.30) 0%, rgba(7, 6, 17, 0) 62%),
    radial-gradient(90% 70% at 82% 95%, rgba(242, 182, 90, 0.06) 0%, rgba(7, 6, 17, 0) 55%);
}

/* A whisper of grain for film texture (very low alpha, static). */
@media (prefers-reduced-motion: no-preference) {
  body:not(.ml-immersive-template):not(.woocommerce-checkout):not(.woocommerce-cart)::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: 0.025;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
  }
}