/*
 * ZUVA Hakoura Universal 10.12.3
 * Home / Visit & Collect image fitting correction.
 *
 * The Gutenberg Additional CSS field is applied to the Image block wrapper
 * (<figure>), while object-fit only affects the <img> itself. The base theme
 * also gives .zuva-rounded-image img a 520px minimum height and object-fit:cover,
 * which is why the frontend continued cropping even after adding object-fit in
 * the editor. These rules target only the Visit & Collect image and remove that
 * forced crop without changing any other page, block, spacing, or functionality.
 */

html:not(.zuva-pwa-standalone) body.zuva-universal-theme
.zuva-visit-universal .zuva-rounded-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
}

html:not(.zuva-pwa-standalone) body.zuva-universal-theme
.zuva-visit-universal .zuva-rounded-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* Keep the exact same behavior on tablet/mobile web. */
@media (max-width: 960px) {
  html:not(.zuva-pwa-standalone) body.zuva-universal-theme
  .zuva-visit-universal .zuva-rounded-image img {
    min-height: 0 !important;
    height: auto !important;
  }
}