/* ============================================================
   Xtreme Mowing — Site Styles
   Tailwind handles layout; this file adds custom overrides.
   ============================================================ */

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Nav text color when hero is below (transparent state) */
.nav-link { color: rgba(255, 255, 255, 0.9); }
.nav-logo-text { color: white; }

/* Wagtail RichText prose overrides */
.prose a { color: #166534; }
.prose a:hover { color: #14532d; }
.prose h2, .prose h3 { font-weight: 800; }
.prose ul li::marker { color: #84cc16; }

/* Gallery lightbox */
#lightbox { backdrop-filter: blur(8px); }

/* Service cards hover border */
.service-card:hover { border-color: rgba(132, 204, 22, 0.4); }

/* Wagtail form fields */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  font-family: inherit;
}

/* Equipment spec table hover */
.spec-row:nth-child(even) { background: #f9fafb; }

/* Scroll anchor offset for fixed navbar */
[id] { scroll-margin-top: 5rem; }

/* Animation on scroll - handled by Tailwind + JS, minimal here */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out forwards;
}