/* =========================================================
   Mobile Menu Fix
   Include this file in test123.php AFTER style.css:
   <link rel="stylesheet" href="mobile-menu-fix.css">
   No changes needed in frame.php or other existing code.
   ========================================================= */

/* Keep header / hamburger above enquiry + WhatsApp iframe */
.header-wrap {
  position: relative !important;
  z-index: 100050 !important;
}

.navbar {
  position: relative !important;
  z-index: 100050 !important;
}

.navbar .navbar-toggler,
.navbar-light .navbar-toggler {
  position: relative !important;
  z-index: 100051 !important;
  pointer-events: auto !important;
}

.navbar-collapse,
.navbar-collapse.collapse,
.navbar-collapse.collapsing,
.navbar-collapse.show,
.navbar-collapse.in {
  position: relative !important;
  z-index: 100050 !important;
  background: #000 !important;
  pointer-events: auto !important;
}

.navbar-nav,
.navbar-nav .nav-item,
.navbar-nav .nav-link,
.navbar-nav .dropdown-menu {
  position: relative !important;
  z-index: 100050 !important;
  pointer-events: auto !important;
}

/* Enquiry button: keep visible, but below menu */
.enquiry {
  position: fixed !important;
  bottom: 110px !important;
  right: 35px !important;
  z-index: 9998 !important;
  pointer-events: auto !important;
}

.enquiry a,
.enquiry img {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 9998 !important;
}

/* WhatsApp iframe: stop covering full mobile screen */
iframe[title="WhatsApp Chat"],
iframe[src*="frame.php"],
iframe[src*="frame.html"],
iframe[src*="embed"] {
  width: 80px !important;
  height: 80px !important;
  max-width: 90px !important;
  max-height: 90px !important;
  bottom: 20px !important;
  right: 20px !important;
  left: auto !important;
  top: auto !important;
  z-index: 9999 !important;
  border: none !important;
  pointer-events: auto !important;
  overflow: hidden !important;
}

/* Desktop: allow larger chat area so popup can open */
@media screen and (min-width: 992px) {
  iframe[title="WhatsApp Chat"],
  iframe[src*="frame.php"],
  iframe[src*="frame.html"],
  iframe[src*="embed"] {
    width: 400px !important;
    height: 600px !important;
    max-width: 400px !important;
    max-height: 600px !important;
  }
}

/* Mobile / tablet: keep overlay tiny so menu works */
@media screen and (max-width: 991px) {
  .header-wrap,
  .navbar,
  .navbar-collapse,
  .navbar-collapse.show,
  .navbar-collapse.collapsing {
    z-index: 100050 !important;
  }

  iframe[title="WhatsApp Chat"],
  iframe[src*="frame.php"],
  iframe[src*="frame.html"],
  iframe[src*="embed"] {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .enquiry {
    bottom: 110px !important;
    right: 20px !important;
    z-index: 9998 !important;
  }
}