/* Casa Luna 2026 — Pass 9 QA Fixes
   Purpose: remove duplicate hero/nav caused by using approved hero comp as the visual hero,
   preserve functional nav after scroll, keep translation system on interior pages, and fix top brand crop. */

/* Homepage uses the approved hero artwork as the visible hero. The artwork already contains the top nav,
   headline, CTA and lower labels, so HTML overlays are visually hidden on the first screen to prevent duplicates. */
body.home-cinematic .lux-hero {
  min-height: 100vh !important;
  height: 100svh !important;
  background: #0d120f !important;
}
body.home-cinematic .lux-hero__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}
body.home-cinematic .lux-hero__media::after {
  display: none !important;
}
body.home-cinematic .lux-hero__content,
body.home-cinematic .hero-bottom {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hide real nav at the very top because the approved hero art already includes it.
   Reveal the real functional nav only after scroll. */
body.home-cinematic .lux-nav:not(.is-scrolled),
body.home-cinematic .lang-switcher:not(.force-visible) {
  opacity: 0 !important;
  pointer-events: none !important;
}
body.home-cinematic .lux-nav.is-scrolled {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Transparent click zones over the approved hero artwork so the first screen still functions. */
.hero-hotzones {
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
}
.hero-hotzones .hz {
  position: absolute;
  display: block;
  pointer-events: auto;
  background: transparent;
  border: 0;
  text-indent: -9999px;
  overflow: hidden;
}
/* Top nav link zones tuned to the approved 16:9 hero comp */
.hz-guesthouse { left: 24%; top: 5%; width: 10%; height: 6%; }
.hz-experiences { left: 35.5%; top: 5%; width: 10%; height: 6%; }
.hz-journal { left: 46.5%; top: 5%; width: 8%; height: 6%; }
.hz-gallery { left: 55.2%; top: 5%; width: 7%; height: 6%; }
.hz-reviews { left: 63.2%; top: 5%; width: 7%; height: 6%; }
.hz-guide { left: 71%; top: 5%; width: 9%; height: 6%; }
.hz-book-top { right: 8.4%; top: 4%; width: 12.3%; height: 7%; }
.hz-book-center { left: 42%; top: 72%; width: 16%; height: 9%; }
.hz-morning { left: 2%; bottom: 2%; width: 22%; height: 8%; }

/* Real nav cleanup for scrolled / interior pages */
.lux-nav {
  box-sizing: border-box !important;
  overflow: visible !important;
}
.lux-brand {
  box-sizing: border-box !important;
  padding-top: 0 !important;
  transform: none !important;
}
.lux-brand-name {
  font-family: var(--font-display) !important;
  line-height: 1 !important;
  margin: 0 !important;
}
.lux-brand-sub,
.lux-brand-place {
  line-height: 1.1 !important;
}
.lux-nav.is-scrolled .lux-brand {
  justify-content: center !important;
}

/* Prevent old/mobile menu artifacts from appearing over desktop hero */
@media (min-width: 1101px) {
  body.home-cinematic .lux-menu:not(.open) {
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* On mobile, the approved desktop artwork is not a usable navigation system. Show the real nav and real text. */
@media (max-width: 900px) {
  body.home-cinematic .lux-nav,
  body.home-cinematic .lux-nav:not(.is-scrolled),
  body.home-cinematic .lang-switcher {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  body.home-cinematic .lux-hero__content,
  body.home-cinematic .hero-bottom {
    position: relative !important;
    width: min(92vw, 720px) !important;
    height: auto !important;
    margin: 0 auto !important;
    padding-top: 80px !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  body.home-cinematic .hero-hotzones { display: none !important; }
  body.home-cinematic .lux-hero__media::after { display: block !important; }
}