/**
 * Legendary Fleet page — matches legendary_fleet_ui_concept.jsx (Tailwind v3 tokens).
 * Root: min-h-screen bg-neutral-950 text-white, system sans, antialiased.
 * Wrapper: .legendary-fleet-page on the outer Group block.
 */

:root {
	/* Tailwind neutral palette (default theme) */
	--lf-n950: #0a0a0a;
	--lf-n900: #171717;
	--lf-n500: #737373;
	--lf-n400: #a3a3a3;
	--lf-n300: #d4d4d4;
	--lf-n200: #e5e5e5;
	--lf-border: rgba(255, 255, 255, 0.1);
	--lf-white-5: rgba(255, 255, 255, 0.05);
	--lf-white-10: rgba(255, 255, 255, 0.1);
	--lf-white-20: rgba(255, 255, 255, 0.2);
	--lf-bg-n900-70: rgba(23, 23, 23, 0.7);
	--lf-bg-n900-80: rgba(23, 23, 23, 0.8);
	--lf-bg-n950-60: rgba(10, 10, 10, 0.6);
	--lf-bg-black-35: rgba(0, 0, 0, 0.35);
	--lf-max: 80rem; /* max-w-7xl */
	--lf-r2: 1rem; /* rounded-2xl */
	--lf-r16: 2rem; /* rounded-[2rem] */
	--lf-r24: 1.5rem; /* rounded-3xl */
	--lf-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji", sans-serif;
}

