/*
 * Slider Block – Custom Overrides
 * Fixes: removes purple theme, removes focus outline,
 * hides "Slides to show", responsive visibility.
 */

/* =============================================
   1. REMOVE BLACK FOCUS BAR / OUTLINE
   ============================================= */
.eb-slider-wrapper:focus,
.eb-slider-wrapper:focus-visible,
.eb-slider-wrapper *:focus,
.eb-slider-wrapper .slick-slider:focus,
.eb-slider-wrapper .slick-list:focus,
.eb-slider-wrapper .slick-slide:focus,
.eb-slider-wrapper .slick-prev:focus,
.eb-slider-wrapper .slick-next:focus,
.eb-slider-wrapper .slick-prev:focus-visible,
.eb-slider-wrapper .slick-next:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

/* Remove the WP block selection outline/border in editor */
.wp-block-slider-block-slider-block:focus,
[data-type="slider-block/slider-block"]:focus,
[data-type="slider-block/slider-block"] .is-selected,
.eb-slider-wrapper.eb-slider-wrapper:focus-within {
	outline: none !important;
	box-shadow: none !important;
}

/* =============================================
   2. SLIDER CONTAINER – overflow hidden
   ============================================= */
.eb-slider-wrapper {
	overflow: hidden;
	position: relative;
}

/* =============================================
   3. RESPONSIVE – ensure slider visible on all devices
   ============================================= */

/* Force slider to always be visible (overrides EB "hide on device" settings) */
[class*="eb-parent-eb-slider"] {
	display: block !important;
	opacity: 1 !important;
}

@media (max-width: 1024px) {
	.eb-slider-wrapper .slick-slider .eb-slider-item img {
		min-height: 250px;
	}
}

@media (max-width: 767px) {
	.eb-slider-wrapper .slick-slider .eb-slider-item img {
		min-height: 200px;
		height: auto !important;
	}
}

/* =============================================
   4. EDITOR – hide "Slides to show" control
   ============================================= */

/* Hide the "Slides Per View" / "Slides to Show" range control in the editor settings */
.eb-panel-control label[for*="slideToShow"],
.eb-panel-control label[for*="slide-to-show"] {
	display: none !important;
}