/* Turram Online Ordering: incremental, responsive theme refresh.
   Brand accent can be overridden per restaurant without modifying layouts. */
:root {
  --turram-accent: #e58a24;
  --turram-accent-hover: #bd6513;
  --turram-text: #242b35;
  --turram-border: #e8e9ed;
  --turram-surface: #ffffff;
  --turram-page: #faf9f6;
}
body { color: var(--turram-text); background-color: var(--turram-page); }
a { transition: color .15s ease; }
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, .btn:focus-visible {
  outline: 3px solid var(--turram-accent);
  outline-offset: 2px;
}
.btn { border-radius: .65rem; transition: background-color .15s ease, box-shadow .15s ease; }
.btn-primary { background-color: var(--turram-accent); border-color: var(--turram-accent); color: #191919; font-weight: 700; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--turram-accent-hover); border-color: var(--turram-accent-hover); color: #fff; }
.card { border: 1px solid var(--turram-border); border-radius: 1rem; background: var(--turram-surface); overflow: hidden; }
.card img { max-width: 100%; }
.form-control, .custom-select { border-radius: .55rem; min-height: 42px; }
.form-control:focus, .custom-select:focus { border-color: var(--turram-accent); box-shadow: 0 0 0 .18rem rgba(229,138,36,.16); }
img { max-width: 100%; }
@media (max-width: 767px) {
  .container { padding-left: 14px; padding-right: 14px; }
  .btn { min-height: 42px; }
  .card { border-radius: .8rem; }
  h1 { font-size: clamp(1.65rem, 6vw, 2.25rem); }
  h2 { font-size: clamp(1.4rem, 5vw, 1.85rem); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}