/**
 * OCS Slider Revolution Widget Styles
 */

.ocs-slider-revolution-container {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
}

/* Asegurar que Slider Revolution respete el flujo del documento */
.ocs-slider-revolution-container .rev_slider {
	position: relative !important;
	z-index: 1 !important;
}

.ocs-slider-revolution-container .rev_slider_wrapper {
	position: relative !important;
	z-index: 1 !important;
}

/* Fixes para evitar que se sobreponga */
.ocs-slider-revolution-container .tp-bullets {
	z-index: 2 !important;
}

.ocs-slider-revolution-container .tp-thumbs {
	z-index: 2 !important;
}

/* Responsive - asegurar altura en móviles */
@media (max-width: 768px) {
	.ocs-slider-revolution-container {
		min-height: 300px;
	}
}

@media (max-width: 480px) {
	.ocs-slider-revolution-container {
		min-height: 200px;
	}
}

/* Fullscreen mode */

/* Fullscreen mode: restar alturas del header y topbar usando variables CSS */
.ocs-slider-fullscreen {
	height: calc(100vh - var(--ocs-header-height, 0px) - var(--ocs-topbar-height, 0px)) !important;
	min-height: calc(100vh - var(--ocs-header-height, 0px) - var(--ocs-topbar-height, 0px)) !important;
	display: block;
}

.ocs-slider-fullscreen .rev_slider,
.ocs-slider-fullscreen .rev_slider_wrapper {
	height: calc(100vh - var(--ocs-header-height, 0px) - var(--ocs-topbar-height, 0px)) !important;
	min-height: calc(100vh - var(--ocs-header-height, 0px) - var(--ocs-topbar-height, 0px)) !important;
	position: relative !important;
}