/* =============================================================
   SCM Public — fixes the "slides stacking vertically" bug
   ============================================================= */

/* 1. Force the track to flex horizontally — overrides any theme that
      resets display:block on everything */
.scm-carousel .slick-track {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
}

/* 2. Each slide must be inline-block / flex-item, NEVER block-stacked */
.scm-carousel .slick-slide {
	display: block !important;    /* Slick expects block on the slide itself */
	float: left !important;       /* Slick's layout engine uses float */
	height: auto !important;
	min-height: 1px;
	box-sizing: border-box;
}

/* 3. Overflow hidden on the list so non-active slides are clipped */
.scm-carousel .slick-list {
	overflow: hidden !important;
	display: block !important;
	margin: 0;
	padding: 0;
}

/* 4. Prevent FOUC — hide until Slick initialises */
.scm-carousel:not(.slick-initialized) {
	opacity: 0;
}
.scm-carousel.slick-initialized {
	opacity: 1;
	transition: opacity .25s ease;
}

/* 5. Image sizing inside slides */
.scm-carousel .slick-slide img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* 6. Slide padding (gap between items) */
.scm-carousel .slick-slide > div {
	padding: 0 8px;
}
.scm-carousel .slick-list {
	margin: 0 -8px;
}

/* 7. Arrows */
.scm-carousel .slick-prev,
.scm-carousel .slick-next {
	z-index: 10;
}
.scm-carousel .slick-prev { left: -36px; }
.scm-carousel .slick-next { right: -36px; }

/* 8. Custom SVG arrow sizing */
.scm-carousel .slick-prev svg,
.scm-carousel .slick-next svg {
	width: 32px;
	height: 32px;
	display: block;
}
.scm-carousel .slick-prev:before,
.scm-carousel .slick-next:before {
	display: none; /* hide default Slick arrows when custom SVG is set */
}

/* 9. Dots */
.scm-carousel .slick-dots {
	bottom: -30px;
}
.scm-carousel .slick-dots li button:before {
	font-size: 8px;
	color: #94a3b8;
	opacity: 1;
}
.scm-carousel .slick-dots li.slick-active button:before {
	color: #6c47ff;
	opacity: 1;
}

/* 10. Wrapper clearfix for floated slides */
.scm-carousel:after {
	content: '';
	display: table;
	clear: both;
}