:root {
	--fm-brand: #d5fb44;
	--fm-bg: #000;
	--fm-text: #fff;
	--fm-text-muted: #c9ccd0;
	--fm-card-bg: #fff;
	--fm-card-text: #111;
	--fm-border: rgba(255, 255, 255, .14);
	--fm-link: #d5fb44;
}

/* fusion_vdp_fix 4s */
/* Fusion Motors PDX – VDP Targeted Fix (v4.0 minimal) */
/* Scope: ONLY Vehicle Detail Pages (.page-inventory-details)
   Target: price, mileage, "show more" links
   Leaves all other styles untouched
*/

.page-inventory-details .vdp__price,
.page-inventory-details .price,
.page-inventory-details .vehicle-price,
.page-inventory-details .odometer,
.page-inventory-details .mileage,
.page-inventory-details .price-mileage-block .value {
	color: var(--fm-brand) !important;
	/* brand color, high visibility */
}

.page-inventory-details .specs__showMore,
.page-inventory-details .description__showMore,
.page-inventory-details a.show-more,
.page-inventory-details button.show-more {
	color: var(--fm-brand) !important;
	font-weight: 600;
}

/* Fusion Motors PDX — VDP Price & Mileage Highlight (v4.2)
   Scope: ONLY Vehicle Detail Pages (.page-inventory-details)
   Purpose: Highlight price & mileage with brand color + shadow for 3D effect
*/

/* Price + mileage with 3D/shadow effect */
.page-inventory-details .veh__price,
.page-inventory-details .veh__mileage,
.page-inventory-details .veh__mileage .mileage__value {
	color: var(--fm-brand) !important;
	/* brand color */
	font-weight: 700;
	text-shadow: 1px 1px 2px #000, 0 0 4px rgba(0, 0, 0, 0.8);
}

/* "Show more" links stay clean brand color */
.page-inventory-details .description__showMore,
.page-inventory-details .specs__showMore,
.page-inventory-details a.show-more,
.page-inventory-details button.show-more {
	color: var(--fm-brand) !important;
	font-weight: 600;
}

/* Fusion Motors PDX — VDP Fixes (v4.3)
   Scope: ONLY Vehicle Detail Pages
   Targets: "Show More" buttons & Business Hours status
*/

/* Fusion Motors PDX — VDP Fixes (v4.5)
   Scope: ONLY Vehicle Detail Pages
   Targets: Hours status + Sticky nav labels only
*/
/* Fusion Motors PDX — VDP Fixes (v4.6)
   Scope: ONLY Vehicle Detail Pages
   Targets: "Open Now" + "Quick Connect"
*/

/* 1. Business Hours status */
.page-inventory-details .hours__status.sn_business_open,
.page-inventory-details .hours__status.hours__status__open[b-aadgpb1mmy] {
	background-color: #333 !important;
	color: var(--fm-brand) !important;
	font-weight: 700;
	text-shadow: 1px 1px 2px #000;
}

.page-inventory-details .hours__status.sn_business_close,
.page-inventory-details .hours__status.hours__status__closed[b-aadgpb1mmy] {
	background-color: #e74c3c !important;
	color: #000 !important;
	font-weight: 700;
	/* text-shadow: 1px 1px 2px #000; */
}

/* 2. Sticky Nav labels */
.builder-canvas__sticky-container {
	background: var(--color-theme-background);
	color: var(--color-theme-text);
}

.builder-canvas__sticky-container h2 {
	color: inherit !important;
}

.page-inventory-details .sn_item_label {
	/* color: #000 !important; */
	/* solid black for readability */
	font-weight: 600;
	/* text-shadow: none; */
	/* keep clean */
}

/* 3. Credit Qualify banner section */
.page-inventory-details .creditQualifyBanner__section {
	background-color: #000 !important;
	/* black background */
	padding: 1rem;
	border-radius: 0.5rem;
}


/* 2. Quick Connect section title */
.page-inventory-details .section__title[quickconnectcssscope] {
	color: #fff !important;
	/* white text */
	font-weight: 700;
}

/* -------------------- SECTIONTITLE1 ---------------------- */
/* ======================================================
   Fusion Motors PDX — VDP-ONLY PATCH (v3.2)
   Scope: Individual Vehicle Detail Pages ONLY
   Pages: elements under `.vdp` or `.inventory-details`
   Goals:
   • Center the header address/social on VDP pages only
   • Ensure link colors on VDP are readable (brand on dark; dark blue inside light cards)
   • Do NOT affect homepage or other internal pages
   ====================================================== */

/* ---------- 1) HEADER: center ONLY on VDP pages ---------- */
/* .inventory-details .site-header .header-inner,
.inventory-details .header .header-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	gap: .5rem !important;
	width: 100% !important;
}

.inventory-details .cw-header-contact,
.inventory-details .header-contact {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	gap: .35rem !important;
}

.inventory-details .cw-header-contact .cw-address,
.inventory-details .header-contact .address {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	column-gap: .35rem !important;
	row-gap: .2rem !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	text-align: center !important;
}

.inventory-details .cw-header-social,
.inventory-details .header-social {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: .5rem !important;
	width: 100% !important;
} */

/* Tighter spacing on small screens */
/* @media (max-width:575.98px) {

	.inventory-details .cw-header-contact {
		gap: .25rem !important;
	}

	.inventory-details .cw-header-contact .cw-address {
		column-gap: .25rem !important;
	}
} */

/* ---------- 2) LINKS: improve visibility on VDP ONLY ---------- */
/* Default VDP links use brand color for visibility */
/* .inventory-details a {
	color: var(--fm-brand, #d5fb44);
}

.inventory-details a:hover,
.inventory-details a:focus {
	color: #000;
	text-decoration: underline;
} */

