/* ESSENGO — subtle depth, 2026-11-01.
   CSS only: original layout, photographs, type and application logic are kept.
   No rotating objects, parallax, reveal delays or extra animation loops. */

/* A shallow edge keeps the yellow actions clear without changing their size. */
body :is(.btn-primary, .nav-cta) {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3),
    0 2px 0 #c59d12, 0 5px 12px -8px rgba(0, 0, 0, .28);
}
body :is(.btn-primary, .nav-cta):active:not(:disabled):not([aria-disabled="true"]) {
  box-shadow: inset 0 1px 2px rgba(90, 65, 0, .14),
    0 1px 0 #c59d12;
}
body :is(.btn-primary, .nav-cta):disabled,
body :is(.btn-primary, .nav-cta)[aria-disabled="true"] {
  box-shadow: none;
}

/* Low, soft shadows; no change to the cards' dimensions or text alignment. */
body :is(.restaurant-card, .menu-item, .help-card),
body.home-page .steps-section .feature {
  box-shadow: 0 2px 4px rgba(24, 28, 22, .035),
    0 8px 20px -14px rgba(24, 28, 22, .22);
}
body.home-page .home-featured-section .restaurant-card {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .12),
    0 9px 22px -15px rgba(0, 0, 0, .42);
}
body.home-page .quick-cat {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035),
    0 4px 10px -5px rgba(0, 0, 0, .3);
}

@media (hover: hover) and (pointer: fine) {
  body :is(.restaurant-card, .help-card):hover {
    transform: translateY(-2px);
    box-shadow: 0 3px 6px rgba(24, 28, 22, .04),
      0 12px 24px -15px rgba(24, 28, 22, .3);
  }
  body.home-page .home-featured-section .restaurant-card:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15),
      0 12px 24px -14px rgba(0, 0, 0, .5);
  }
}

/* Touch and reduced-motion visitors get steady cards. */
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  body :is(.restaurant-card, .help-card):hover { transform: none; }
}

@media print {
  body :is(.btn-primary, .nav-cta, .restaurant-card, .menu-item, .help-card),
  body.home-page :is(.steps-section .feature, .quick-cat) { box-shadow: none; }
}