/* =========================================== */
/* ART HERO IMAGE FIX - Ensure Image is Visible */
/* Override bundle CSS that may hide the image */
/* =========================================== */

/* Remove background gradient that covers the image */
.art-gallery-hero,
.gallery-hero {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
}

/* Remove ::before pseudo-element background if it exists */
.art-gallery-hero::before,
.gallery-hero::before {
  background-image: none !important;
  background: transparent !important;
}

/* Ensure hero image container is visible and on top */
.art-gallery-hero .hero-image-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
  min-height: 100vh !important;
}

/* Ensure hero-image-link wrapper is visible */
.art-gallery-hero .hero-image-link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  text-decoration: none !important;
}

/* Ensure image elements are visible */
.art-gallery-hero .hero-image-container img,
.art-gallery-hero .hero-image-container picture,
.art-gallery-hero .hero-image-container source,
.art-gallery-hero .hero-image-link img,
.art-gallery-hero .hero-image-link picture,
.art-gallery-hero .hero-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Force picture element to be visible */
.art-gallery-hero .hero-image-container picture,
.art-gallery-hero .hero-image-link picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

/* Ensure source element doesn't hide image */
.art-gallery-hero .hero-image-container picture source,
.art-gallery-hero .hero-image-link picture source {
  display: none !important; /* source elements are not displayed */
}

/* Override any height:0 or max-height:0 that might hide container */
.art-gallery-hero .hero-image-container {
  min-height: 100vh !important;
  max-height: none !important;
}