/**
 * Fleet page styles — scoped to .nyli-fleet-page (body class + section classes).
 *
 * @package NYLI_Limousine
 */

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

.nyli-fleet-page .nyli-fleet-page__hero.e-con,
.nyli-fleet-page .elementor-section.nyli-fleet-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-fleet-page .nyli-fleet-page__hero.e-con::before,
.nyli-fleet-page .elementor-section.nyli-fleet-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-fleet-page .nyli-fleet-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;
}

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

.nyli-fleet-page .nyli-fleet-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-fleet-page .nyli-fleet-page__breadcrumb.e-con,
.nyli-fleet-page .elementor-section.nyli-fleet-page__breadcrumb {
	border-top: 1px solid rgba(201, 162, 77, 0.18);
	border-bottom: 1px solid rgba(201, 162, 77, 0.22);
	background: #0a0a0a;
}

.nyli-fleet-page .nyli-fleet-page__breadcrumb-text p {
	margin: 0;
	color: rgba(255, 255, 255, 0.78) !important;
	font-family: "Outfit", "Segoe UI", sans-serif !important;
	font-size: 0.82rem !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.nyli-fleet-page .nyli-fleet-page__breadcrumb-text a {
	color: rgba(255, 255, 255, 0.86);
	text-decoration: none;
}

.nyli-fleet-page .nyli-fleet-page__breadcrumb-text a:hover,
.nyli-fleet-page .nyli-fleet-page__breadcrumb-text a:focus-visible {
	color: #e5c36a;
}

.nyli-fleet-page .nyli-fleet-page__breadcrumb-separator {
	margin-inline: 0.65rem;
	color: #e5c36a;
}

.nyli-fleet-page .nyli-fleet-page__vehicles.e-con {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 2rem;
	background: #050505;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-card.e-con {
	flex: 1 1 calc(50% - 1rem);
	min-width: min(100%, 280px);
	max-width: 100%;
	overflow: hidden;
	border: 1px solid rgba(201, 162, 77, 0.32);
	background: #111111;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-image {
	margin: 0;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-body.e-con {
	padding: 1.65rem;
	gap: 0.85rem;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-type .elementor-heading-title {
	margin: 0;
	color: #e5c36a !important;
	font-family: "Outfit", "Segoe UI", sans-serif !important;
	font-size: 0.78rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-name .elementor-heading-title {
	margin: 0;
	color: #ffffff !important;
	font-family: "Cormorant Garamond", "Times New Roman", serif !important;
	font-size: clamp(1.65rem, 2.5vw, 2rem) !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-capacity p {
	margin: 0;
	color: rgba(255, 255, 255, 0.84) !important;
	font-family: "Outfit", "Segoe UI", sans-serif !important;
	font-weight: 500 !important;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-desc p {
	margin: 0;
	color: #bdbdbd !important;
	font-family: "Outfit", "Segoe UI", sans-serif !important;
	font-size: 0.96rem !important;
	line-height: 1.65 !important;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-features .elementor-icon-list-items {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.45rem 1rem;
	margin: 0;
	padding: 0;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-features .elementor-icon-list-item {
	margin: 0;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-features .elementor-icon-list-icon {
	width: auto;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-features .elementor-icon-list-icon i {
	font-size: 0.35rem !important;
	color: #c9a24d !important;
}

.nyli-fleet-page .nyli-fleet-page__vehicle-features .elementor-icon-list-text {
	color: #bdbdbd !important;
	font-family: "Outfit", "Segoe UI", sans-serif !important;
	font-size: 0.84rem !important;
	line-height: 1.4 !important;
}

.nyli-fleet-page .nyli-fleet-page__listing.e-con {
	background: #050505;
}

.nyli-fleet-page .nyli-fleet-page__listing .nyli-fleet-grid {
	width: 100%;
}

.nyli-fleet-page .nyli-fleet-card__features {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.45rem 1rem;
	margin: 0.15rem 0 0;
	padding: 0;
	list-style: none;
}

.nyli-fleet-page .nyli-fleet-card__features li {
	position: relative;
	padding-left: 0.95rem;
	color: #bdbdbd;
	font-family: "Outfit", "Segoe UI", sans-serif;
	font-size: 0.84rem;
	line-height: 1.4;
}

.nyli-fleet-page .nyli-fleet-card__features li::before {
	position: absolute;
	top: 0.52em;
	left: 0;
	width: 0.32rem;
	height: 0.32rem;
	border-radius: 50%;
	background: #c9a24d;
	content: "";
}

/* Final CTA — matches approved Airport Transfers CTA design tokens */
.nyli-fleet-page .nyli-fleet-page__cta.e-con,
.nyli-fleet-page .elementor-section.nyli-fleet-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-fleet-page .nyli-fleet-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(2rem, 3.4vw, 2.85rem) !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
	line-height: 1.15 !important;
	text-transform: capitalize;
}

.nyli-fleet-page .nyli-fleet-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-fleet-page .nyli-fleet-page__cta-actions.e-con {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.85rem;
}

.nyli-fleet-page .nyli-fleet-page__cta-btn--primary .elementor-button {
	min-width: 200px;
	padding: 0.9rem 1.6rem;
	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-fleet-page .nyli-fleet-page__cta-btn--primary .elementor-button:hover,
.nyli-fleet-page .nyli-fleet-page__cta-btn--primary .elementor-button:focus {
	background-color: #e5c36a !important;
	border-color: #e5c36a !important;
	color: #050505 !important;
}

.nyli-fleet-page .nyli-fleet-page__cta-btn--outline .elementor-button {
	min-width: 200px;
	padding: 0.9rem 1.6rem;
	border: 1px solid rgba(201, 162, 77, 0.7) !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	color: #e5c36a !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-fleet-page .nyli-fleet-page__cta-btn--outline .elementor-button:hover,
.nyli-fleet-page .nyli-fleet-page__cta-btn--outline .elementor-button:focus {
	border-color: #e5c36a !important;
	color: #ffffff !important;
	background-color: transparent !important;
}

@media (max-width: 767px) {
	.nyli-fleet-page .nyli-fleet-page__vehicles.e-con {
		flex-direction: column;
	}

	.nyli-fleet-page .nyli-fleet-page__vehicle-card.e-con {
		flex-basis: 100%;
		width: 100%;
	}

	.nyli-fleet-page .nyli-fleet-page__vehicle-features .elementor-icon-list-items {
		grid-template-columns: 1fr;
	}

	.nyli-fleet-page .nyli-fleet-page__cta.e-con,
	.nyli-fleet-page .elementor-section.nyli-fleet-page__cta {
		padding-block: 3rem;
	}

	.nyli-fleet-page .nyli-fleet-page__cta-actions.e-con {
		flex-direction: column;
		align-items: stretch;
	}

	.nyli-fleet-page .nyli-fleet-page__cta-btn--primary .elementor-button,
	.nyli-fleet-page .nyli-fleet-page__cta-btn--outline .elementor-button {
		width: 100%;
		min-width: 0;
	}
}