/**
 * Visit Oradea — events cards carousel + card styles (design2-purple.html).
 */

.et_pb_vo_event_cards {
	width: 100%;
	margin: 0;
}

/* Shared carousel track (events) */
.et_pb_vo_event_cards.events-track,
.et_pb_vo_event_cards.vo-card-carousel-track,
.et_pb_vo_event_cards .events-track,
.et_pb_vo_event_cards .vo-card-carousel-track,
.et_pb_vo_event_cards[data-vo-carousel],
.et_pb_vo_event_cards [data-vo-carousel] {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: var(--vo-carousel-gap, 20px);
	overflow-x: auto;
	overflow-y: visible;
	scroll-snap-type: x mandatory;
	padding-top: 6px;
	padding-bottom: 16px;
	padding-right: 28px;
	scrollbar-width: none;
	scroll-behavior: smooth;
	width: 100%;
	margin: 0;
	align-items: stretch;
}

.et_pb_vo_event_cards.events-track.et_flex_direction_column,
.et_pb_vo_event_cards.vo-card-carousel-track.et_flex_direction_column,
.et_pb_vo_event_cards .events-track.et_flex_direction_column,
.et_pb_vo_event_cards .vo-card-carousel-track.et_flex_direction_column,
.et_pb_vo_event_cards[data-vo-carousel].et_flex_direction_column,
.et_pb_vo_event_cards [data-vo-carousel].et_flex_direction_column {
	flex-direction: row !important;
}

.et_pb_vo_event_cards.events-track::-webkit-scrollbar,
.et_pb_vo_event_cards.vo-card-carousel-track::-webkit-scrollbar,
.et_pb_vo_event_cards .events-track::-webkit-scrollbar,
.et_pb_vo_event_cards .vo-card-carousel-track::-webkit-scrollbar,
.et_pb_vo_event_cards [data-vo-carousel]::-webkit-scrollbar {
	display: none;
}

.et_pb_vo_event_cards.events-track > .et_pb_module_inner,
.et_pb_vo_event_cards.vo-card-carousel-track > .et_pb_module_inner,
.et_pb_vo_event_cards .et_pb_module_inner {
	display: block;
	width: 100%;
}

.et_pb_vo_event_cards .et_pb_module_inner > .events-track,
.et_pb_vo_event_cards .et_pb_module_inner > .vo-card-carousel-track {
	width: 100%;
}

.et_pb_vo_event_cards.events-track > .et_pb_vo_event_card,
.et_pb_vo_event_cards.vo-card-carousel-track > .et_pb_vo_event_card,
.et_pb_vo_event_cards .events-track > .et_pb_vo_event_card,
.et_pb_vo_event_cards .vo-card-carousel-track > .et_pb_vo_event_card {
	display: flex !important;
	flex-direction: column !important;
	flex: 0 0 var(--vo-carousel-card-width, 350px) !important;
	width: var(--vo-carousel-card-width, 350px) !important;
	min-width: var(--vo-carousel-card-width, 350px) !important;
	max-width: none !important;
	scroll-snap-align: start;
}

