/* Custom fixes for mobile menu */

/* Add your custom fixes below this line */

@media (max-width: 767px) {
  .hero-section .row.align-items-center.min-vh-100 > .col-lg-6.col-md-5 {
    order: 1;
  }
  .hero-section .row.align-items-center.min-vh-100 > .col-lg-6.col-md-7 {
    order: 2;
  }
}

/* Fix for hamburger icon centering */
.toggle-nav {
    display: none !important; /* Hidden by default on desktop */
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    width: 45px !important;
    height: 45px !important;
}

/* Only show hamburger on mobile */
@media (max-width: 991px) {
    .toggle-nav {
        display: flex !important; /* Show on mobile */
    }
}

.toggle-nav i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

/* Remove dim overlay for mobile menu */
#mobile-menu-overlay {
    background: transparent !important;
    backdrop-filter: none !important;
}

/* Ensure mobile menu still works properly */
.mobile-nav-overlay {
    background: transparent !important;
    backdrop-filter: none !important;
}