/**
 * Services page styles — scoped to .nyli-services-page (body class + section classes).
 * Does not affect Homepage Services ([nyli_services] on the front page).
 *
 * @package NYLI_Limousine
 */

.nyli-services-page {
	--nyli-services-gold: #c9a24d;
	--nyli-services-gold-light: #e5c36a;
	--nyli-services-black: #050505;
	--nyli-services-panel: #111111;
	--nyli-services-muted: #bdbdbd;
	color: rgba(255, 255, 255, 0.9);
	background: var(--nyli-services-black);
	overflow-x: clip;
}

.nyli-services-page .nyli-services-page__hero.e-con,
.nyli-services-page .elementor-section.nyli-services-page__hero {
	position: relative;
	display: flex;
	min-height: clamp(300px, 38vw, 460px);
	overflow: hidden;
	background-position: center;
	background-size: cover;
	border-bottom: 0;
	isolation: isolate;
}

.nyli-services-page .nyli-services-page__hero.e-con::before,
.nyli-services-page .elementor-section.nyli-services-page__hero::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	background: linear-gradient(90deg, rgba(5, 5, 5, 0.82), rgba(5, 5, 5, 0.67) 50%, rgba(5, 5, 5, 0.82));
	content: "";
}

.nyli-services-page .nyli-services-page__hero-title .elementor-heading-title {
	margin: 0;
	color: #ffffff !important;
	font-family: "Cormorant Garamond", "Times New Roman", serif !important;
	font-size: clamp(2.4rem, 4.2vw, 3.4rem) !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
	line-height: 1.15 !important;
	text-transform: uppercase;
	word-break: normal;
	overflow-wrap: anywhere;
}

.nyli-services-page .nyli-services-page__hero-text {
	max-width: 42rem;
}

.nyli-services-page .nyli-services-page__hero-text p {
	margin: 0;
	color: rgba(255, 255, 255, 0.74) !important;
	font-family: "Outfit", "Segoe UI", sans-serif !important;
	font-size: 1.05rem !important;
	line-height: 1.7 !important;
}

.nyli-services-page .nyli-services-page__listing.e-con,
.nyli-services-page .elementor-section.nyli-services-page__listing {
	background: #050505;
}

.nyli-services-page .nyli-services-page__listing .nyli-services {
	width: 100%;
	max-width: 100%;
}

/* Final CTA */
.nyli-services-page .nyli-services-page__cta.e-con,
.nyli-services-page .elementor-section.nyli-services-page__cta {
	padding-block: 4rem;
	border-top: 1px solid rgba(201, 162, 77, 0.35);
	background:
		radial-gradient(ellipse at center, rgba(201, 162, 77, 0.12), transparent 58%),
		#050505;
	text-align: center;
}

.nyli-services-page .nyli-services-page__cta-title .elementor-heading-title {
	margin: 0 0 0.9rem;
	color: #ffffff !important;
	font-family: "Cormorant Garamond", "Times New Roman", serif !important;
	font-size: clamp(1.75rem, 4vw, 2.85rem) !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
	line-height: 1.2 !important;
	text-transform: uppercase;
	word-break: normal;
	overflow-wrap: anywhere;
	max-width: 100%;
}

.nyli-services-page .nyli-services-page__cta-text p {
	margin: 0 auto 1.6rem;
	max-width: 34rem;
	color: rgba(255, 255, 255, 0.74) !important;
	font-family: "Outfit", "Segoe UI", sans-serif !important;
	font-size: 1.02rem !important;
	line-height: 1.65 !important;
}

.nyli-services-page .nyli-services-page__cta-btn .elementor-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	min-height: 48px;
	padding: 0.9rem 1.6rem !important;
	border: 1px solid #c9a24d !important;
	border-radius: 0 !important;
	background-color: #c9a24d !important;
	color: #050505 !important;
	font-family: "Outfit", "Segoe UI", sans-serif !important;
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.nyli-services-page .nyli-services-page__cta-btn .elementor-button:hover,
.nyli-services-page .nyli-services-page__cta-btn .elementor-button:focus {
	background-color: #e5c36a !important;
	border-color: #e5c36a !important;
	color: #050505 !important;
}

@media (max-width: 767px) {
	.nyli-services-page .nyli-services-page__cta.e-con,
	.nyli-services-page .elementor-section.nyli-services-page__cta {
		padding-block: 3rem;
	}

	.nyli-services-page .nyli-services-page__cta-btn .elementor-button {
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}
}

@media (max-width: 375px) {
	.nyli-services-page .nyli-services-page__hero-title .elementor-heading-title {
		font-size: clamp(1.85rem, 9vw, 2.4rem) !important;
	}

	.nyli-services-page .nyli-services-page__cta-title .elementor-heading-title {
		font-size: clamp(1.45rem, 7.5vw, 1.85rem) !important;
	}
}