/**
 * Homepage hero (index-2) — fixes for dynamic Swiper + admin uploads.
 */

/* Before Swiper inits: show first slide content (theme defaults hide opacity:0) */
.hero-section-2 .banner-active:not(.swiper-initialized) .swiper-slide:first-child .hero-content,
.hero-section-2 .banner-active:not(.swiper-initialized) .swiper-slide:first-child .hero-button,
.hero-section-2 .banner-active:not(.swiper-initialized) .swiper-slide:first-child .hero-image {
  opacity: 1;
  transform: none;
}

.hero-section-2 .banner-active:not(.swiper-initialized) .swiper-slide:not(:first-child) .right-shape {
  display: none;
}

/* After init: only active slide shows shape (JS also sets display:none) */
.hero-section-2 .banner-active .swiper-slide:not(.swiper-slide-active) .right-shape {
  display: none !important;
}

.hero-section-2 .banner-active .swiper-slide.swiper-slide-active .right-shape {
  display: block !important;
}

/* Fade slider needs height from content */
.hero-section-2 .banner-active.swiper-fade .swiper-wrapper {
  min-height: 1px;
}

.hero-section-2 .banner-active .swiper-slide .hero-2 {
  width: 100%;
}

/* Admin uploads: cap size (theme default is ~702×516 for hero-image.png) */
.hero-section-2 .hero-2 .hero-image > img {
  max-width: 702px;
  max-height: 516px;
  width: auto;
  height: auto;
}

@media (max-width: 1600px) {
  .hero-section-2 .hero-2 .hero-image > img {
    max-width: 100%;
    max-height: none;
  }
}