/**
 * Ideal Spaces homepage — 16:9 no-crop slider compatibility fix
 * Version 1.0.11.20
 *
 * Scope: homepage hero only. This file deliberately does NOT override
 * Swiper's wrapper/slide positioning, display, flex-basis, transforms or
 * opacity. The theme's fade slider must remain in control of those values.
 */

body.home.is-modern-ui-test .iswg-hero-slider {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #07131f !important;
}

body.home.is-modern-ui-test .iswg-hero-slider > .galleryIn,
body.home.is-modern-ui-test .iswg-hero-slider > div:first-child {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #07131f !important;
}

body.home.is-modern-ui-test .iswg-hero-slider > .galleryIn > .swiper-container,
body.home.is-modern-ui-test .iswg-hero-slider > div:first-child > .swiper-container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #07131f !important;
}

/* Keep the block's source figures in the DOM for its own JavaScript, but
   remove them from the visible Swiper track so they never flash on screen or
   distort slide widths. */
body.home.is-modern-ui-test .iswg-hero-slider .swiper-wrapper > figure {
  position: absolute !important;
  left: -99999px !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Do not touch .swiper-wrapper or .swiper-slide layout/transform/opacity.
   Those are managed by the installed fade-slider script. */
body.home.is-modern-ui-test .iswg-hero-slider .swiper-slide figure {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #07131f !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* The visible artwork is the figure background, matching the original block
   structure. Prevent a duplicate nested IMG from covering it if one exists. */
body.home.is-modern-ui-test .iswg-hero-slider .swiper-slide picture img {
  display: none !important;
}

body.home.is-modern-ui-test .iswg-hero-slider .iswg-hero-sliderContent {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

body.home.is-modern-ui-test
.iswg-hero-slider .iswg-hero-sliderContent .iswg-hero-sliderContentIn {
  position: absolute !important;
  left: clamp(38px, 8vw, 124px) !important;
  top: 60% !important;
  bottom: auto !important;
  width: min(520px, 42vw) !important;
  max-width: 42vw !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  text-align: left !important;
}

body.home.is-modern-ui-test
.iswg-hero-slider .iswg-hero-sliderContent .iswg-hero-sliderContentIn h2 {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: clamp(42px, 3.7vw, 58px) !important;
  line-height: 1.02 !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .42) !important;
}

body.home.is-modern-ui-test
.iswg-hero-slider .iswg-hero-sliderContent .iswg-hero-sliderContentIn p {
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: clamp(19px, 1.55vw, 25px) !important;
  line-height: 1.2 !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .48) !important;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  body.home.is-modern-ui-test
  .iswg-hero-slider .iswg-hero-sliderContent .iswg-hero-sliderContentIn {
    left: clamp(30px, 6vw, 72px) !important;
    top: 61% !important;
    width: 48vw !important;
    max-width: 48vw !important;
  }

  body.home.is-modern-ui-test
  .iswg-hero-slider .iswg-hero-sliderContent .iswg-hero-sliderContentIn h2 {
    font-size: clamp(34px, 5vw, 46px) !important;
    margin-bottom: 9px !important;
  }

  body.home.is-modern-ui-test
  .iswg-hero-slider .iswg-hero-sliderContent .iswg-hero-sliderContentIn p {
    font-size: clamp(17px, 2.4vw, 22px) !important;
  }
}

@media only screen and (max-width: 767px) {
  body.home.is-modern-ui-test
  .iswg-hero-slider .iswg-hero-sliderContent .iswg-hero-sliderContentIn {
    left: 16px !important;
    right: 16px !important;
    top: auto !important;
    bottom: 13px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }

  body.home.is-modern-ui-test
  .iswg-hero-slider .iswg-hero-sliderContent .iswg-hero-sliderContentIn h2 {
    margin: 0 0 3px !important;
    font-size: clamp(22px, 6.8vw, 28px) !important;
    line-height: 1 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .68) !important;
  }

  body.home.is-modern-ui-test
  .iswg-hero-slider .iswg-hero-sliderContent .iswg-hero-sliderContentIn p {
    font-size: clamp(12px, 3.5vw, 15px) !important;
    line-height: 1.1 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .72) !important;
  }

  body.home.is-modern-ui-test .mainFooter .mainFooterIn {
    min-height: 0 !important;
    padding: 12px 16px 10px !important;
  }

  body.home.is-modern-ui-test .mainFooter .mainFooterIn .mainFooterLogo {
    margin-bottom: 7px !important;
    padding-bottom: 7px !important;
  }

  body.home.is-modern-ui-test .mainFooter .mainFooterIn .mainFooterSocials {
    top: 12px !important;
  }

  body.home.is-modern-ui-test .mainFooter .mainFooterInfo {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
}