/*! Gladiatrix 2.0.9 · Arreglos de la web (includes/site-fixes.php): two pages that a phone could push sideways. */

/* Mi cuenta: the favourites list (YITH Wishlist). Phones get its own list, but a narrow screen that gets the computer's
   version (a small window, a phone asking for the desktop site) gets a table with five columns, wider than the screen
   (466 px), and the whole page moved sideways with it. That table now scrolls inside its own box; while the list is
   empty, only its message shows, on as many lines as it needs. */
@media (max-width: 767px) {
  html body .woocommerce table.wishlist_table { display: block; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  html body .woocommerce table.wishlist_table:has(td.wishlist-empty) thead { display: none; }
  html body .woocommerce table.wishlist_table td.wishlist-empty { white-space: normal; }
}

/* Sobre nosotras: a photo carousel (Spectra) as wide as the page had its arrows 24 px past the screen's edges on phones,
   and its gutters 4–8 px beyond it, so the page could be moved sideways. The carousel keeps to its width, and its
   arrows sit on the photos' edges, on a light disc so they read over any photo. */
.wp-block-uagb-image-gallery .spectra-image-gallery__layout--carousel { overflow-x: clip; }
.wp-block-uagb-image-gallery .spectra-image-gallery__control-arrows--carousel.slick-prev { left: 8px; z-index: 2; }
.wp-block-uagb-image-gallery .spectra-image-gallery__control-arrows--carousel.slick-next { right: 8px; z-index: 2; }
.wp-block-uagb-image-gallery .spectra-image-gallery__control-arrows--carousel { border-radius: 50%; background-color: rgba(255, 255, 255, .85); box-shadow: 0 4px 12px -6px rgba(48, 79, 90, .5); }