/* =========================================================================
   Maurizio Lanini — IMMERSIVE PAGE layout (loaded ONLY on the immersive template).
   Breaks the React app out of BlackSilver's centered .container so the scroll-scrub
   worlds go full-bleed, and removes the WP page-title bar (the immersive intro IS
   the hero). Scoped to body.ml-immersive-template so normal pages are untouched.
   ========================================================================= */

/* Full-bleed: neutralize BlackSilver's centered container on this template. */
body.ml-immersive-template .container.clearfix {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.ml-immersive-template .container-outer,
body.ml-immersive-template .horizontal-menu-body-container,
body.ml-immersive-template #home.container-wrapper {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Drop the WP page-title block — the immersive intro is the hero. */
body.ml-immersive-template .title-container-outer-wrap {
  display: none !important;
}

/* Mount fills the viewport; the React app owns its own section heights. */
body.ml-immersive-template #ml-immersive-home,
body.ml-immersive-template #ml-immersive-root {
  width: 100%;
}

/* Avoid a double loading screen (BlackSilver desktop preloader + the app loader). */
body.ml-immersive-template #preloader,
body.ml-immersive-template .mfp-preloader {
  display: none !important;
}

/* The immersive build paints its own deep background; let it cover the page. */
body.ml-immersive-template {
  background: #070611;
}