/* ── WEPRO: Luxury Hero ── */

/* Antialiasing */
[class*="wsk-lh"] {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wsk-lh {
	position: relative;
	display: flex;
	align-items: var(--wsk-lh-valign, center);
	justify-content: center;
	min-height: var(--wsk-lh-min-h, 100vh);
	overflow: hidden;
	isolation: isolate;
	background: var(--wsk-lh-fallback-bg, #1a2a23);
}

.wsk-lh__bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	will-change: transform;
}

.wsk-lh__overlay {
	position: absolute;
	inset: 0;
	background: var(--wsk-lh-overlay, rgba(0,34,40,0.4));
}

.wsk-lh__content {
	position: relative;
	z-index: 2;
	text-align: var(--wsk-lh-align, center);
	max-width: 900px;
	padding: 48px 24px;
}

.wsk-lh .wsk-lh__heading,
.fusion-body .wsk-lh .wsk-lh__heading {
	font-family: var(--wsk-lh-heading-font-family, "Lora", serif) !important;
	font-size: var(--wsk-lh-heading-font-size, clamp(3rem, 7vw, 6.5rem)) !important;
	font-weight: var(--wsk-lh-heading-font-weight, 400) !important;
	line-height: var(--wsk-lh-heading-line-height, 1.05) !important;
	letter-spacing: var(--wsk-lh-heading-letter-spacing, -2px) !important;
	color: var(--wsk-lh-heading-color, #fff) !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	text-shadow: 0 2px 40px rgba(0,0,0,0.15);
	text-transform: none !important;
}

.wsk-lh__heading em {
	font-style: italic;
	display: block;
}

.wsk-lh .wsk-lh__subtitle,
.fusion-body .wsk-lh .wsk-lh__subtitle {
	font-family: var(--wsk-lh-subtitle-font-family, "Lora", serif) !important;
	font-size: var(--wsk-lh-subtitle-font-size, clamp(1rem, 2vw, 1.3rem)) !important;
	font-style: var(--wsk-lh-subtitle-font-style, italic) !important;
	color: var(--wsk-lh-subtitle-color, rgba(255,255,255,0.85)) !important;
	line-height: var(--wsk-lh-subtitle-line-height, 1.5) !important;
	margin: 0 0 40px !important;
	max-width: 600px;
	margin-left: auto !important;
	margin-right: auto !important;
	text-shadow: 0 1px 20px rgba(0,0,0,0.1);
	text-transform: none !important;
}

/* Hero light CTA — identical structure to section button, cream colors */
.wsk-lh .wsk-pill-cta--light,
.wsk-lh a.wsk-pill-cta--light,
.fusion-body .wsk-lh .wsk-pill-cta--light,
.fusion-body .wsk-lh a.wsk-pill-cta--light {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	border: 1px solid rgba(255,252,245,0.4) !important;
	background: rgba(255,252,245,0.92) !important;
	backdrop-filter: blur(10px) !important;
	padding: 5px 18px 5px 5px !important;
	border-radius: 100px !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.wsk-lh .wsk-pill-cta--light .wsk-pill-cta__text {
	color: var(--wdt-color-text, #254336) !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
}

.wsk-lh .wsk-pill-cta--light .wsk-pill-cta__arrow {
	width: 32px !important;
	height: 32px !important;
	background: rgba(255,252,245,0.5) !important;
	border: 1px solid rgba(200,190,170,0.3) !important;
	border-radius: 50% !important;
	color: var(--wdt-color-text, #254336) !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wsk-lh .wsk-pill-cta--light:hover {
	background: #FFFCF5 !important;
}

/* ── Responsive ── */

@media (max-width: 768px) {
	.wsk-lh__heading {
		font-size: var(--wsk-lh-heading-font-size-sm, clamp(2.2rem, 10vw, 3.5rem));
	}
	.wsk-lh__content {
		padding: 32px 20px;
	}
}