/**
 * Visit Oradea — front page sections (design2-purple.html).
 */

/* ============ Homepage section shells (not module styles) ============ */

.et_pb_section.cats {
	background: #fff;
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding-top: calc(clamp(72px, 10vw, 120px) + calc(var(--vo-spotlight-h, min(70vh, 720px)) * 0.5)) !important;
	padding-bottom: clamp(72px, 10vw, 120px) !important;
}

.et_pb_section.cats h2 {
	margin-top: 14px;
}

.et_pb_section.cats .sub,
.et_pb_section.cats p.sub {
	color: var(--vo-muted, #6b6b6b);
	margin-top: 16px;
	font-size: 16px;
	max-width: 800px;
	line-height: 1.65;
}

.et_pb_section.events {
	background: #fff;
	color: var(--vo-ink, #1f2a44);
	overflow-x: clip;
	overflow-y: visible;
}

.et_pb_section.events .section-head h2,
.et_pb_section.events h2 {
	color: var(--vo-ink, #1f2a44);
}

.et_pb_section.events .sub {
	color: var(--vo-muted, #6b7280);
}

#what-to-see {
	position: relative;
	overflow: visible !important;
	padding-top: clamp(72px, 10vw, 120px) !important;
	padding-bottom: clamp(72px, 10vw, 120px) !important;
}

#what-to-see::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: var(--vo-section-cut-h, clamp(120px, 14vw, 200px));
	bottom: -1px;
	background: #fff;
	pointer-events: none;
	z-index: 4;
	clip-path: polygon(0 100%, 0 0, 66% 0, 100% 42%, 100% 100%);
}

#what-to-see > .et_pb_row {
	position: relative;
	z-index: 2;
}

#what-to-see h2 {
	margin-top: 14px;
}

#what-to-see h2 .accent {
	color: inherit;
}

#what-to-see .sub,
#what-to-see p.sub {
	margin-top: 16px;
	font-size: 16px;
	max-width: 800px;
	line-height: 1.65;
}

.et_pb_section.travel {
	position: relative;
	overflow: visible !important;
	background: #f5f5f5;
	color: var(--vo-ink, #1f2a44);
	padding-top: clamp(72px, 10vw, 120px) !important;
	padding-bottom: clamp(72px, 10vw, 120px) !important;
}

.et_pb_section.travel > .et_pb_row {
	position: relative;
	z-index: 2;
}

.et_pb_section.travel h2 {
	margin-top: 14px;
	color: var(--vo-ink, #1f2a44);
}

.et_pb_section.travel h2 .accent {
	color: inherit;
}

.et_pb_section.travel .sub,
.et_pb_section.travel p.sub {
	color: var(--vo-muted, #6b6b6b);
	margin-top: 16px;
	font-size: 16px;
	max-width: 800px;
	line-height: 1.65;
}

.et_pb_section.travel > .et_pb_row {
	position: relative;
	z-index: 2;
}

.et_pb_section.travel h2 {
	margin-top: 14px;
	color: var(--vo-ink, #1f2a44);
}

.et_pb_section.travel h2 .accent {
	color: inherit;
}

.et_pb_section.travel .sub,
.et_pb_section.travel p.sub {
	color: var(--vo-muted, #6b6b6b);
	margin-top: 16px;
	font-size: 16px;
	max-width: 800px;
	line-height: 1.65;
}

@media (max-width: 640px) {
	.et_pb_section.cats {
		padding-top: calc(70px + var(--vo-spotlight-h, min(70vh, 720px)) * 0.5) !important;
	}

	#what-to-see {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	#what-to-see::after {
		--vo-section-cut-h: clamp(88px, 18vw, 140px);
	}

	.et_pb_section.travel {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
	}

	.et_pb_section.travel::before {
		--vo-section-cut-h: clamp(88px, 18vw, 140px);
		top: calc(var(--vo-section-cut-h) * -1 + 5px);
	}
}