/* guest_system_touch.css — iOS/touch: no sticky :hover transform on .btn-main/.btn-action
 *
 * Scope: Guest System dashboard, kitchen history, restaurant manage/booking/menu/stock
 * worker pages (see .gsd-touch-scope in templates). Desktop hover unchanged via media query.
 */

@media (hover: none), (pointer: coarse) {
  .gsd-page-constrain .btn-main,
  .gsd-page-constrain .btn-action,
  .gsd-page-constrain button.btn-main,
  .gsd-page-constrain a.btn-main,
  .gsd-page-constrain a.btn-action,
  .gsd-touch-scope .btn-main,
  .gsd-touch-scope .btn-action,
  .gsd-touch-scope button.btn-main,
  .gsd-touch-scope a.btn-main,
  .gsd-touch-scope a.btn-action,
  #dashboard-cancel-modal .btn-main,
  #dashboard-cancel-modal .btn-action,
  #orders-bill-comment-modal .btn-main,
  #orders-bill-comment-modal .btn-action,
  #customConfirmModal .btn-main,
  #customConfirmModal .btn-action,
  #custom-confirm-modal .btn-main,
  #custom-confirm-modal .btn-action {
    transition: none !important;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .gsd-page-constrain .btn-main:hover,
  .gsd-page-constrain .btn-main:active,
  .gsd-page-constrain .btn-action:hover,
  .gsd-page-constrain .btn-action:active,
  .gsd-touch-scope .btn-main:hover,
  .gsd-touch-scope .btn-main:active,
  .gsd-touch-scope .btn-action:hover,
  .gsd-touch-scope .btn-action:active,
  #dashboard-cancel-modal .btn-main:hover,
  #dashboard-cancel-modal .btn-main:active,
  #dashboard-cancel-modal .btn-action:hover,
  #dashboard-cancel-modal .btn-action:active,
  #orders-bill-comment-modal .btn-main:hover,
  #orders-bill-comment-modal .btn-main:active,
  #orders-bill-comment-modal .btn-action:hover,
  #orders-bill-comment-modal .btn-action:active,
  #customConfirmModal .btn-main:hover,
  #customConfirmModal .btn-main:active,
  #customConfirmModal .btn-action:hover,
  #customConfirmModal .btn-action:active,
  #custom-confirm-modal .btn-main:hover,
  #custom-confirm-modal .btn-main:active,
  #custom-confirm-modal .btn-action:hover,
  #custom-confirm-modal .btn-action:active {
    transform: none !important;
    box-shadow: 2px 2px 0 var(--grey, #e0e0e0) !important;
  }

  .gsd-page-constrain .kitchen-ticket-btn:hover,
  .gsd-page-constrain .kitchen-ticket-btn:active,
  .gsd-page-constrain .kitchen-action-btn:hover,
  .gsd-page-constrain .kitchen-action-btn:active,
  .gsd-page-constrain .kitchen-dismissed-toggle-btn:hover,
  .gsd-page-constrain .kitchen-dismissed-toggle-btn:active {
    transform: none !important;
  }
}