@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');

:root {
  --brand: #f97316;
  --brand-dark: #c2410c;
  --gold: #d6a43a;
  --cream: #fff8ed;
  --ink: #24160f;
}

* {
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Noto Sans Thai", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(249, 115, 22, 0.13), transparent 32rem),
    linear-gradient(180deg, #fffaf2 0%, #fff 42%, #fff8ed 100%);
  color: var(--ink);
}

.glass-nav {
  background: rgba(255, 250, 242, 0.86);
  backdrop-filter: blur(22px);
  border-bottom: 1px solid rgba(214, 164, 58, 0.18);
}

.brand-gradient {
  background: linear-gradient(135deg, #f97316 0%, #d6a43a 52%, #a85515 100%);
}

.premium-card {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(214, 164, 58, 0.18);
  box-shadow: 0 18px 45px rgba(120, 53, 15, 0.08);
}

.soft-card {
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(120, 53, 15, 0.08);
}

.tap {
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.tap:active {
  transform: scale(0.98);
}

.nav-link.active,
.category-pill.active,
.choice-card.active {
  border-color: rgba(249, 115, 22, 0.72);
  background: rgba(255, 237, 213, 0.92);
  color: var(--brand-dark);
}

.menu-image {
  background:
    linear-gradient(135deg, rgba(249, 115, 22, 0.16), rgba(214, 164, 58, 0.20)),
    url("../images/food-pattern.svg");
  background-size: cover;
}

.bottom-safe {
  padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.status-new { background: #fff7ed; color: #c2410c; }
.status-cooking { background: #fef3c7; color: #92400e; }
.status-ready { background: #dcfce7; color: #166534; }
.status-completed { background: #f1f5f9; color: #475569; }