/* Maid Agency — styles used with Tailwind CDN */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Manrope:wght@300;400;500;600;700;800&display=swap");

body {
  font-family: "Manrope", system-ui, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Outfit", system-ui, sans-serif;
}

.hero-overlay {
  background: linear-gradient(to right, rgba(10, 25, 47, 0.92), rgba(10, 25, 47, 0.45));
}

.service-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(10, 25, 47, 0.1);
}

.nav-link {
  position: relative;
  transition: color 0.2s ease;
}

.nav-link::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #facc15;
  transition: width 0.3s ease;
}

.nav-link:hover::after {
  width: 100%;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

.float-animation {
  animation: float 3s ease-in-out infinite;
}

@keyframes pulse-glow {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(250, 204, 21, 0.4);
  }
  50% {
    box-shadow: 0 0 20px 4px rgba(250, 204, 21, 0.2);
  }
}

.glow-pulse {
  animation: pulse-glow 2s ease-in-out infinite;
}

#top-contact-bar.topbar-hidden {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

#mobile-menu-panel:not(.open) {
  display: none;
}

#mobile-menu-panel.open {
  display: block;
}

#whatsapp-tooltip:not(.open) {
  display: none;
}

.form-status {
  min-height: 1.25rem;
}