/* Mobile Menu Styles */
#mobileMenuOverlay {
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}

#mobileMenuOverlay:not(.tw-hidden) {
  opacity: 1;
}

#mobileMenu {
  transition: transform 300ms ease-in-out;
}

.mobile-menu-item .mobile-submenu-toggle {
  transition: transform 200ms ease;
}

/* Force mobile menu services section to use grid layout */
.mobile-main-menu ul {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0.5rem !important;
  justify-content: stretch !important;
  width: 100% !important;
}

.mobile-main-menu ul li {
  margin: 0 !important;
  width: 100% !important;
}

.mobile-main-menu ul li a {
  display: block !important;
  text-align: center !important;
  padding: 0.5rem !important;
  background-color: #10b981 !important; /* emerald-500 */
  color: white !important;
  border-radius: 0.25rem !important;
  white-space: normal !important;
  height: 100% !important;
  font-size: 0.75rem !important;
}

.mobile-main-menu ul li a:hover {
  background-color: #34d399 !important; /* emerald-400 */
}

.mobile-main-menu ul li a.is-active {
  background-color: #34d399 !important; /* emerald-400 */
  font-weight: 600 !important;
}