/* Event card */
.et_pb_vo_event_cards a.event,
.et_pb_vo_event_cards a.event.et_pb_module {
	flex: 0 0 var(--vo-carousel-card-width, 350px) !important;
	width: var(--vo-carousel-card-width, 350px) !important;
	min-width: var(--vo-carousel-card-width, 350px) !important;
	max-width: none !important;
	scroll-snap-align: start;
	background: #fff;
	border-radius: 0;
	overflow: hidden;
	gap: 0;
	transition: 0.3s;
	color: var(--vo-ink, #1f2a44);
	display: flex;
	flex-direction: column;
	border: 0;
	text-decoration: none;
	cursor: pointer;
	height: auto;
	min-height: 0;
}
.et_pb_vo_event_cards .event.events-spacer,
.et_pb_vo_event_cards .vo-carousel-spacer.event {
	background: transparent;
	opacity: 0;
	visibility: hidden;
	width: calc((100%  - min(100% , var(--vo-container, 1440px)) + var(--vo-container-pad, 24px) - var(--vo-carousel-gap, 20px)) / 2);
	min-width: calc((100%  - min(100% , var(--vo-container, 1440px)) + var(--vo-container-pad, 24px) - var(--vo-carousel-gap, 20px)) / 2);
	max-width: calc((100%  - min(100% , var(--vo-container, 1440px)) + var(--vo-container-pad, 24px) - var(--vo-carousel-gap, 20px)) / 2);
	flex: 0 0 calc((100%  - min(100% , var(--vo-container, 1440px)) + var(--vo-container-pad, 24px) - var(--vo-carousel-gap, 20px)) / 2);
	scroll-snap-align: start;
	pointer-events: none;
	display: block;
	min-height: 0;
	border: 0;
	box-shadow: none;
	overflow: visible;
	padding: 0;
}

/* Event card media */
.et_pb_vo_event_cards a.event .media {
	width: 100%;
	min-height: 359px;
	aspect-ratio: auto;
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.et_pb_vo_event_cards a.event .date {
	position: absolute;
	top: 14px;
	left: 14px;
	background: #fff;
	color: var(--vo-ink, #1f2a44);
	padding: 8px 12px;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1;
	min-width: 52px;
	z-index: 1;
}

.et_pb_vo_event_cards a.event .date .d {
	font-family: var(--vo-font);
	font-size: 20px;
	font-weight: 800;
}

.et_pb_vo_event_cards a.event .date .m {
	font-family: var(--vo-font);
	font-size: 9px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	opacity: 0.7;
	margin-top: 3px;
}

.et_pb_vo_event_cards a.event .pill {
	position: absolute;
	top: 14px;
	right: 14px;
	background: var(--vo-accent, #f9423a);
	color: #fff;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	z-index: 1;
	line-height: 1.2;
}

.et_pb_vo_event_cards a.event .more {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #fff;
	display: grid;
	place-items: center;
	transition: 0.3s;
	font-family: var(--vo-font);
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	z-index: 1;
	pointer-events: none;
}

.et_pb_vo_event_cards a.event:hover .more {
	background: var(--vo-accent, #f9423a);
	border-color: var(--vo-accent, #f9423a);
	color: #fff;
	transform: rotate(-45deg);
}

.et_pb_vo_event_cards a.event .info {
	padding: 20px 0;
	text-align: left;
	flex: 0 0 auto;
}

.et_pb_vo_event_cards a.event .cat-l {
	font-family: var(--vo-font);
	font-size: 10px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--vo-muted, #6b7280);
	font-weight: 700;
	display: block;
}

.et_pb_vo_event_cards a.event h3 {
	font-family: var(--vo-font);
	font-size: 17px;
	margin: 8px 0 10px;
	color: var(--vo-ink, #1f2a44);
	line-height: 1.25;
	font-weight: 700;
	padding: 0;
}

.et_pb_vo_event_cards a.event .where,
.et_pb_vo_event_cards a.event .when {
	font-family: var(--vo-font);
	font-size: 13px;
	color: var(--vo-muted, #6b7280);
	line-height: 1.4;
	display: flex;
	align-items: flex-start;
	gap: 0.45em;
}

.et_pb_vo_event_cards a.event .when + .where,
.et_pb_vo_event_cards a.event .where + .when {
	margin-top: 4px;
}

.et_pb_vo_event_cards a.event .when::before,
.et_pb_vo_event_cards a.event .where::before {
	content: "";
	flex: 0 0 0.95em;
	width: 0.95em;
	height: 0.95em;
	margin-top: 0.18em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* Calendar — schedule / date line */
.et_pb_vo_event_cards a.event .when::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M8 3v4'/%3E%3Cpath d='M16 3v4'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M8 3v4'/%3E%3Cpath d='M16 3v4'/%3E%3C/svg%3E");
}

/* Map pin — venue / address line */
.et_pb_vo_event_cards a.event .where::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.2 7-11a7 7 0 1 0-14 0c0 5.8 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.2 7-11a7 7 0 1 0-14 0c0 5.8 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.et_pb_vo_event_cards a.event .media > .bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
	transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
	will-change: transform;
}

.et_pb_vo_event_cards a.event:hover .media > .bg {
	transform: scale3d(1.08, 1.08, 1);
}

@media (max-width: 640px) {
	.et_pb_vo_event_cards .event.events-spacer,
	.et_pb_vo_event_cards .vo-carousel-spacer.event {
		width: var(--vo-container-pad, 18px);
		min-width: var(--vo-container-pad, 18px);
		max-width: var(--vo-container-pad, 18px);
		flex: 0 0 var(--vo-container-pad, 18px);
	}

	.et_pb_vo_event_cards a.event {
		flex: 0 0 min(350px, 78vw);
		width: min(350px, 78vw);
	}
}

@media (prefers-reduced-motion: reduce) {
	.et_pb_vo_event_cards a.event .media > .bg {
		transition: none;
	}

	.et_pb_vo_event_cards a.event:hover .media > .bg {
		transform: none;
	}

	.et_pb_vo_event_cards a.event .more {
		transition: none;
	}

	.et_pb_vo_event_cards a.event:hover .more {
		transform: none;
	}
}