/* FixHub Adelaide — custom layer beyond Tailwind */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5.5rem;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background:
    radial-gradient(60rem 60rem at 110% -10%, rgba(34, 211, 238, 0.07), transparent 60%),
    radial-gradient(50rem 50rem at -10% 0%, rgba(37, 99, 235, 0.08), transparent 55%),
    #ffffff;
}

/* Subtle dot grid for hero & quote backgrounds */
.hero-grid {
  background-image:
    radial-gradient(circle at 1px 1px, rgba(15, 23, 42, 0.10) 1px, transparent 0);
  background-size: 24px 24px;
  mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
}

/* Sticky-nav state: stronger blur + tighter shadow after scrolling */
#site-header.is-scrolled nav {
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.18);
  border-color: rgba(255, 255, 255, 0.6);
}

/* Quote result entrance */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-up { animation: fadeUp 350ms cubic-bezier(0.21, 0.61, 0.35, 1); }

/* Tame native select chevron on Firefox */
select::-ms-expand { display: none; }

/* Number-spinner cleanup on phone inputs */
input[type="tel"]::-webkit-outer-spin-button,
input[type="tel"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Slight lift on focus for form controls (extra polish beyond Tailwind ring) */
input:focus, select:focus, textarea:focus {
  outline: none;
}

/* Better date input on Safari/iOS */
input[type="date"] {
  min-height: 3rem;
}

/* Reduce-motion respect */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .fade-up { animation: none; }
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}
