/* Belize Shuttle Tours 4.13.2 mobile performance companion patch.
   Applies exclusively to the original site's mobile breakpoints.
   The existing color palette, spacing system and content remain untouched. */

@media screen and (max-width: 767px) {
  /* The live theme uses a ~1 MB fixed full-page illustration. Disabling fixed
     background attachment avoids costly scrolling repaints on mobile, while
     keeping the same image, size, and visual treatment. */
  body.wp-theme-belize-shuttle-tours:not(.wp-admin) {
    background-attachment: scroll !important;
  }

  /* Allow grid/flex children to shrink within narrow viewports, rather than
     creating accidental horizontal overflow in the listings/app shells. */
  .bst-marketplace-root,
  .bst-server-marketplace,
  .bst-airbnb-shell,
  .bst-server-grid,
  .bst-server-card,
  .bst-listing-card {
    min-width: 0;
  }

  /* Reserve an image box for PHP fallback listing cards before image decode.
     Mirrors the 4:3 aspect ratio already used in the existing theme. */
  .bst-server-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* Suppress decorative hover animation only for users requesting reduced
     motion; booking and navigation interactions remain enabled. */
  .bst-server-card img,
  .bst-v2-experience-card img,
  .bst-v3-mini-card img {
    transition: none !important;
  }
}