/* ═══ Nukkad Chat Corner — Static cards, live food art, smooth scroll ═══
   Cards never lift; food items inside keep motion + direct hover. */

/* ── Cards: static shell only ── */
.order-card {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 184, 77, 0.12);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  content-visibility: visible;
}

.order-card,
.order-card:hover,
.order-card:focus-within,
.order-card.is-raised {
  transform: none !important;
}

.order-card:focus-visible {
  outline: 2px solid rgba(255, 184, 77, 0.55);
  outline-offset: 2px;
}

.order-card__viewport {
  overflow: visible;
  contain: layout style paint;
}

/* Keep plates painted — content-visibility: auto was discarding CSS art on scroll */

/* Now serving — static border (set in HTML on chai card) */
.order-card--serving {
  border-color: rgba(255, 184, 77, 0.45) !important;
  box-shadow:
    0 0 0 1px rgba(255, 184, 77, 0.28),
    0 8px 24px rgba(255, 140, 60, 0.14) !important;
}

.order-card .dish-art {
  pointer-events: none;
}

/* Desktop fine pointer — solid header (no sticky blur cost) */
@media (hover: hover) and (pointer: fine) {
  .app-header {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgba(10, 8, 6, 0.94);
  }
}

.dish-modal__stage-art,
.dish-modal__stage-art *,
.dish-modal__stage-art *::before,
.dish-modal__stage-art *::after {
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .order-card .dish-art,
  .order-card .dish-art *,
  .order-card .dish-art *::before,
  .order-card .dish-art *::after {
    animation: none !important;
    transition: none !important;
  }
}