/* v731 — Customer mobile checkout action integrity.
   Root cause: the legacy mobile cart made the final submit button position:sticky
   inside the same scrolling panel as checkout fields. On short Android/iOS
   viewports the sticky CTA floated over the allergy declaration and other final
   controls. Customer checkout now keeps the final action in normal document
   flow so no form control can ever sit underneath it. Staff/Table workflows are
   deliberately excluded. */

@media (max-width:1279px) {
  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] #order-panel,
  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] .order-panel {
    scroll-padding-bottom: max(24px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] #order-panel .checkout-form,
  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] .order-panel .checkout-form {
    padding-bottom: max(24px, calc(16px + env(safe-area-inset-bottom, 0px))) !important;
  }

  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] #order-panel .place-order,
  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] .order-panel .place-order {
    position: static !important;
    inset: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 16px 0 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] #order-panel .allergy-declaration-v660,
  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] #order-panel .contact-confirm-v729,
  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] #order-panel .contact-reminder-v729,
  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] #order-panel input,
  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] #order-panel textarea,
  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] #order-panel select {
    scroll-margin-block: 20px !important;
  }
}

/* Desktop keeps the established sidebar checkout architecture. */
@media (min-width:1280px) {
  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] #order-panel .place-order,
  body.shop-page[data-table-order="false"][data-staff-table-order="false"][data-staff-quick-order="false"] .order-panel .place-order {
    position: static !important;
  }
}