/* Mobile Navbar Styles */

/* Ensure mobile menu is hidden by default */
.div-block-24 {
  opacity: 0;
}

/* Overlay transition */
.hide-menu-overlay-2 {
  position: fixed;
}

/* Ensure navbar container is visible on mobile */
@media screen and (max-width: 991px) {
  /* Make navbar fixed on mobile */
  .nav-bar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    z-index: 9997 !important;
    background-color: #000;
  }

  /* Add padding to content so it's not hidden under fixed navbar */
  .hero-section {
    padding-top: 72px;
  }

  /* For contact page */
  .frame-43 {
    padding-top: 72px;
  }

  .navbar-container-5 {
    display: flex !important;
  }

  .navbar-desktop-2 {
    display: none !important;
  }

  /* Position menu properly */
  .div-block-24 {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    height: 100vh !important;
    z-index: 9999 !important;
  }

  /* Overlay should cover full screen */
  .hide-menu-overlay-2 {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9998 !important;
  }

  /* Ensure hamburger menu is visible */
  .link-block-38 {
    display: flex !important;
    cursor: pointer;
  }
}

/* Desktop styles */
@media screen and (min-width: 992px) {
  .navbar-container-5 {
    display: none !important;
  }

  .navbar-desktop-2 {
    display: flex !important;
  }
}