/* ServiceCard — small additions on top of Tailwind (see doc/DESIGN.md). */

body {
  font-family: 'Vazirmatn', sans-serif;
  -webkit-tap-highlight-color: transparent;
}

/* Navy overlay so the white hero headline stays legible over the truck photo. */
.hero-gradient {
  background: linear-gradient(180deg, rgba(13, 33, 64, 0.4) 0%, rgba(13, 33, 64, 0.8) 100%);
}

html {
  scroll-behavior: smooth;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Validation states driven by public/js/form.js */
.field-invalid {
  border-color: #d92d20;
}

.field-valid {
  border-color: #079455;
}

details summary::-webkit-details-marker {
  display: none;
}

details summary::after {
  content: '+';
  float: left;
  font-weight: 700;
  color: #f28c33;
}

details[open] summary::after {
  content: '−';
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}