/* ── General ──────────────────────────────────────────────────────────────── */
:root {
  --brand-yellow: #f59e0b;
  --brand-dark:   #1a1a2e;
}

body {
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
}

/* ── Hero ────────────────────────────────────────────────────────────────── */
.hero {
  min-height: 420px;
  display: flex;
  align-items: center;
}

/* ── Cards ───────────────────────────────────────────────────────────────── */
.card {
  transition: transform .15s ease, box-shadow .15s ease;
}
.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1) !important;
}

/* ── Roll / Jam cards selection highlight ────────────────────────────────── */
.roll-card.selected,
.jam-card.selected {
  border-color: var(--brand-yellow) !important;
  background: rgba(245, 158, 11, .07);
}

/* ── Quantity input ──────────────────────────────────────────────────────── */
.quantity-input {
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 8px;
}
.quantity-input:focus {
  border-color: var(--brand-yellow);
  box-shadow: 0 0 0 .2rem rgba(245,158,11,.25);
}

/* ── Slot radio buttons ──────────────────────────────────────────────────── */
.btn-check:checked + .btn-outline-dark {
  background-color: var(--brand-dark);
  border-color:     var(--brand-dark);
  color: #fff;
}

/* ── Admin dashboard table ───────────────────────────────────────────────── */
.table th {
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* ── Scrollbar (webkit) ──────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }

/* ── Responsive tweaks ───────────────────────────────────────────────────── */
@media (max-width: 576px) {
  .hero { min-height: 320px; }
  h1.display-5 { font-size: 1.8rem; }
}