/* Inside LIGHT containers on VDP keep readable dark blue links */
/* .inventory-details .card a,
.inventory-details .panel a,
.inventory-details .bg-white a,
.inventory-details .bg-light a {
	color: #0b57d0;
}

.inventory-details .card a:hover,
.inventory-details .panel a:hover,
.inventory-details .bg-white a:hover,
.inventory-details .bg-light a:hover {
	color: #063a92;
} */

/* Preserve your existing brand accent for "Show More" etc., if present */
/* .inventory-details a[class*="show"],
.inventory-details a[class*="more"],
.inventory-details .collapse-toggle,
.inventory-details [data-bs-toggle="collapse"] {
	color: var(--fm-brand, #d5fb44) !important;
	font-weight: 600;
	text-decoration: underline;
} */

/* -------------------- SECTIONTITLE2 ---------------------- */
/* ======================================================
   Fusion Motors PDX — VDP GLOBAL FIX (v3.4, CSS-only)
   Scope: Vehicle Detail Pages ONLY (many wrapper aliases)
   Goal: Fix header centering + link visibility on ALL VDPs (current & future)
   Notes: No JS required. Leave home & other internal pages unchanged.
   ====================================================== */

/* ---- COMMON VDP ROOT ALIASES (update if your platform adds new ones) ----
   These classes are seen across various templates/vendors.
   We apply identical rules across the list to keep behavior consistent.
*/

/* ---------- 1) HEADER: center the stack on any VDP wrapper ---------- */
/* .inventory-details .site-header .header-inner,
.vehicle-detail .site-header .header-inner,
.vehicle-details .site-header .header-inner,
.vehicle-detail-page .site-header .header-inner,
.detail-page .site-header .header-inner,
.details-page .site-header .header-inner,
.vehicle-view .site-header .header-inner,
.details-view .site-header .header-inner,
.inventory-details .header .header-inner,
.vehicle-detail .header .header-inner,
.vehicle-details .header .header-inner,
.vehicle-detail-page .header .header-inner,
.detail-page .header .header-inner,
.details-page .header .header-inner,
.vehicle-view .header .header-inner,
.details-view .header .header-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	gap: .5rem !important;
	width: 100% !important;
}

.inventory-details .cw-header-contact,
.vehicle-detail .cw-header-contact,
.vehicle-details .cw-header-contact,
.vehicle-detail-page .cw-header-contact,
.detail-page .cw-header-contact,
.details-page .cw-header-contact,
.vehicle-view .cw-header-contact,
.details-view .cw-header-contact,
.inventory-details .header-contact,
.vehicle-detail .header-contact,
.vehicle-details .header-contact,
.vehicle-detail-page .header-contact,
.detail-page .header-contact,
.details-page .header-contact,
.vehicle-view .header-contact,
.details-view .header-contact {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	gap: .35rem !important;
}

.inventory-details .cw-header-contact .cw-address,
.vehicle-detail .cw-header-contact .cw-address,
.vehicle-details .cw-header-contact .cw-address,
.vehicle-detail-page .cw-header-contact .cw-address,
.detail-page .cw-header-contact .cw-address,
.details-page .cw-header-contact .cw-address,
.vehicle-view .cw-header-contact .cw-address,
.details-view .cw-header-contact .cw-address,
.inventory-details .header-contact .address,
.vehicle-detail .header-contact .address,
.vehicle-details .header-contact .address,
.vehicle-detail-page .header-contact .address,
.detail-page .header-contact .address,
.details-page .header-contact .address,
.vehicle-view .header-contact .address,
.details-view .header-contact .address{
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	column-gap: .35rem !important;
	row-gap: .2rem !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	text-align: center !important;
}

.inventory-details .cw-header-social,
.vehicle-detail .cw-header-social,
.vehicle-details .cw-header-social,
.vehicle-detail-page .cw-header-social,
.detail-page .cw-header-social,
.details-page .cw-header-social,
.vehicle-view .cw-header-social,
.details-view .cw-header-social,
.inventory-details .header-social,
.vehicle-detail .header-social,
.vehicle-details .header-social,
.vehicle-detail-page .header-social,
.detail-page .header-social,
.details-page .header-social,
.vehicle-view .header-social,
.details-view .header-social {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: .5rem !important;
	width: 100% !important;
} */

/* Tighter spacing on small screens */
/* @media (max-width:575.98px) {

	.inventory-details .cw-header-contact,
	.vehicle-detail .cw-header-contact,
	.vehicle-details .cw-header-contact,
	.vehicle-detail-page .cw-header-contact,
	.detail-page .cw-header-contact,
	.details-page .cw-header-contact,
	.vehicle-view .cw-header-contact,
	.details-view .cw-header-contact {
		gap: .25rem !important;
	}

	.inventory-details .cw-header-contact .cw-address,
	.vehicle-detail .cw-header-contact .cw-address,
	.vehicle-details .cw-header-contact .cw-address,
	.vehicle-detail-page .cw-header-contact .cw-address,
	.detail-page .cw-header-contact .cw-address,
	.details-page .cw-header-contact .cw-address,
	.vehicle-view .cw-header-contact .cw-address,
	.details-view .cw-header-contact .cw-address{
		column-gap: .25rem !important;
	}
} */

/* ---------- 2) LINKS: visible on dark; readable inside light cards ---------- */
/* On VDP canvases, default link = brand color (good on darker sections) */
/* .inventory-details a,
.vehicle-detail a,
.vehicle-details a,
.vehicle-detail-page a,
.detail-page a,
.details-page a,
.vehicle-view a,
.details-view a{
	color: var(--fm-brand, #d5fb44);
} */