/* Concept: text-white + bg-neutral-950 + font-sans + antialiased */
body.legendary-fleet-page {
	background-color: var(--lf-n950) !important;
	color: #ffffff !important;
	font-family: var(--lf-font-sans) !important;
	font-size: 1rem;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.legendary-fleet-page {
	min-height: 100vh;
	background-color: var(--lf-n950);
	color: #ffffff;
	font-family: var(--lf-font-sans);
	font-size: 1rem;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Override Kadence / theme on main content (keeps JSX colors + scale) */
body.legendary-fleet-page .site-main,
body.legendary-fleet-page .entry-content,
body.legendary-fleet-page .entry-content-wrap,
body.legendary-fleet-page .legendary-landing-entry-content,
body.legendary-fleet-page .wp-block-post-content {
	color: #ffffff !important;
	font-family: var(--lf-font-sans) !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
}

body.legendary-fleet-page .legendary-landing-entry-content .wp-block-group,
body.legendary-fleet-page .legendary-landing-entry-content .wp-block-heading,
body.legendary-fleet-page .legendary-landing-entry-content p {
	font-family: inherit;
}

.legendary-fleet-page h1,
.legendary-fleet-page h2,
.legendary-fleet-page h3,
.legendary-fleet-page h4 {
	color: #ffffff;
}

.legendary-fleet-page h1,
.legendary-fleet-page h2,
.legendary-fleet-page h3 {
	font-weight: 600; /* font-semibold */
}

.legendary-fleet-page .lf-aside-head h2 {
	font-weight: 500; /* font-medium — “Filters” */
}

/* --- Hero + search --- */
.lf-hero {
	border-bottom: 1px solid var(--lf-border);
	background:
		radial-gradient(circle at top right, rgba(255, 255, 255, 0.14), transparent 28%),
		radial-gradient(circle at left, rgba(255, 255, 255, 0.06), transparent 24%);
}

.lf-hero-inner {
	max-width: var(--lf-max);
	margin-left: auto;
	margin-right: auto;
	padding: 3.5rem 1.5rem;
}

@media (min-width: 1024px) {
	.lf-hero-inner {
		padding: 4.5rem 2rem;
	}
}

/* text-xs uppercase tracking-[0.25em] text-neutral-300 */
.lf-hero-pill {
	display: inline-flex;
	border-radius: 9999px;
	border: 1px solid var(--lf-white-10);
	background: var(--lf-white-5);
	padding: 0.5rem 1rem;
	font-size: 0.75rem !important;
	line-height: 1rem !important;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	color: var(--lf-n300) !important;
	font-weight: 400 !important;
}

/* text-4xl sm:text-5xl lg:text-6xl font-semibold leading-tight max-w-3xl inner */
.lf-hero h1,
.lf-hero h1.wp-block-heading {
	margin: 1.25rem 0 0;
	max-width: 48rem; /* ~max-w-3xl */
	font-size: 2.25rem !important; /* text-4xl */
	line-height: 1.25 !important; /* leading-tight */
	font-weight: 600 !important;
	letter-spacing: normal;
	color: #ffffff !important;
}

@media (min-width: 640px) {
	.lf-hero h1,
	.lf-hero h1.wp-block-heading {
		font-size: 3rem !important; /* sm:text-5xl */
	}
}

@media (min-width: 1024px) {
	.lf-hero h1,
	.lf-hero h1.wp-block-heading {
		font-size: 3.75rem !important; /* lg:text-6xl */
		line-height: 1.25 !important;
	}
}

/* text-base sm:text-lg text-neutral-300 leading-8 max-w-2xl */
.lf-hero-lead {
	margin: 1.25rem 0 0;
	max-width: 42rem;
	font-size: 1rem !important;
	line-height: 2rem !important; /* leading-8 */
	color: var(--lf-n300) !important;
	font-weight: 400 !important;
}

@media (min-width: 640px) {
	.lf-hero-lead {
		font-size: 1.125rem !important; /* sm:text-lg */
	}
}

/* --- Hero search (legendary_fleet_ui_concept.jsx: mt-10 grid … rounded-[2rem] … lg:grid-cols-[1.15fr_1fr_1fr_0.9fr]) --- */
.lf-search-form {
	margin-top: 2.5rem;
	color-scheme: dark;
}

.lf-search-grid {
	display: grid;
	gap: 1rem;
	border-radius: var(--lf-r16);
	border: 1px solid var(--lf-white-10);
	background: rgba(255, 255, 255, 0.03);
	padding: 1rem;
	align-items: stretch;
	grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 1024px) {
	.lf-search-grid {
		grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.9fr);
	}
}

/* Inner cell = rounded-2xl bg-neutral-900/80 p-4 */
.lf-search-cell {
	border-radius: var(--lf-r2);
	background: var(--lf-bg-n900-80);
	padding: 1rem;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.lf-search-cell .lf-label {
	display: block;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.24em;
	color: var(--lf-n500);
	margin: 0;
}

/* mt-2 text-sm text-neutral-200 — borderless, no white browser fill */
.lf-search-value {
	margin-top: 0.5rem;
	min-width: 0;
}

.lf-input--ghost,
.lf-select--ghost {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--lf-n200) !important;
	font-family: var(--lf-font-sans) !important;
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	font-weight: 400 !important;
	-webkit-appearance: none;
	appearance: none;
}

.lf-input--ghost::placeholder {
	color: var(--lf-n500);
	opacity: 1;
}

.lf-input--ghost:focus,
.lf-select--ghost:focus {
	outline: none;
}

.lf-select--ghost {
	cursor: pointer;
	padding-right: 1.35rem;
	background-color: transparent !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24' stroke='%23a3a3a3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0 top 0.15rem;
	background-size: 1rem 1rem;
}

.lf-date-row.lf-search-value {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: nowrap;
}

.lf-input--date {
	flex: 1 1 0;
	min-width: 0;
}

.lf-input--date::-webkit-calendar-picker-indicator {
	filter: invert(0.85);
	opacity: 0.75;
	cursor: pointer;
}

.lf-date-sep {
	flex: 0 0 auto;
	color: var(--lf-n500);
	font-size: 0.875rem;
	line-height: 1;
}

/* CTA: rounded-2xl bg-white px-5 py-4 — fills grid cell height (same row as dark cells) */
.lf-search-btn-wrap {
	display: flex;
	align-items: stretch;
	min-width: 0;
	border-radius: var(--lf-r2);
	overflow: hidden;
}

.lf-search-submit {
	flex: 1;
	width: 100%;
	align-self: stretch;
	margin: 0;
	padding: 1rem 1.25rem;
	box-sizing: border-box;
	border: 1px solid var(--lf-white-10);
	border-radius: var(--lf-r2);
	background: transparent !important;
	color: #ffffff !important;
	font-family: var(--lf-font-sans);
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	font-weight: 500 !important;
	cursor: pointer;
	text-align: center;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.lf-search-submit:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 1023px) {
	.lf-date-row.lf-search-value {
		flex-wrap: wrap;
	}

	.lf-search-btn-wrap {
		grid-column: 1 / -1;
	}
}

/* --- Main: aside + grid --- */
.lf-main {
	max-width: var(--lf-max);
	margin-left: auto;
	margin-right: auto;
	padding: 2.5rem 1.5rem;
}

@media (min-width: 1024px) {
	.lf-main {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.lf-main-grid {
	display: grid;
	gap: 2rem;
}

@media (min-width: 1024px) {
	.lf-main-grid {
		grid-template-columns: 280px 1fr;
	}
}

.lf-aside {
	height: fit-content;
	border-radius: var(--lf-r16);
	border: 1px solid var(--lf-white-10);
	background: rgba(255, 255, 255, 0.03);
	padding: 1.25rem; /* p-5 */
}

.lf-aside-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.lf-aside-head h2 {
	margin: 0;
	font-size: 1.125rem !important; /* text-lg */
	line-height: 1.75rem !important;
	font-weight: 500 !important; /* font-medium */
	color: #ffffff !important;
}

a.lf-aside-reset,
button.lf-aside-reset {
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	color: var(--lf-n400) !important;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	font-family: var(--lf-font-sans) !important;
	font-weight: 400 !important;
	text-decoration: none;
}

a.lf-aside-reset:hover {
	color: #ffffff !important;
}

/* Category block: mt-6 from Filters row (JSX) */
.lf-aside-head + .lf-filter-title {
	margin-top: 1.5rem;
}

/* text-xs uppercase tracking-[0.24em] text-neutral-500 */
.lf-filter-title {
	margin-top: 1.5rem;
	font-size: 0.75rem !important;
	line-height: 1rem !important;
	text-transform: uppercase;
	letter-spacing: 0.24em;
	color: var(--lf-n500) !important;
	font-weight: 400 !important;
}

.lf-aside-stack .lf-filter-title {
	margin-top: 0;
}

.lf-filter-pills {
	margin-top: 0.75rem; /* mt-3 */
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

/* rounded-full px-4 py-2 text-sm */
a.lf-filter-pill,
button.lf-filter-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	padding: 0.5rem 1rem; /* py-2 px-4 */
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	border: 1px solid var(--lf-white-10);
	color: var(--lf-n300) !important;
	background: transparent;
	cursor: pointer;
	font-family: var(--lf-font-sans) !important;
	font-weight: 400 !important;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

a.lf-filter-pill:hover,
button.lf-filter-pill:hover {
	border-color: rgba(255, 255, 255, 0.22);
	color: #ffffff !important;
}

.lf-filter-pill--active {
	background: #ffffff !important;
	color: var(--lf-n950) !important;
	border-color: #ffffff !important;
}

.lf-filter-pill--active:hover {
	color: var(--lf-n950) !important;
}

/* mt-7 space-y-6 */
.lf-aside-stack {
	margin-top: 1.75rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.lf-budget-box {
	margin-top: 0.75rem;
	border-radius: var(--lf-r2);
	border: 1px solid var(--lf-white-10);
	background: var(--lf-bg-n900-80);
	padding: 1rem;
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	color: var(--lf-n300) !important;
}

.lf-trans-row {
	margin-top: 0.75rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem; /* space-y-2 */
}

/* rounded-xl border border-white/10 px-4 py-3 text-sm text-neutral-300 */
a.lf-trans-opt,
button.lf-trans-opt {
	display: block;
	border-radius: 0.75rem;
	border: 1px solid var(--lf-white-10);
	padding: 0.75rem 1rem;
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	color: var(--lf-n300) !important;
	font-weight: 400 !important;
	text-decoration: none;
	font-family: var(--lf-font-sans) !important;
	transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

button.lf-trans-opt {
	width: 100%;
	text-align: left;
	cursor: pointer;
	background: transparent;
}

a.lf-trans-opt:hover,
button.lf-trans-opt:hover {
	border-color: rgba(255, 255, 255, 0.2);
	color: #ffffff !important;
}

a.lf-trans-opt--active,
button.lf-trans-opt--active {
	border-color: rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.06);
	color: #ffffff !important;
}

.lf-seats-grid {
	margin-top: 0.75rem;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.5rem;
	text-align: center;
}

a.lf-seat-opt,
button.lf-seat-opt {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.75rem;
	border: 1px solid var(--lf-white-10);
	padding: 0.75rem 0.5rem; /* px-3 py-3 */
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	color: var(--lf-n300) !important;
	font-weight: 400 !important;
	text-decoration: none;
	font-family: var(--lf-font-sans) !important;
	min-height: 2.75rem;
	box-sizing: border-box;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

button.lf-seat-opt {
	cursor: pointer;
	background: transparent;
}

a.lf-seat-opt:hover,
button.lf-seat-opt:hover {
	border-color: rgba(255, 255, 255, 0.22);
	color: #ffffff !important;
}

a.lf-seat-opt--active,
button.lf-seat-opt--active {
	border-color: rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.06);
	color: #ffffff !important;
}

/* Toolbar */
.lf-toolbar {
	margin-bottom: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

@media (min-width: 768px) {
	.lf-toolbar {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
}

.lf-toolbar-kicker {
	font-size: 0.875rem !important; /* text-sm */
	line-height: 1.25rem !important;
	color: var(--lf-n400) !important; /* text-neutral-400 */
	margin: 0;
	font-weight: 400 !important;
}

/* mt-1 text-2xl sm:text-3xl font-semibold */
.lf-toolbar h2,
.lf-toolbar h2.wp-block-heading {
	margin: 0.25rem 0 0;
	font-size: 1.5rem !important; /* text-2xl */
	line-height: 2rem !important;
	font-weight: 600 !important;
	color: #ffffff !important;
}

@media (min-width: 640px) {
	.lf-toolbar h2,
	.lf-toolbar h2.wp-block-heading {
		font-size: 1.875rem !important; /* sm:text-3xl */
		line-height: 2.25rem !important;
	}
}

.lf-toolbar-actions {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.lf-chip {
	border-radius: var(--lf-r2);
	border: 1px solid var(--lf-white-10);
	background: var(--lf-bg-n900-80);
	padding: 0.75rem 1rem;
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	color: var(--lf-n300) !important;
	font-weight: 400 !important;
}

/* Car cards */
.lf-cards {
	display: grid;
	gap: 1.5rem;
}

@media (min-width: 1280px) {
	.lf-cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

.lf-car {
	overflow: hidden;
	border-radius: var(--lf-r16);
	border: 1px solid var(--lf-white-10);
	background: var(--lf-bg-n900-70); /* bg-neutral-900/70 */
	transition: transform 0.2s ease, border-color 0.2s ease;
}

.lf-car:hover {
	transform: translateY(-4px);
	border-color: rgba(255, 255, 255, 0.2);
}

.lf-car-media {
	position: relative;
	overflow: hidden;
}

.lf-car-media img {
	width: 100%;
	height: 18rem;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.lf-car:hover .lf-car-media img {
	transform: scale(1.05);
}

.lf-car-media figure {
	margin: 0;
}

.lf-car-media-link {
	display: block;
	text-decoration: none;
	color: inherit;
	outline: none;
}

.lf-car-title-link {
	text-decoration: none;
	color: inherit !important;
}

.lf-car-title-link:hover {
	text-decoration: underline;
}

/* text-xs font-medium text-neutral-950 */
.lf-badge {
	position: absolute;
	left: 1rem;
	top: 1rem;
	z-index: 1;
	border-radius: 9999px;
	background: #ffffff;
	padding: 0.25rem 0.75rem;
	font-size: 0.75rem !important;
	line-height: 1rem !important;
	font-weight: 500 !important;
	color: var(--lf-n950) !important;
}

/* text-xs text-white border-white/20 bg-black/35 backdrop-blur */
.lf-cat-pill {
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 1;
	border-radius: 9999px;
	border: 1px solid var(--lf-white-20);
	background: var(--lf-bg-black-35);
	padding: 0.25rem 0.75rem;
	font-size: 0.75rem !important;
	line-height: 1rem !important;
	font-weight: 400 !important;
	color: #ffffff !important;
	backdrop-filter: blur(4px);
}

.lf-car-body {
	padding: 1.25rem;
}

@media (min-width: 640px) {
	.lf-car-body {
		padding: 1.5rem;
	}
}

.lf-car-top {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

@media (min-width: 640px) {
	.lf-car-top {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
	}
}

/* text-2xl font-semibold */
.lf-car-top h3,
.lf-car-top h3.wp-block-heading {
	margin: 0;
	font-size: 1.5rem !important;
	line-height: 2rem !important;
	font-weight: 600 !important;
	color: #ffffff !important;
}

/* mt-2 text-sm text-neutral-400 */
.lf-car-desc {
	margin: 0.5rem 0 0;
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	color: var(--lf-n400) !important;
	font-weight: 400 !important;
}

/* rounded-2xl bg-white px-4 py-3 text-sm font-medium text-neutral-950 */
.lf-price-box {
	border-radius: var(--lf-r2);
	background: #ffffff;
	padding: 0.75rem 1rem;
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	font-weight: 500 !important;
	color: var(--lf-n950) !important;
	white-space: nowrap;
}

.lf-specs {
	margin-top: 1.25rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.75rem;
}

@media (min-width: 640px) {
	.lf-specs {
		grid-template-columns: repeat(4, 1fr);
	}
}

.lf-specs > div {
	border-radius: var(--lf-r2);
	border: 1px solid var(--lf-white-10);
	background: rgba(255, 255, 255, 0.03); /* bg-white/[0.03] */
	padding: 0.75rem 0.5rem;
	text-align: center;
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	color: var(--lf-n300) !important;
	font-weight: 400 !important;
}

.lf-car-actions {
	margin-top: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.lf-car-actions .wp-block-button__link {
	border-radius: var(--lf-r2);
	padding: 0.75rem 1.25rem;
	font-size: 0.875rem !important; /* text-sm */
	line-height: 1.25rem !important;
	font-weight: 500 !important;
	box-sizing: border-box;
}

.lf-car-actions .wp-block-button.is-style-fill .wp-block-button__link {
	background: #ffffff !important;
	color: var(--lf-n950) !important;
	font-weight: 500 !important;
}

/* border border-white/10 text-sm text-white (no font-medium on outline CTAs in JSX) */
.lf-car-actions .wp-block-button.is-style-outline .wp-block-button__link {
	border: 1px solid var(--lf-white-10);
	background: transparent;
	color: #ffffff !important;
	font-weight: 400 !important;
}

/* Pagination */
.lf-pager {
	margin-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.lf-pager .wp-block-button__link {
	border-radius: var(--lf-r2);
	padding: 0.75rem 1rem;
	font-size: 0.875rem;
}

.lf-pager .lf-pager-active .wp-block-button__link {
	background: #fff;
	color: var(--lf-n950);
	font-weight: 500;
}

.lf-pager .lf-pager-btn--muted .wp-block-button__link {
	color: var(--lf-n400);
}

/* WordPress paginate_links() list (replaces static pager buttons) */
.lf-pager .page-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.lf-pager .page-numbers li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.lf-pager .page-numbers a,
.lf-pager .page-numbers span {
	display: inline-block;
	border-radius: var(--lf-r2);
	padding: 0.75rem 1rem;
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	text-decoration: none;
	border: 1px solid var(--lf-white-10);
	color: #ffffff !important;
	box-sizing: border-box;
	font-family: var(--lf-font-sans) !important;
	font-weight: 400 !important;
}

.lf-pager .page-numbers a:hover {
	border-color: rgba(255, 255, 255, 0.2);
}

.lf-pager .page-numbers .current {
	background: #ffffff !important;
	color: var(--lf-n950) !important;
	font-weight: 500 !important;
	border-color: #ffffff !important;
}

.lf-pager .page-numbers .prev,
.lf-pager .page-numbers .next {
	border-color: var(--lf-white-10);
}

.lf-pager .page-numbers .prev a,
.lf-pager .page-numbers .dots {
	color: var(--lf-n400);
	border-color: var(--lf-white-10);
}

/* Popular / why section */
.lf-popular {
	max-width: var(--lf-max);
	margin-left: auto;
	margin-right: auto;
	padding: 2.5rem 1.5rem;
}

@media (min-width: 1024px) {
	.lf-popular {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.lf-popular-box {
	border-radius: var(--lf-r16);
	border: 1px solid var(--lf-white-10);
	background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02));
	padding: 2rem;
}

.lf-popular-grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr;
}

/* Row 1: heading + 2 cards; row 2: 3 cards — all inside .lf-popular-box */
@media (min-width: 1024px) {
	.lf-popular-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		align-items: start;
	}
}

.lf-popular-head {
	align-self: start;
}

/* text-sm uppercase tracking-[0.24em] text-neutral-400 */
.lf-popular-kicker {
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	text-transform: uppercase;
	letter-spacing: 0.24em;
	color: var(--lf-n400) !important;
	margin: 0;
	font-weight: 400 !important;
}

/* mt-3 text-3xl font-semibold */
.lf-popular-box h3,
.lf-popular-box h3.wp-block-heading {
	margin: 0.75rem 0 0;
	font-size: 1.875rem !important;
	line-height: 2.25rem !important;
	font-weight: 600 !important;
	color: #ffffff !important;
}

/* rounded-3xl bg-neutral-950/60 */
.lf-pop-card {
	border-radius: var(--lf-r24);
	border: 1px solid var(--lf-white-10);
	background: var(--lf-bg-n950-60);
	padding: 1.5rem;
}

/* text-lg font-medium */
.lf-pop-card h4 {
	margin: 0;
	font-size: 1.125rem !important;
	line-height: 1.75rem !important;
	font-weight: 500 !important;
	color: #ffffff !important;
}

/* mt-3 text-sm leading-7 text-neutral-400 */
.lf-pop-card p {
	margin: 0.75rem 0 0;
	font-size: 0.875rem !important;
	line-height: 1.75rem !important; /* leading-7 */
	color: var(--lf-n400) !important;
	font-weight: 400 !important;
}

/* Legacy: old “Fleet benefits” block (3 cards) was merged into .lf-popular-box — hide duplicate row. */
.legendary-fleet-page .lf-popular ~ .lf-benefits {
	display: none !important;
}

/* Benefits (pattern deprecated; rules kept for any isolated legacy blocks) */
.lf-benefits {
	max-width: var(--lf-max);
	margin-left: auto;
	margin-right: auto;
	padding: 2rem 1.5rem;
}

@media (min-width: 1024px) {
	.lf-benefits {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.lf-benefits-grid {
	display: grid;
	gap: 1.5rem;
}

@media (min-width: 768px) {
	.lf-benefits-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.lf-ben-card {
	border-radius: var(--lf-r16);
	border: 1px solid var(--lf-white-10);
	background: var(--lf-bg-n900-70);
	padding: 1.5rem;
}

.lf-ben-card h4 {
	margin: 0;
	font-size: 1.125rem !important;
	line-height: 1.75rem !important;
	font-weight: 500 !important;
	color: #ffffff !important;
}

.lf-ben-card p {
	margin: 0.75rem 0 0;
	font-size: 0.875rem !important;
	line-height: 1.75rem !important;
	color: var(--lf-n400) !important;
	font-weight: 400 !important;
}

/* Fleet footer bar (in content) */
.lf-page-footer {
	margin-top: 2.5rem;
	border-top: 1px solid var(--lf-white-10);
}

.lf-page-footer-inner {
	max-width: var(--lf-max);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: 2.5rem 1.5rem;
}

@media (min-width: 1024px) {
	.lf-page-footer-inner {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

/* text-xl font-semibold tracking-[0.2em] */
.lf-page-footer .lf-brand {
	font-size: 1.25rem !important;
	line-height: 1.75rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.2em;
	margin: 0;
	color: #ffffff !important;
}

.lf-page-footer .lf-tag {
	margin: 0.5rem 0 0;
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	color: var(--lf-n400) !important;
	max-width: 28rem;
	font-weight: 400 !important;
}

.lf-page-footer-actions .wp-block-button__link {
	border-radius: var(--lf-r2);
	padding: 0.75rem 1.25rem;
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
	font-family: var(--lf-font-sans) !important;
}

.lf-page-footer-actions .wp-block-button.is-style-fill .wp-block-button__link {
	background: #ffffff !important;
	color: var(--lf-n950) !important;
	font-weight: 500 !important;
}

.lf-page-footer-actions .wp-block-button.is-style-outline .wp-block-button__link {
	border: 1px solid var(--lf-white-10);
	color: #ffffff !important;
	background: transparent !important;
	font-weight: 400 !important;
}

.legendary-fleet-page .alignfull {
	width: 100%;
	max-width: none;
}

/* --- Fleet SEO strips (subtle, below hero / above grid) --- */
.lf-seo-intro {
	max-width: var(--lf-max);
	margin: 0 auto 1.25rem;
	padding: 0 1.5rem;
	font-size: 0.875rem !important;
	line-height: 1.55 !important;
	color: var(--lf-n400) !important;
	font-weight: 400 !important;
}

@media (min-width: 1024px) {
	.lf-seo-intro {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.lf-seo-intro p {
	margin: 0;
}

.lf-seo-foot {
	max-width: var(--lf-max);
	margin: 2.5rem auto 0;
	padding: 1.75rem 1.5rem 0;
	border-top: 1px solid var(--lf-border);
	font-size: 0.875rem !important;
	line-height: 1.65 !important;
	color: var(--lf-n400) !important;
}

.lf-seo-foot h2 {
	font-size: 1rem !important;
	font-weight: 600 !important;
	color: var(--lf-n300) !important;
	margin: 0 0 0.75rem;
}

.lf-seo-foot p {
	margin: 0 0 1rem;
}

.lf-seo-foot a {
	color: var(--lf-n200) !important;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.lf-faq {
	max-width: var(--lf-max);
	margin: 2rem auto 0;
	padding: 0 1.5rem 2.5rem;
	border-top: 1px solid var(--lf-border);
}

.lf-faq h2 {
	font-size: 1rem !important;
	margin: 1.5rem 0 1rem;
	color: var(--lf-n300) !important;
}

.lf-faq-item {
	margin-bottom: 1.25rem;
}

.lf-faq-item h3 {
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	margin: 0 0 0.35rem;
	color: #ffffff !important;
}

.lf-faq-item p {
	margin: 0;
	font-size: 0.875rem !important;
	line-height: 1.55 !important;
	color: var(--lf-n400) !important;
}