/* ===========================================================================
   Tyrolean static-site fixes (CSS)
   The site was mirrored from WordPress/Elementor. Elementor's frontend JS does
   not run on the static copy, so the nav dropdowns never open (they rely on JS)
   and the mobile menu never toggles. These pure-CSS rules restore both, with a
   small JS helper (tyro-static-fix.js) for the mobile hamburger.
   =========================================================================== */

/* --- (1) DESKTOP DROPDOWNS — positioning only. Elementor scopes its own
   !important rules by widget ID (which outrank class-based CSS), so open/close is
   driven by tyro-static-fix.js via inline !important styles, which win the cascade.
   This just makes the submenu float under its parent when JS reveals it. */
.elementor-nav-menu--main .menu-item-has-children { position: relative; }
.elementor-nav-menu--main .menu-item-has-children > ul.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 240px;
  z-index: 9999;
}

/* --- (1b) HERO — guarantee the photo always paints -------------------------
   The top hero is an Elementor container with a *background slideshow*
   ("background_background":"slideshow"). Elementor builds that slideshow entirely
   in JS, which never runs on the static mirror, so the hero is blank white.
   tyro-static-fix.js rebuilds the rotation; this CSS paints the first photo
   immediately with zero JS so the hero can NEVER be blank. */
.elementor-element-23da49a {
  background-image: url("/wp-content/uploads/2026/03/B661D76BDSCF5980_1_2b.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
/* The down-page Slides widgets ship each slide with a solid WHITE background-color
   that shows as a white flash before the photo paints; make it transparent. */
.elementor-widget-slides .swiper-slide-bg { background-color: transparent !important; }

/* --- (1c) Kill broken Jet popups/overlays ----------------------------------
   Trigger-popups from the Jet plugins sit fixed over the page on the static copy
   (their JS never runs to hide them). They add nothing and bog the render. */
.jet-popup,
.jet-popup-wrapper { display: none !important; }

/* --- (2) MOBILE MENU — toggled open by tyro-static-fix.js -------------------- */
nav.elementor-nav-menu--dropdown.tyro-open {
  display: block !important;
}
.elementor-menu-toggle { cursor: pointer; }

/* In the mobile menu, show sub-items expanded (no accordion JS needed) so every
   link is reachable with one tap. */
nav.elementor-nav-menu--dropdown .sub-menu {
  display: block !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
  min-width: 0 !important;
}