/* .inventory-details a:hover,
.vehicle-detail a:hover,
.vehicle-details a:hover,
.vehicle-detail-page a:hover,
.detail-page a:hover,
.details-page a:hover,
.vehicle-view a:hover,
.details-view a:hover,
.inventory-details a:focus,
.vehicle-detail a:focus,
.vehicle-details a:focus,
.vehicle-detail-page a:focus,
.detail-page a:focus,
.details-page a:focus,
.vehicle-view a:focus,
.details-view a:focus {
	color: #000;
	text-decoration: underline;
} */

/* Inside LIGHT containers on VDP, use readable dark blue */
/* .inventory-details .card a,
.inventory-details .panel a,
.inventory-details .bg-white a,
.inventory-details .bg-light a,
.vehicle-detail .card a,
.vehicle-detail .panel a,
.vehicle-detail .bg-white a,
.vehicle-detail .bg-light a,
.vehicle-details .card a,
.vehicle-details .panel a,
.vehicle-details .bg-white a,
.vehicle-details .bg-light a,
.vehicle-detail-page .card a,
.vehicle-detail-page .panel a,
.vehicle-detail-page .bg-white a,
.vehicle-detail-page .bg-light a,
.detail-page .card a,
.detail-page .panel a,
.detail-page .bg-white a,
.detail-page .bg-light a,
.details-page .card a,
.details-page .panel a,
.details-page .bg-white a,
.details-page .bg-light a,
.vehicle-view .card a,
.vehicle-view .panel a,
.vehicle-view .bg-white a,
.vehicle-view .bg-light a,
.details-view .card a,
.details-view .panel a,
.details-view .bg-white a,
.details-view .bg-light a{
	color: #0b57d0;
} */


/* .inventory-details .card a:hover,
.inventory-details .panel a:hover,
.inventory-details .bg-white a:hover,
.inventory-details .bg-light a:hover,
.vehicle-detail .card a:hover,
.vehicle-detail .panel a:hover,
.vehicle-detail .bg-white a:hover,
.vehicle-detail .bg-light a:hover,
.vehicle-details .card a:hover,
.vehicle-details .panel a:hover,
.vehicle-details .bg-white a:hover,
.vehicle-details .bg-light a:hover,
.vehicle-detail-page .card a:hover,
.vehicle-detail-page .panel a:hover,
.vehicle-detail-page .bg-white a:hover,
.vehicle-detail-page .bg-light a:hover,
.detail-page .card a:hover,
.detail-page .panel a:hover,
.detail-page .bg-white a:hover,
.detail-page .bg-light a:hover,
.details-page .card a:hover,
.details-page .panel a:hover,
.details-page .bg-white a:hover,
.details-page .bg-light a:hover,
.vehicle-view .card a:hover,
.vehicle-view .panel a:hover,
.vehicle-view .bg-white a:hover,
.vehicle-view .bg-light a:hover,
.details-view .card a:hover,
.details-view .panel a:hover,
.details-view .bg-white a:hover,
.details-view .bg-light a:hover{
	color: #063a92;
} */

/* Keep brand accent for "Show More" / collapse toggles */

/* .inventory-details a[class*="show"],
.inventory-details a[class*="more"],
.inventory-details .collapse-toggle,
.inventory-details [data-bs-toggle="collapse"],
.vehicle-detail a[class*="show"],
.vehicle-detail a[class*="more"],
.vehicle-detail .collapse-toggle,
.vehicle-detail [data-bs-toggle="collapse"],
.vehicle-details a[class*="show"],
.vehicle-details a[class*="more"],
.vehicle-details .collapse-toggle,
.vehicle-details [data-bs-toggle="collapse"],
.vehicle-detail-page a[class*="show"],
.vehicle-detail-page a[class*="more"],
.vehicle-detail-page .collapse-toggle,
.vehicle-detail-page [data-bs-toggle="collapse"],
.detail-page a[class*="show"],
.detail-page a[class*="more"],
.detail-page .collapse-toggle,
.detail-page [data-bs-toggle="collapse"],
.details-page a[class*="show"],
.details-page a[class*="more"],
.details-page .collapse-toggle,
.details-page [data-bs-toggle="collapse"],
.vehicle-view a[class*="show"],
.vehicle-view a[class*="more"],
.vehicle-view .collapse-toggle,
.vehicle-view [data-bs-toggle="collapse"],
.details-view a[class*="show"],
.details-view a[class*="more"],
.details-view .collapse-toggle,
.details-view [data-bs-toggle="collapse"]{
	color: var(--fm-brand, #d5fb44) !important;
	font-weight: 600;
	text-decoration: underline;
} */

/* -------------------- SECTIONTITLE3 ---------------------- */
/* ======================================================
   Fusion Motors PDX — THEME PATCH (v3.1)
   Purpose: Quick, targeted fixes applied on top of v3.0
   Fixes:
   • Precisely center header address/social on all breakpoints
   • Force brighter (white) testimonial text
   ====================================================== */

/* ---------- A) Header address/social HARD CENTER ---------- */
.site-header .header-inner,
.header .header-inner,
.cw-header-inner,
.header-wrap {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	gap: .5rem !important;
	width: 100% !important;
}

/* Contact group under logo */
.cw-header-contact,
.header-contact,
.topbar-contact {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Address row itself */
.cw-header-contact .cw-address,
.header-contact .address,
.topbar-contact .address {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	column-gap: .35rem !important;
	row-gap: .2rem !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	text-align: center !important;
	color: #fff !important;
}

.cw-header-social,
.header-social,
.topbar-social {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: .5rem !important;
	width: 100% !important;
}

@media (max-width:575.98px) {
	.cw-header-contact {
		gap: .25rem !important;
	}

	.cw-header-contact .cw-address {
		column-gap: .25rem !important;
	}
}

/* ---------- B) Testimonials — force bright text ---------- */
#cw-testimonials .cw-testimonialsTitle h2 {
	color: #ffffff !important;
}

