/* Matbotten — Custom styles on top of Tailwind CDN */

/* Smooth scrolling for anchor links */
html {
  scroll-behavior: smooth;
}

/* Hide number input spinners (steppers use custom buttons) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/* Autocomplete dropdown positioning */
#ingredient-dropdown li[aria-selected="true"],
#ingredient-dropdown li:hover {
  background-color: var(--tw-brand-50, #fef7ee);
  color: var(--tw-brand-700, #b9480a);
}

/* Legal page prose styling */
.legal-prose h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
.legal-prose h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1f2937;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.legal-prose p {
  color: #4b5563;
  margin-bottom: 0.75rem;
  line-height: 1.7;
}
.legal-prose ul {
  list-style-type: disc;
  padding-left: 1.5rem;
  color: #4b5563;
  margin-bottom: 0.75rem;
}
.legal-prose li {
  margin-bottom: 0.25rem;
  line-height: 1.7;
}
.legal-prose a {
  color: #df6008;
  text-decoration: underline;
}
.legal-prose a:hover {
  color: #b9480a;
}
.legal-prose table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}
.legal-prose th,
.legal-prose td {
  border: 1px solid #e5e7eb;
  padding: 0.5rem 0.75rem;
  text-align: left;
}
.legal-prose th {
  background-color: #f9fafb;
  font-weight: 600;
  color: #1f2937;
}
.legal-prose td {
  color: #4b5563;
}