/* Mobile book-a-court: offer → courts → about → map/amenities. Re-add in index.html after scrape. */

@media (max-width: 767px) {
  .max-w-6xl .md\:flex-row {
    display: flex !important;
    flex-direction: column !important;
  }

  .max-w-6xl .md\:flex-row > .order-1.flex.flex-1.flex-col.gap-6,
  .max-w-6xl .md\:flex-row > [class*="md:w-[250px]"] {
    display: contents !important;
  }

  .max-w-6xl .rounded-lg.shadow-md.bg-primary-160 {
    order: 1 !important;
  }

  .max-w-6xl .order-2.space-y-3.md\:order-1 {
    order: 2 !important;
  }

  .max-w-6xl .rounded-lg.bg-white.shadow-md.order-1.md\:order-3 {
    order: 3 !important;
  }

  .max-w-6xl .rounded-lg.bg-white.shadow-md:has(a[href*="google.com/maps"]) {
    order: 4 !important;
  }

  .max-w-6xl .rounded-lg.bg-white.shadow-md:has(ul[aria-label*="amenities" i]) {
    order: 5 !important;
  }

  .max-w-6xl .rounded-lg.bg-white.shadow-md:not(.order-1):not(:has(a[href*="google.com/maps"])):not(:has(ul[aria-label*="amenities"])) {
    order: 99 !important;
  }

  .max-w-6xl [data-matcha-mobile-order="1"] {
    order: 1 !important;
  }
  .max-w-6xl [data-matcha-mobile-order="2"] {
    order: 2 !important;
  }
  .max-w-6xl [data-matcha-mobile-order="3"] {
    order: 3 !important;
  }
  .max-w-6xl [data-matcha-mobile-order="4"] {
    order: 4 !important;
  }
  .max-w-6xl [data-matcha-mobile-order="5"] {
    order: 5 !important;
  }
}