/* Sticky bottom action bars.

   Pins action bars to the viewport bottom on action/decision pages, with
   safe-area padding for the iOS home-indicator and a border-top for
   visual separation during scroll. Sticky resolves against the nearest
   scrolling ancestor — body for public booking/onboarding wizards, the
   inner `.detail-content` for `shared/page` layouts.

   Layout contract for push-to-bottom on short pages: the ancestor page
   wrapper must be a flex-column with `min-height: 100%`, and any
   intervening `<form>` must have `flex: 1`. The utility supplies the
   `margin-top: auto` that does the pushing. */

@layer utilities {
  .sticky-actions,
  .wizard_actions,
  .onboarding_actions,
  .wizard-actions,
  .field-edit-actions,
  .form-actions {
    position: sticky;
    bottom: 0;
    z-index: var(--z-popup);
    margin-top: auto;
    padding-block: 12px calc(12px + var(--safe-bottom));
    background: var(--color-bg);
    border-top: 1px solid var(--color-border);
  }

  .sticky-actions {
    padding-inline: var(--content-padding);
  }

  .wizard-actions,
  .field-edit-actions {
    border-top: none;
  }
}