/* Fullscreen Mobile Menu */
.i-nav.mobile-menu-open {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh !important;
    width: 100vw !important;
    background-color: #fff; /* or your brand color */
    z-index: 9999;
    overflow-y: auto;
    padding-top: 10px; /* adjust depending on your design */
    transition: all 0.3s ease-in-out;
}

/* Prevent body from scrolling when menu is open */
body.menu-open,
body.mobile-menu-open {
    overflow: hidden;
}

/* Optional: center or style nav items */
.i-nav.mobile-menu-open ul.menu > li {
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

/* Optional: Add a dim background overlay behind menu */
.mobile-menu-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}
@media (max-width: 768px) {
  #menu-primary {
    font-size: 16px; /* Adjust size as needed */
    font-family: 'Poppins', sans-serif; /* Replace with your desired font */
  }

  #menu-primary li a {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
  }
}
@media (max-width: 768px) {
  #menu-primary .sub-menu a {
    font-size: 14px !important; /* Adjust as needed */
    font-family: 'Poppins', sans-serif; /* Optional: change font */
  }

  #menu-primary .sub-menu li {
    padding: 8px 15px; /* Optional: adjust spacing */
  }
}
@media (max-width: 768px) {
  .mobile-user-menu {
    font-size: 16px !important; /* Adjust size */
    font-family: 'Poppins', sans-serif; /* Optional: change font */
  }

  .mobile-user-menu a {
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif;
  }

  .mobile-user-menu li {
    padding: 8px 15px; /* Optional: tighter spacing */
  }
}