/**
 * NIYAPRESS: Hero Slider Image Fix
 * Fix oversized images in hero slideshow - constrain properly
 */

/* Force proper image sizing in hero slider */
.hero-section-slider .hero-slide-media {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	max-height: 600px !important;
	overflow: hidden !important;
}

.hero-section-slider .hero-slide-img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-height: 600px !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
}

/* Ensure overlay stays on top */
.hero-section-slider .hero-slide-overlay {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 60% !important;
	background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.1) 70%, transparent 100%) !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

/* Prevent double overlays */
.hero-section-slider .hero-slide-media::after,
.hero-section-slider .hero-slide-media::before {
	display: none !important;
	content: none !important;
}

/* Fix slides container height */
.hero-section-slider .hero-slides-container {
	position: relative !important;
	width: 100% !important;
	height: 600px !important;
	max-height: 600px !important;
	overflow: hidden !important;
}

.hero-section-slider .hero-slides-wrapper {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	max-height: 600px !important;
}

.hero-section-slider .hero-slide {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-height: 600px !important;
	overflow: hidden !important;
}

/* Responsive fixes */
@media (max-width: 1200px) {
	.hero-section-slider .hero-slide-media,
	.hero-section-slider .hero-slide-img,
	.hero-section-slider .hero-slides-container,
	.hero-section-slider .hero-slides-wrapper,
	.hero-section-slider .hero-slide {
		max-height: 520px !important;
		height: 520px !important;
	}
}

@media (max-width: 1024px) {
	.hero-section-slider .hero-slide-media,
	.hero-section-slider .hero-slide-img,
	.hero-section-slider .hero-slides-container,
	.hero-section-slider .hero-slides-wrapper,
	.hero-section-slider .hero-slide {
		max-height: 420px !important;
		height: 420px !important;
	}
}

@media (max-width: 768px) {
	.hero-section-slider .hero-slide-media,
	.hero-section-slider .hero-slide-img,
	.hero-section-slider .hero-slides-container,
	.hero-section-slider .hero-slides-wrapper,
	.hero-section-slider .hero-slide {
		max-height: 380px !important;
		height: 380px !important;
	}
}

@media (max-width: 480px) {
	.hero-section-slider .hero-slide-media,
	.hero-section-slider .hero-slide-img,
	.hero-section-slider .hero-slides-container,
	.hero-section-slider .hero-slides-wrapper,
	.hero-section-slider .hero-slide {
		max-height: 320px !important;
		height: 320px !important;
	}
}