#cw-testimonials .cw-testimonialsTitle .text-highlight {
	color: var(--fm-brand) !important;
}

#cw-testimonials .cw-quote {
	color: #ffffff !important;
	/* base text inside quote card */
	background: rgba(255, 255, 255, .06) !important;
	/* subtle lift on black */
	border-color: rgba(255, 255, 255, .18) !important;
}

#cw-testimonials blockquote {
	color: #f7f8f9 !important;
}

#cw-testimonials figcaption {
	color: var(--fm-brand) !important;
	opacity: 1 !important;
}

#cw-testimonialCarousel .carousel-indicators [data-bs-target] {
	background-color: rgba(255, 255, 255, .4) !important;
	opacity: .85 !important;
}

#cw-testimonialCarousel .carousel-indicators .active {
	background-color: #d5fb44 !important;
	opacity: 1 !important;
}

/* -------------------- SECTIONTITLE4 ---------------------- */
/* ======================================================
   Fusion Motors PDX — THEME OVERRIDE (v3.0)
   Updates:
   • Global dark theme (as in v2.9)
   • Added refinements for Parallax "Out of State" section below testimonials
   ====================================================== */

/* --- carry over v2.9 code --- */

/* html,
body {
	background: var(--fm-bg) !important;
	color: var(--fm-text);
} */

/* a {
	color: var(--fm-link);
} */

a:hover,
a:focus {
	/* color: #fff; */
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/* color: var(--fm-text); */
}

/* ... [keeping all of v2.9 contents here unchanged for brevity] ... */

/* ---------- NEW 10) Parallax CTA "Out of State" section ---------- */
.cw-parallax {
	position: relative;
	padding: 2.5rem 1rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .7));
	text-align: center;
	border-top: 1px solid var(--fm-border);
	border-bottom: 1px solid var(--fm-border);
}

.cw-parallax h5,
.cw-parallax h3,
.cw-parallax p {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}

