/* ===== Universal dropdown overlap fix ===== */

/* Let every container in the header release its overflow */
header .e-con,
header .e-con-inner,
header .elementor-widget-wrap,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner,
.elementor-location-header .elementor-widget-wrap {
    overflow: visible !important;
}

/* Lift the whole header above page content */
header.elementor-location-header,
.elementor-location-header {
    position: relative;
    z-index: 9999 !important;
}

/* Desktop dropdown / submenu on top of everything */
.elementor-nav-menu .sub-menu,
.elementor-nav-menu ul,
.menu-item .sub-menu {
    z-index: 99999 !important;
}

/* ===== Mobile dropdown (hamburger / accordion) ===== */
.elementor-nav-menu--dropdown,
.elementor-nav-menu__container.elementor-nav-menu--dropdown {
    z-index: 99999 !important;
    position: absolute !important;
}

/* Keep the toggle and its panel above page content */
.elementor-menu-toggle,
.elementor-nav-menu--toggle {
    z-index: 100000 !important;
    position: relative;
}

/* Lock horizontal scrolling on mobile */
@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden !important;   /* fallback for older browsers */
    overflow-x: clip !important;     /* modern browsers, keeps sticky headers working */
    max-width: 100% !important;
    overscroll-behavior-x: none;     /* stops sideways bounce/drag */
  }

  body {
    position: relative;
  }

  /* Keep Elementor sections and containers inside the screen */
  .elementor-section,
  .elementor-container,
  .e-con,
  .e-con-inner,
  .elementor-widget-wrap {
    max-width: 100vw !important;
  }

  /* Common culprits: images, videos, iframes wider than the screen */
  img,
  video,
  iframe {
    max-width: 100% !important;
    height: auto;
  }
}/* Albert Robin Salon — iPad portrait navigation fix */

/* Use hamburger instead of desktop dropdown menu
   for large tablets / iPad portrait */
@media (min-width: 960px) and (max-width: 1152px) {
    .hfg_header .builder-item--primary-menu {
        display: none !important;
    }
}

/* Keep the hamburger hidden on normal desktop screens */
@media (min-width: 1153px) {
    .hfg_header .builder-item--nav-icon {
        display: none !important;
    }
}