/*
 * Astro port overrides for the Millennium WP theme.
 *
 * The original theme animates #siteContainer from opacity:0 -> 1 via main.js
 * after the "Enter" button on the splash screen is clicked. For inner pages
 * (the-club, la-vie, flx, ...) there is no splash, so we need the container
 * visible immediately. The body.home class keeps the original SPA behavior
 * on the homepage untouched.
 */
body:not(.home) #siteContainer { opacity: 1 !important; position: relative !important; width: auto !important; height: auto !important; }
body:not(.home) #videoIntro { display: none !important; }
body:not(.home) #nav { z-index: 10; }

/* Inner pages: let .content be a normal document flow block */
body:not(.home) .content {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  left: auto !important;
  top: auto !important;
}

/* Inner pages: hide the slideshow arrows */
body:not(.home) .left-arrow,
body:not(.home) .right-arrow,
body:not(.home) #loader { display: none !important; }
body:not(.home) .article { position: relative !important; }

/*
 * Home page: leave the original theme styles untouched so the
 * main.js slideshow/SPA behaves exactly like the WordPress site.
 */

/*
 * Inner pages: make the AJAX-fragment wrapper fill the viewport so the
 * fragment's own position:absolute elements (#club, #lavie, #services,
 * etc.) size correctly. The original theme put this content inside the
 * fixed-positioned #reveal div, which we're standing in for here.
 */
body:not(.home) #reveal-static {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 50;
  overflow-y: auto;
  /* main.js animates #home and #reveal right 265px when the EXPLORE nav
     opens; we add #reveal-static to that animation via JS instead of
     relying on the slide transform here. */
}
/* Nav drawer must appear above the fragment content when EXPLORE is clicked */
#nav { z-index: 100 !important; }
body:not(.home) #reveal-static #club,
body:not(.home) #reveal-static #lavie,
body:not(.home) #reveal-static #services,
body:not(.home) #reveal-static #flx,
body:not(.home) #reveal-static #mina {
  opacity: 1 !important;
}