/* Keep the current event within thumb reach on the mobile homepage. */
.website-mobile-order { display: none; }
@media (max-width: 980px) {
  .website-mobile-order:not([hidden]) { display: block; position: fixed; z-index: 100000; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); left: 12px; right: 12px; max-width: 440px; margin: 0 auto; padding: 18px; border: 2px solid #3fad99; border-radius: 18px; background: #fffaf0; color: #283c1c; box-shadow: 0 8px 32px #0005; font-family: Arial, sans-serif; text-align: center; }
  .website-mobile-order .website-mobile-order-label { padding: 0 32px 6px; margin: 0; font-size: 14px; line-height: 1.4; }
  .website-mobile-order .website-mobile-order-event { padding: 0 20px 6px; margin: 0; font-size: 20px; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; }
  .website-mobile-order .website-mobile-order-details { padding: 0; margin: 0 0 6px; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
  .website-mobile-order .website-mobile-order-link { display: block; margin-top: 12px; padding: 14px 12px; border-radius: 10px; background: #426021; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.3; text-decoration: none; }
  .website-mobile-order-close { position: absolute; top: 0; right: 0; width: 44px; height: 44px; border: 0; background: transparent; color: #283c1c; font-size: 28px; cursor: pointer; }
  .website-mobile-order a:focus-visible, .website-mobile-order button:focus-visible { outline: 3px solid #d0465f; outline-offset: 3px; }
}