/**
 * Star Suites - Smart Sticky Header & Mobile Nav Enhancements
 */

#main-header {
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, background-color 0.3s ease;
  will-change: transform, top, backdrop-filter;
  position: fixed;
  top: 53px;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: transparent;
  backdrop-filter: none;
}

#main-header.NG_hide-on-scroll,
#main-header.star-hide-on-scroll {
  transform: translateY(-160px);
}

#main-header.NG_sticky-top,
#main-header.star-sticky-top {
  top: 0 !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(10px); /* Safari support */
  background-color: rgba(30, 30, 30, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* =========================================================================
   Mobile (320px to 768px): Jeg Elementor Kit (JKit) Full Height Menu Fix
   ========================================================================= */
@media (min-width: 320px) and (max-width: 768px) {
  body[data-elementor-device-mode="mobile"] .jeg-elementor-kit.jkit-nav-menu.break-point-tablet .jkit-menu-wrapper.active,
  body[data-elementor-device-mode="mobile_extra"] .jeg-elementor-kit.jkit-nav-menu.break-point-tablet .jkit-menu-wrapper.active,
  body[data-elementor-device-mode="tablet"] .jeg-elementor-kit.jkit-nav-menu.break-point-tablet .jkit-menu-wrapper.active {
    height: 100vh !important;
  }

  #main-header {
    top: 0;
  }
}