/* ==========================================================================
   components.css — Component-scoped styles
   Monarca Parking Lot Services
   Styles tied to specific UI components. Preserved verbatim from the original
   inline <style> block to guarantee identical rendering.
   ========================================================================== */

/* Navigation: applied via Alpine :class when the page is scrolled > 50px. */
.nav-scrolled {
  background-color: #1B1B1B;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* Hero: bottom fade gradient used on the subpage hero wrapper. */
.hero-gradient {
  background: linear-gradient(to top, #1B1B1B 0%, transparent 100%);
}

/* Service cards: icon emphasis on hover (color + scale). */
.service-card:hover i {
  transform: scale(1.1);
  color: #F4C430;
}