/*
 * UNIMERCE Marketplace
 * Developer: Morris Robinson <morrisrobinson1688@aol.com>
 * Patch 229: Database-backed homepage slideshow filter controls.
 */

body.unimerce-storefront-v2 .um-home-hero.has-image .um-home-hero-bg,
body.unimerce-storefront-v2 .um-home-slideshow .um-home-slide.has-image .um-home-hero-bg {
  background-image: var(--um-hero-image) !important;
  background-size: cover !important;
  background-position: center !important;
  filter: none !important;
}

body.unimerce-storefront-v2 .um-home-hero::after,
body.unimerce-storefront-v2 .um-home-slideshow .um-home-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: transparent !important;
  opacity: 0 !important;
  mix-blend-mode: normal;
}

body.unimerce-storefront-v2 .um-home-hero.um-hero-visual-filter::after,
body.unimerce-storefront-v2 .um-home-slideshow .um-home-slide.um-hero-visual-filter::after {
  background: var(--hero-filter-color, #111827) !important;
  opacity: var(--hero-filter-opacity, .30) !important;
  mix-blend-mode: var(--hero-filter-blend-mode, normal);
}

body.unimerce-storefront-v2 .um-home-hero .um-hero-copy,
body.unimerce-storefront-v2 .um-home-slideshow .um-home-slide .um-hero-copy {
  color: var(--hero-text-color, #ffffff);
  text-shadow: 0 2px 18px rgba(0, 0, 0, .42);
}

body.unimerce-storefront-v2 .um-home-hero.um-hero-visual-filter .um-hero-copy h1,
body.unimerce-storefront-v2 .um-home-hero.um-hero-visual-filter .um-hero-copy p,
body.unimerce-storefront-v2 .um-home-slideshow .um-home-slide.um-hero-visual-filter .um-hero-copy h1,
body.unimerce-storefront-v2 .um-home-slideshow .um-home-slide.um-hero-visual-filter .um-hero-copy p {
  color: var(--hero-text-color, #ffffff) !important;
}

body.unimerce-storefront-v2 .um-home-hero.um-hero-visual-filter .um-btn-outline,
body.unimerce-storefront-v2 .um-home-slideshow .um-home-slide.um-hero-visual-filter .um-btn-outline {
  color: var(--hero-text-color, #ffffff);
  border-color: color-mix(in srgb, var(--hero-text-color, #ffffff) 58%, var(--um-gold) 42%);
}

@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)) {
  body.unimerce-storefront-v2 .um-home-hero.um-hero-visual-filter .um-btn-outline,
  body.unimerce-storefront-v2 .um-home-slideshow .um-home-slide.um-hero-visual-filter .um-btn-outline {
    border-color: rgba(255, 255, 255, .72);
  }
}

@media (max-width: 991.98px) {
  body.unimerce-storefront-v2 .um-home-hero.has-image .um-home-hero-bg,
  body.unimerce-storefront-v2 .um-home-slideshow .um-home-slide.has-image .um-home-hero-bg {
    background-image: var(--um-hero-mobile-image, var(--um-hero-image)) !important;
    background-position: center !important;
  }
}