/* SmartRelay — custom styles layered on Tailwind */

/* Sticky nav shadow on scroll */
nav { box-shadow: 0 1px 3px rgba(0,0,0,.06); }

/* Smooth transitions */
a, button { transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s; }

/* Card hover lift */
.bg-white.rounded-xl { transition: box-shadow .2s; }
.bg-white.rounded-xl:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); }

/* Price accent */
.price-tag { color: #16a34a; }

/* Status pills — compact inline layout */
.status-pill { display: inline-flex; align-items: center; gap: .25rem; }

/* Form focus ring — override Tailwind defaults cleanly */
input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}

/* Full-width inputs inside forms */
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="password"],
form input[type="number"],
form select,
form textarea {
  width: 100%;
}

/* Nav link highlight for active page */
.nav-active { color: #16a34a; font-weight: 600; }

/* Mobile adjustments */
@media (max-width: 640px) {
  .grid-cols-2 { grid-template-columns: 1fr; }
  .sm\\:grid-cols-2 { grid-template-columns: 1fr; }
  .sm\\:grid-cols-3 { grid-template-columns: 1fr; }
}