@layer utilities {
  .text-gradient {
    @apply bg-clip-text text-transparent bg-gradient-to-r from-mnet-orange to-amber-400;
  }
  .animate-underline {
    @apply relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-0 after:bg-white after:transition-all after:duration-300 hover:after:w-full;
  }
  /* Remove underline effect for Masuk button */
  nav a[href*="loginClient"]::after,
  #mobile-menu a[href*="loginClient"]::after {
    display: none !important;
    content: none !important;
  }
}

/* Leaflet map styles */
#contact-map {
  z-index: 1;
}

.leaflet-container {
  height: 100%;
  width: 100%;
}

/* Ensure contact icons have consistent size */
#contact .flex.items-start svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}