.cw-parallax h5 {
	color: #fff;
	font-size: 1.1rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.cw-parallax h5 .text-highlight {
	color: var(--fm-brand) !important;
}

.cw-parallax h3 {
	color: #fff;
	margin-bottom: 1rem;
	font-size: 1.6rem;
}

.cw-parallax p {
	color: #f1f1f1;
	font-size: 1.05rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
}

.cw-parallax .cw-btnSmall.btn-secondary {
	background: var(--fm-brand);
	border-color: var(--fm-brand);
	color: #0b0b0b !important;
	padding: .5rem 1.25rem;
	font-weight: 600;
	border-radius: .5rem;
}

.cw-parallax .cw-btnSmall.btn-secondary:hover {
	filter: brightness(.95);
}

@media(max-width:767.98px) {
	.cw-parallax {
		padding: 2rem 1rem;
	}

	.cw-parallax h3 {
		font-size: 1.3rem;
	}

	.cw-parallax p {
		font-size: 1rem;
	}
}

/* -------------------- SECTIONTITLE5 ---------------------- */
/* =====================================================
   Fusion Motors PDX — VDP "Code Your Own" Stylesheet (v3.8)
   Scope: ONLY Vehicle Detail Pages (wrapper: .page-inventory-details)
   Goal: Ensure readable header/nav, buttons, links, price, "show more",
         and make light components (cards/modals/forms) truly light with
         dark text—without touching other pages.
   ===================================================== */

/* ---------- 1) Limit scope to VDP wrapper ---------- */
/* .page-inventory-details {
	background: #0a0a0a !important;
	color: #fff;
}

.page-inventory-details * {
	box-sizing: border-box;
} */

/* ---------- 2) Top nav & header inside VDP ---------- */
/* .page-inventory-details header.header .navbar,
.page-inventory-details header.header .navbar.navbar-dark.bg-primary {
	background: #000 !important;
	border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
}

.page-inventory-details header.header .navbar .navbar-brand,
.page-inventory-details header.header .navbar .nav-link,
.page-inventory-details header.header .navbar .navbar-toggler,
.page-inventory-details header.header .navbar .navbar-text {
	color: #fff !important;
} */

/* Dropdowns */
/* .page-inventory-details .navbar .dropdown-menu {
	background: #111 !important;
	border-color: #222 !important;
}

.page-inventory-details .navbar .dropdown-item {
	color: #fff !important;
}

.page-inventory-details .navbar .dropdown-item:hover,
.page-inventory-details .navbar .dropdown-item:focus {
	background: var(--fm-brand) !important;
	color: #0b0b0b !important;
} */

/* Secondary dealership header band */
/* .page-inventory-details .cw-header,
.page-inventory-details .cw-header * {
	color: #fff !important;
}

.page-inventory-details .cw-header,
.page-inventory-details .cw-header-info,
.page-inventory-details .cw-header-contact {
	background: #000 !important;
}

.page-inventory-details .cw-header-contact .container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .5rem;
} */

/* ---------- 3) Global link behavior on the VDP canvas ---------- */
/* Links on dark areas */
.page-inventory-details a:not(.btn) {
	/* color: var(--fm-brand) !important; */
}

.page-inventory-details a:not(.btn):hover,
.page-inventory-details a:not(.btn):focus {
	/* color: #fff !important; */
	/* text-decoration: underline; */
}

/* Links inside LIGHT components must be dark for contrast */
#builderCanvas a:not(.btn),
.page-inventory-details .modal-content a:not(.btn),
.page-inventory-details .table a:not(.btn) {
	/* color: #0b57d0 !important; */
}

#builderCanvas a:not(.btn):hover,
.page-inventory-details .modal-content a:not(.btn):hover,
.page-inventory-details .table a:not(.btn):hover {
	/* color: #063a92 !important; */
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-link {
	color: #0b57d0;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-link:hover {
	color: #063a92;
}

/* ---------- 4) Make common LIGHT containers truly light ---------- */
#builderCanvas,
.page-inventory-details .modal-content,
.page-inventory-details .accordion,
.page-inventory-details .table,
.page-inventory-details .offcanvas,
.page-inventory-details .list-group {
	background: #ffffff !important;
	color: #111111 !important;
	--color-theme-header: #333;
	border-color: rgba(0, 0, 0, .12) !important;
}

/* Headings inside light components */
#builderCanvas h1,
#builderCanvas h2,
#builderCanvas h3,
#builderCanvas h4,
#builderCanvas h5,
#builderCanvas h6,
.page-inventory-details .modal-content h1,
.page-inventory-details .modal-content h2,
.page-inventory-details .modal-content h3,
.page-inventory-details .modal-content h4,
.page-inventory-details .modal-content h5,
.page-inventory-details .modal-content h6 {
	color: #111;
}

/* ---------- 5) Buttons & CTAs ---------- */
.page-inventory-details .btn.btn-primary,
.page-inventory-details .btn.btn-secondary,
.page-inventory-details .vdp__sticky-navigation__mod .btn.btn-primary,
.page-inventory-details .sn_item .btn.btn-primary,
.page-inventory-details .button_sn_item.btn.btn-primary {
	background: var(--fm-brand) !important;
	border-color: var(--fm-brand) !important;
	color: #0b0b0b !important;
}

/* .page-inventory-details .btn.btn-outline-secondary {
	border-color: var(--fm-brand) !important;
	color: var(--fm-brand) !important;
}

.page-inventory-details .btn.btn-outline-secondary:hover {
	background: var(--fm-brand) !important;
	color: #0b0b0b !important;
} */

/* loan calc buttons and "Request more pictures" button in modal */
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary {
	border-color: var(--fm-brand);
	color: var(--fm-brand);
	background-color: #111
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover:focus,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled).active,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled):active,
.inventorydetails .vdp-module-canvas-razor-wrapper .show>.btn-outline-secondary.dropdown-toggle {
	background-color: var(--color-theme-secondary);
	color: #111
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
	background: var(--color-theme-secondary)
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-check:active+.btn-outline-secondary,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary.active,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary.dropdown-toggle.show,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:active {
	color: #111;
	background-color: var(--fm-brand);
	border-color: var(--fm-brand)
}

/* ---------- 6) Key readability targets ---------- */
/* Vehicle title (various selectors from VDP DOM) */
.page-inventory-details h1,
.page-inventory-details .vehicle-title,
.page-inventory-details .vdp__title,
.page-inventory-details .vdp__sticky-navigation__mod h2 {
	/* color: #fff ; */
}

/* Price & 'Show more' chips */
.page-inventory-details .price,
.page-inventory-details .vehicle-price,
.page-inventory-details .vdp__price,
.page-inventory-details .specs__showMore,
.page-inventory-details .description__showMore,
.page-inventory-details a.show-more,
.page-inventory-details button.show-more,
.page-inventory-details .photo__showMore,
.page-inventory-details .photo__showMore__count {
	/* color: var(--fm-brand) ; */
}

/* Sticky nav text */
/* .page-inventory-details .vdp__sticky-navigation__mod,
.page-inventory-details .vdp__sticky-navigation__mod * {
	color: #fff !important;
} */

/* Gallery overlays/counts */
.page-inventory-details .photo__hover__overlay {
	background: rgba(0, 0, 0, .35) !important;
}

.photo__item .photo__thumbnail .photo__showMore[PhotoGalleryWidgetCssScope] {
	background: rgba(0, 0, 0, .65) !important;
	color: #fff !important;
}

.page-inventory-details .image__count__overlay {
	background: rgba(0, 0, 0, .65) !important;
	color: #fff !important;
}

/* ---------- 7) Mobile toggler bars ---------- */
/* .page-inventory-details .navbar-toggler .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	margin: 4px 0;
	background: #fff !important;
} */

/* -------------------- SECTIONTITLE6 ---------------------- */
/* ======================================================
   Fusion Motors PDX — VDP HEADER/LINK FIX (v3.6 — CSS-only)
   Scope: ONLY pages using `.page-inventory-details` (your VDPs)
   Goal: Dark header with white text + visible links on VDPs
   Leaves homepage & other internal pages untouched.
   ====================================================== */

/* ---------- 1) Top navbar (within VDP header) ---------- */
/* Force dark background and white text in the nav bar */
/* .page-inventory-details header.header .navbar.navbar-dark.bg-primary,
.page-inventory-details header.header .navbar.navbar-dark {
	background: #000 !important;
	color: #fff !important;
	border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
}

.page-inventory-details .navbar .navbar-brand,
.page-inventory-details .navbar .nav-link,
.page-inventory-details .navbar .navbar-toggler,
.page-inventory-details .navbar .navbar-text {
	color: #fff !important;
}

.page-inventory-details .navbar .nav-link:hover,
.page-inventory-details .navbar .nav-link:focus {
	color: #fff !important;
	text-decoration: underline;
} */

/* Toggler icon bars */
/* .page-inventory-details .navbar-toggler .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	margin: 4px 0;
	background: #fff !important;
} */

/* Dropdown menu on the dark header */
.page-inventory-details .navbar .dropdown-menu {
	/* background: #111 !important; */
	/* border-color: #222 !important; */
}

.page-inventory-details .navbar .dropdown-item {
	/* color: #fff !important; */
}

.page-inventory-details .navbar .dropdown-item:hover,
.page-inventory-details .navbar .dropdown-item:focus {
	/* color: #000 !important; */
	/* background: var(--fm-brand) !important; */
}

/* ---------- 2) Second header bar (cw-header area) ---------- */
/* .page-inventory-details .cw-header,
.page-inventory-details .cw-header .cw-header-info,
.page-inventory-details .cw-header-contact {
	background: #000 !important;
	color: #fff !important;
}

.page-inventory-details .cw-header a,
.page-inventory-details .cw-header-contact a {
	color: #fff !important;
}

.page-inventory-details .cw-header a:hover,
.page-inventory-details .cw-header-contact a:hover {
	color: #fff !important;
	text-decoration: underline;
} */

/* center the contact row contents */
/* .page-inventory-details .cw-header-contact .container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .5rem;
} */

/* ---------- 3) VDP default link behavior ---------- */
/* Use brand color for links on the dark canvas in VDP */
.page-inventory-details a {
	/* color: var(--fm-brand) !important; */
}

.page-inventory-details a:hover,
.page-inventory-details a:focus {
	/* color: #fff !important; */
	/* text-decoration: underline; */
}

/* But keep links inside light components readable (dark blue) */
/* #builderCanvas a:not(.btn),
.page-inventory-details .modal-content a:not(.btn) {
	color: #0b57d0 !important;
}

#builderCanvas a:not(.btn):hover,
.page-inventory-details .modal-content a:not(.btn):hover {
	color: #063a92 !important;
} */

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-primary,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-primary:focus {
	color: #111 !important;
}

/* ---------- 4) Buttons in header (CTAs) ---------- */
/* .page-inventory-details .navbar .btn,
.page-inventory-details .cw-header .btn {
	background: var(--fm-brand) !important;
	border-color: var(--fm-brand) !important;
	color: #0b0b0b !important;
} */

/* ---------- 5) Sticky VDP nav widget buttons (blue by default) ---------- */
/* .page-inventory-details .vdp__sticky-navigation__mod .btn.btn-primary {
	background: var(--fm-brand) !important;
	border-color: var(--fm-brand) !important;
	color: #0b0b0b !important;
} */

/* ---------- 6) Safety: do not flip cards/light content ---------- */
/* already declared */
/* #builderCanvas,
.page-inventory-details .modal-content {
	background: #fff !important;
	color: #111 !important;
} */

/* ---------- 7) Ensure Title text in sticky strip is visible ---------- */
.page-inventory-details .vdp__sticky-navigation__mod h2,
.page-inventory-details .vdp__sticky-navigation__mod,
.page-inventory-details .vdp__sticky-navigation__content {
	/* color: #fff !important; */
}

/* -------------------- SECTIONTITLE7 ---------------------- */
/* ======================================================
   Fusion Motors PDX — VDP GLOBAL FIX (v3.5, CSS-only, Higher Specificity)
   Scope: ALL Vehicle Detail Pages (VDPs) only
   Goals:
   • Force dark header background + white text on VDPs
   • Center header stack (kept)
   • Make links visible (brand on dark; dark blue inside light cards)
   • Leave home & other internal pages unchanged
   ====================================================== */

/* ------------------ VDP WRAPPER ALIASES ------------------ */
.inventory-details,
.vehicle-detail,
.vehicle-details,
.vehicle-detail-page,
.detail-page,
.details-page,
.vehicle-view,
.details-view {}

/* ------------------ 1) HEADER: DARK BG + WHITE TEXT ------------------ */
/* Background + baseline text */
/* .inventory-details .site-header,
.inventory-details .header,
.vehicle-detail .site-header,
.vehicle-detail .header,
.vehicle-details .site-header,
.vehicle-details .header,
.vehicle-detail-page .site-header,
.vehicle-detail-page .header,
.detail-page .site-header,
.detail-page .header,
.details-page .site-header,
.details-page .header,
.vehicle-view .site-header,
.vehicle-view .header,
.details-view .site-header,
.details-view .header {
	background: #000 !important;
	color: #fff !important;
	border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
} */

/* If platform uses sticky/fixed variants */
/* .inventory-details .site-header.sticky
.vehicle-detail .site-header.sticky,
.vehicle-details .site-header.sticky,
.vehicle-detail-page .site-header.sticky,
.detail-page .site-header.sticky,
.details-page .site-header.sticky,
.vehicle-view .site-header.sticky,
.details-view .site-header.sticky {
	background: #000 !important;
	color: #fff !important;
} */

/* Header links, nav items, utility links -> white or brand */
/* .inventory-details .site-header a,
.inventory-details .header a
.vehicle-detail .site-header a,
.vehicle-detail .header a,
.vehicle-details .site-header a,
.vehicle-details .header a,
.vehicle-detail-page .site-header a,
.vehicle-detail-page .header a,
.detail-page .site-header a,
.detail-page .header a,
.details-page .site-header a,
.details-page .header a,
.vehicle-view .site-header a,
.vehicle-view .header a,
.details-view .site-header a,
.details-view .header a {
	color: #fff !important;
} */

/* Use brand color specifically for highlighted CTAs in header if present */
/* .inventory-details .site-header .btn,
.inventory-details .header .btn,
.vehicle-detail .site-header .btn,
.vehicle-detail .header .btn,
.vehicle-details .site-header .btn,
.vehicle-details .header .btn,
.vehicle-detail-page .site-header .btn,
.vehicle-detail-page .header .btn,
.detail-page .site-header .btn,
.detail-page .header .btn,
.details-page .site-header .btn,
.details-page .header .btn,
.vehicle-view .site-header .btn,
.vehicle-view .header .btn,
.details-view .site-header .btn,
.details-view .header .btn {
	background: var(--fm-brand) !important;
	border-color: var(--fm-brand) !important;
	color: #0b0b0b !important;
} */

/* Keep address & social centered (from v3.4) */
/* .inventory-details .site-header .header-inner,
.vehicle-detail .site-header .header-inner,
.vehicle-details .site-header .header-inner,
.vehicle-detail-page .site-header .header-inner,
.detail-page .site-header .header-inner,
.details-page .site-header .header-inner,
.vehicle-view .site-header .header-inner,
.details-view .site-header .header-inner,
.inventory-details .header .header-inner,
.vehicle-detail .header .header-inner,
.vehicle-details .header .header-inner,
.vehicle-detail-page .header .header-inner,
.detail-page .header .header-inner,
.details-page .header .header-inner,
.vehicle-view .header .header-inner,
.details-view .header .header-inner{
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	gap: .5rem !important;
	width: 100% !important;
} */

/* .inventory-details .cw-header-contact,
.inventory-details .header-contact,
.vehicle-detail .cw-header-contact,
.vehicle-detail .header-contact,
.vehicle-details .cw-header-contact,
.vehicle-details .header-contact,
.vehicle-detail-page .cw-header-contact,
.vehicle-detail-page .header-contact,
.detail-page .cw-header-contact,
.detail-page .header-contact,
.details-page .cw-header-contact,
.details-page .header-contact,
.vehicle-view .cw-header-contact,
.vehicle-view .header-contact,
.details-view .cw-header-contact,
.details-view .header-contact {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	gap: .35rem !important;
} */

/* .inventory-details .cw-header-contact .cw-address,
.inventory-details .header-contact .address,
.vehicle-detail .cw-header-contact .cw-address,
.vehicle-detail .header-contact .address,
.vehicle-details .cw-header-contact .cw-address,
.vehicle-details .header-contact .address,
.vehicle-detail-page .cw-header-contact .cw-address,
.vehicle-detail-page .header-contact .address,
.detail-page .cw-header-contact .cw-address,
.detail-page .header-contact .address,
.details-page .cw-header-contact .cw-address,
.details-page .header-contact .address,
.vehicle-view .cw-header-contact .cw-address,
.vehicle-view .header-contact .address,
.details-view .cw-header-contact .cw-address,
.details-view .header-contact .address {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	column-gap: .35rem !important;
	row-gap: .2rem !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	text-align: center !important;
} */

/* .inventory-details .cw-header-social,
.inventory-details .header-social,
.vehicle-detail .cw-header-social,
.vehicle-detail .header-social,
.vehicle-details .cw-header-social,
.vehicle-details .header-social,
.vehicle-detail-page .cw-header-social,
.vehicle-detail-page .header-social,
.detail-page .cw-header-social,
.detail-page .header-social,
.details-page .cw-header-social,
.details-page .header-social,
.vehicle-view .cw-header-social,
.vehicle-view .header-social,
.details-view .cw-header-social,
.details-view .header-social {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: .5rem !important;
	width: 100% !important;
} */

/* ------------------ 2) LINKS: visible on dark; readable in light cards ------------------ */
/* Default VDP links (good on dark header/sections) */
/* .inventory-details a,
.vehicle-detail a,
.vehicle-details a,
.vehicle-detail-page a,
.detail-page a,
.details-page a,
.vehicle-view a,
.details-view a {
	color: var(--fm-brand, #d5fb44);
} */

/* .inventory-details a:hover,
.vehicle-detail a:hover,
.vehicle-details a:hover,
.vehicle-detail-page a:hover,
.detail-page a:hover,
.details-page a:hover,
.vehicle-view a:hover,
.details-view a:hover
.inventory-details a:focus,
.vehicle-detail a:focus,
.vehicle-details a:focus,
.vehicle-detail-page a:focus,
.detail-page a:focus,
.details-page a:focus,
.vehicle-view a:focus,
.details-view a:focus{
	color: #000;
	text-decoration: underline;
} */

/* Inside LIGHT containers on VDPs, keep links a readable dark blue */
/* .inventory-details .card a,
.inventory-details .panel a,
.inventory-details .bg-white a,
.inventory-details .bg-light a,
.vehicle-detail .card a,
.vehicle-detail .panel a,
.vehicle-detail .bg-white a,
.vehicle-detail .bg-light a,
.vehicle-details .card a,
.vehicle-details .panel a,
.vehicle-details .bg-white a,
.vehicle-details .bg-light a,
.vehicle-detail-page .card a,
.vehicle-detail-page .panel a,
.vehicle-detail-page .bg-white a,
.vehicle-detail-page .bg-light a,
.detail-page .card a,
.detail-page .panel a,
.detail-page .bg-white a,
.detail-page .bg-light a,
.details-page .card a,
.details-page .panel a,
.details-page .bg-white a,
.details-page .bg-light a,
.vehicle-view .card a,
.vehicle-view .panel a,
.vehicle-view .bg-white a,
.vehicle-view .bg-light a,
.details-view .card a,
.details-view .panel a,
.details-view .bg-white a,
.details-view .bg-light a{
	color: #0b57d0;
} */

/* .inventory-details .card a:hover,
.inventory-details .panel a:hover,
.inventory-details .bg-white a:hover,
.inventory-details .bg-light a:hover
.vehicle-detail .card a:hover,
.vehicle-detail .panel a:hover,
.vehicle-detail .bg-white a:hover,
.vehicle-detail .bg-light a:hover,
.vehicle-details .card a:hover,
.vehicle-details .panel a:hover,
.vehicle-details .bg-white a:hover,
.vehicle-details .bg-light a:hover,
.vehicle-detail-page .card a:hover,
.vehicle-detail-page .panel a:hover,
.vehicle-detail-page .bg-white a:hover,
.vehicle-detail-page .bg-light a:hover,
.detail-page .card a:hover,
.detail-page .panel a:hover,
.detail-page .bg-white a:hover,
.detail-page .bg-light a:hover,
.details-page .card a:hover,
.details-page .panel a:hover,
.details-page .bg-white a:hover,
.details-page .bg-light a:hover,
.vehicle-view .card a:hover,
.vehicle-view .panel a:hover,
.vehicle-view .bg-white a:hover,
.vehicle-view .bg-light a:hover,
.details-view .card a:hover,
.details-view .panel a:hover,
.details-view .bg-white a:hover,
.details-view .bg-light a:hover {
	color: #063a92;
} */

/* Keep brand accent for toggles e.g. "Show More" */
/* .inventory-details a[class*="show"],
.inventory-details a[class*="more"],
.inventory-details .collapse-toggle,
.inventory-details [data-bs-toggle="collapse"],
.vehicle-detail a[class*="show"],
.vehicle-detail a[class*="more"],
.vehicle-detail .collapse-toggle,
.vehicle-detail [data-bs-toggle="collapse"],
.vehicle-details a[class*="show"],
.vehicle-details a[class*="more"],
.vehicle-details .collapse-toggle,
.vehicle-details [data-bs-toggle="collapse"],
.vehicle-detail-page a[class*="show"],
.vehicle-detail-page a[class*="more"],
.vehicle-detail-page .collapse-toggle,
.vehicle-detail-page [data-bs-toggle="collapse"],
.detail-page a[class*="show"],
.detail-page a[class*="more"],
.detail-page .collapse-toggle,
.detail-page [data-bs-toggle="collapse"],
.details-page a[class*="show"],
.details-page a[class*="more"],
.details-page .collapse-toggle,
.details-page [data-bs-toggle="collapse"],
.vehicle-view a[class*="show"],
.vehicle-view a[class*="more"],
.vehicle-view .collapse-toggle,
.vehicle-view [data-bs-toggle="collapse"],
.details-view a[class*="show"],
.details-view a[class*="more"],
.details-view .collapse-toggle,
.details-view [data-bs-toggle="collapse"] {
	color: var(--fm-brand, #d5fb44) !important;
	font-weight: 600;
	text-decoration: underline;
} */

/* -------------------- SECTIONTITLE8 ---------------------- */
/* Fusion Motors PDX — VDP global fixes (v3.3)
   Scope: ONLY Vehicle Detail Pages (detected via .inventory-details)
   Effects:
   • Center header address/social
   • Improve link visibility (brand on dark canvases, readable inside light cards)
*/

/* ---------- Header center on any VDP template ---------- */
/* .inventory-details .site-header .header-inner,
.inventory-details .header .header-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	gap: .5rem !important;
	width: 100% !important;
}

.inventory-details .cw-header-contact,
.inventory-details .header-contact {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	gap: .35rem !important;
}

.inventory-details .cw-header-contact .cw-address,
.inventory-details .header-contact .address {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	column-gap: .35rem !important;
	row-gap: .2rem !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	text-align: center !important;
}

.inventory-details .cw-header-social,
.inventory-details .header-social {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: .5rem !important;
	width: 100% !important;
}

@media (max-width:575.98px) {

	.inventory-details .cw-header-contact {
		gap: .25rem !important;
	}

	.inventory-details .cw-header-contact .cw-address {
		column-gap: .25rem !important;
	}
} */

/* ---------- Links: visible on dark; readable inside light cards ---------- */
/* On VDP canvases, default link = brand color (good on dark header/sections) */
/* .inventory-details a {
	color: var(--fm-brand, #d5fb44);
}

.inventory-details a:hover,
.inventory-details a:focus {
	color: #000;
	text-decoration: underline;
} */

/* Inside LIGHT containers on VDP, use readable dark blue */
/* .inventory-details .card a,
.inventory-details .panel a,
.inventory-details .bg-white a,
.inventory-details .bg-light a {
	color: #0b57d0;
}

.inventory-details .card a:hover,
.inventory-details .panel a:hover,
.inventory-details .bg-white a:hover,
.inventory-details .bg-light a:hover {
	color: #063a92;
} */

/* Keep brand accent for "Show More" / collapse toggles */
/* .inventory-details a[class*="show"],
.inventory-details a[class*="more"],
.inventory-details .collapse-toggle,
.inventory-details [data-bs-toggle="collapse"] {
	color: var(--fm-brand, #d5fb44) !important;
	font-weight: 600;
	text-decoration: underline;
} */

/* --------------------^^^^^ Code added by customer ^^^ ---------------------- */

/* -------------------- Code added by Siteflex Creative Web  below ---------------------- */


.header .navbar .active>.nav-link,
.header .navbar .dropdown-item.active,
.header .navbar .dropdown-item:active,
.header .navbar .show>.nav-link {
	background-color: var(--header-secondary);
	color: #000;
}

.cw-contact-faq {
	margin: 3rem 0 .5rem;
}

.cw-contact-faq .accordion {
	background-color: #fff;
	color: #000;
}

.cw-contact-faq .accordion .accordion-button:not(.collapsed) {
	color: #063a92;
	background-color: #e7f1ff;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}

.cw-contact-faq .accordion .accordion-button:focus {
	z-index: 3;
	border-color: var(--fm-brand);
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(11, 11, 11, .25)
}

.cw-contact-faq .accordion a {
	color: #0b57d0;
}

.cw-contact-faq .accordion a:hover {
	color: #063a92;
}








/*  */