/* Event Slider
 * Structural styles only. Visual styling is controlled from the Elementor Style tab.
 */
.rmh-event-slider {
	position: relative;
	width: 100%;
	min-width: 0;
}

.rmh-event-slider__viewport {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

/* Minimal Swiper layout, in case the Swiper stylesheet is not loaded */
.rmh-event-slider .swiper-wrapper {
	position: relative;
	display: flex;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	transition-property: transform;
}

.rmh-event-slider .swiper-slide {
	position: relative;
	flex-shrink: 0;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	border-radius: 9px;
	overflow: hidden;
}

.rmh-event-slider__item {
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
	color: inherit;
	text-decoration: none;
}

a.rmh-event-slider__item:hover,
a.rmh-event-slider__item:focus-visible {
	color: inherit;
	text-decoration: none;
}

.rmh-event-slider__image {
	flex-shrink: 0;
	overflow: hidden;
}

.rmh-event-slider__image img {
	display: block;
	width: 100%;
	height: auto;
}

.rmh-event-slider__content {
	flex: 1 1 auto;
	min-width: 0;
	padding: 30px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.rmh-event-slider__content--inner {
	flex: 1;
}

.rmh-event-slider__title {
	margin: 0 0 0.5em;
	font-size: clamp(20px,1.875vw,27px);
	line-height: 1.274;
}

.rmh-event-slider__text {
	margin: 0;
	font-size: 18.9px;
	line-height: 1.619;
	letter-spacing: -0.32px;
}

.rmh-event-slider__link {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18.9px;
	line-height: 1.619;
	font-weight: bold;
	color: var(--rmh-black);
}

/* Navigation */
.rmh-event-slider__navigation {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 16px;
}

/* Reset theme button styles */
.rmh-event-slider .rmh-event-slider__nav {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 8px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: inherit;
	line-height: 1;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.rmh-event-slider .rmh-event-slider__nav:hover,
.rmh-event-slider .rmh-event-slider__nav:focus-visible {
	background: transparent;
	color: inherit;
}

.rmh-event-slider .rmh-event-slider__nav.swiper-button-disabled {
	opacity: 0.35;
	cursor: default;
	pointer-events: none;
}

.rmh-event-slider .rmh-event-slider__nav.swiper-button-lock {
	display: none;
}
