/*
 * RvR Automotive — "atelier" layer.
 * One bold move: Marcellus (classic, even-stroked serif) for the big headings.
 * Everything else stays quiet: graphite, champagne gold, a cool showroom grey, crisp corners, no lifting cards.
 */
:root {
	--lx-ink: #1c2029;
	--lx-deep: #14171e;
	--lx-gold: #b8913f;
	--lx-gold-l: #d9b76a;
	--lx-floor: #eef0f3;
	--lx-muted: #626875;
	--lx-line: #dfe2e7;
	--lx-serif: "Marcellus", Georgia, serif;
}

/* ---------- Type ---------- */
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title,
[class*="rvr-"] h1,
.rvr-why h2, .rvr-pg h2, .rvr-fi h2, .rvr-sa h2, .rvr-prices h2, .rvr-sell h2,
.rvr-rv-head h2, .rvr-cp h2, .rvr-why-band h2, .rvr-about h2, .rvr-contact-wrap h2 {
	font-family: var(--lx-serif) !important;
	font-weight: 400 !important;
	letter-spacing: 0;
}
[class*="rvr-"] h1 { line-height: 1.04 !important; }
.rvr-why h2, .rvr-pg h2, .rvr-fi h2, .rvr-sa h2, .rvr-rv-head h2, .rvr-cp h2, .rvr-why-band h2 { line-height: 1.1 !important; }

/* Small gold labels: sentence case instead of tracked capitals. */
.rvr-aw-eyebrow-gold {
	font-style: normal;
	font-weight: 700 !important;
	text-transform: none !important;
	letter-spacing: .01em !important;
	font-size: 15px !important;
	margin-bottom: 8px !important;
}

/* Buttons: tailored, not bubbly. */
.rvr-aw-btn-gold, .rvr-aw-btn-ghost, .rvr-aw-btn {
	border-radius: 3px !important;
	padding: 14px 24px !important;
	font-weight: 700;
	letter-spacing: .02em;
}

/* No floating/lifting cards anywhere. */
.rvr-why-services a:hover, .rvr-cp-item:hover, .rvr-aw-card:hover, .rvr-pg-cars a:hover, .rvr-fi-more-row a:hover, .rvr-why-card:hover {
	transform: none !important;
}

/* ---------- Homepage: full-bleed bands ---------- */
.rvr-why-wrap { padding: 0 !important; overflow-x: clip; background: #fff; }
.rvr-why { max-width: 1180px; padding: 0 24px; }

.rvr-why .rvr-rv,
.rvr-why .rvr-why-band,
.rvr-why .rvr-cp,
.rvr-why .rvr-sell-banner {
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding-left: max(24px, calc(50vw - 566px)) !important;
	padding-right: max(24px, calc(50vw - 566px)) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.rvr-why .rvr-why-band::after { display: none; }

/* 1. Why us — editorial two-column on white */
.rvr-why-top {
	display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start;
	padding: 104px 0 96px;
}
.rvr-why-head { text-align: left !important; margin: 0 !important; max-width: none !important; position: sticky; top: 120px; }
.rvr-why-head h2 { font-size: clamp(36px, 4.2vw, 56px) !important; }
.rvr-why-lead { margin: 22px 0 26px; color: var(--lx-muted); font-size: 17px; line-height: 1.75; max-width: 34em; }
.rvr-why-more {
	display: inline-block; color: var(--lx-ink) !important; font-weight: 700; text-decoration: none !important;
	padding-bottom: 4px; border-bottom: 1px solid var(--lx-gold);
}
.rvr-why-more:hover { color: var(--lx-gold) !important; }

.rvr-why-grid { display: block !important; }
.rvr-why-card {
	display: grid !important; grid-template-columns: 56px 1fr; column-gap: 22px;
	padding: 30px 0 !important; border: 0 !important; border-top: 1px solid var(--lx-line) !important;
	border-radius: 0 !important; box-shadow: none !important; background: none !important;
}
.rvr-why-card:last-child { border-bottom: 1px solid var(--lx-line) !important; }
.rvr-why-card .rvr-fi-icon {
	grid-row: span 2; width: 56px; height: 56px; margin: 0; border-radius: 50% !important;
	background: none !important; border: 1px solid rgba(184,145,63,.55); color: var(--lx-gold) !important;
}
.rvr-why-card h3 { font-size: 21px !important; margin: 4px 0 8px !important; }
.rvr-why-card p { font-size: 16px !important; line-height: 1.75 !important; max-width: 38em; }

/* 2. Reviews — graphite */
.rvr-why .rvr-rv {
	padding-top: 88px !important; padding-bottom: 80px !important;
	background: var(--lx-ink) !important;
}
.rvr-why .rvr-rv-head h2 { font-size: clamp(32px, 3.6vw, 46px) !important; }

/* 3. Fiat 500 guarantee — showroom floor, ink text */
.rvr-why .rvr-why-band {
	background: var(--lx-floor) !important; color: var(--lx-ink) !important;
	padding-top: 96px !important; padding-bottom: 96px !important; gap: 48px !important;
}
.rvr-why .rvr-why-band h2 { color: var(--lx-ink) !important; font-size: clamp(32px, 3.6vw, 46px) !important; margin-bottom: 18px !important; }
.rvr-why .rvr-why-band p { color: var(--lx-muted) !important; font-size: 17px; line-height: 1.75; }
.rvr-why .rvr-why-band .rvr-aw-eyebrow-gold { color: var(--lx-gold) !important; }
.rvr-why .rvr-why-band > div:first-child { max-width: 640px !important; }
.rvr-why .rvr-why-band .rvr-aw-btn-ghost { color: var(--lx-ink) !important; border-color: rgba(28,32,41,.3) !important; }
.rvr-why .rvr-why-band .rvr-aw-btn-ghost:hover { border-color: var(--lx-gold) !important; color: var(--lx-gold) !important; }

/* 4. CarPlay — deep graphite */
.rvr-why .rvr-cp {
	background: var(--lx-deep) !important;
	padding-top: 96px !important; padding-bottom: 96px !important; gap: 56px !important;
}
.rvr-why .rvr-cp h2 { font-size: clamp(30px, 3.4vw, 44px) !important; }
.rvr-cp-item { border-radius: 4px !important; }

/* 5. Sell your Fiat 500 — white with gold hairlines */
.rvr-why .rvr-sell-banner {
	background: #fff !important; border: 0 !important;
	border-bottom: 1px solid var(--lx-line) !important;
	padding-top: 72px !important; padding-bottom: 72px !important; gap: 32px !important;
}
.rvr-why .rvr-sell-banner h2 { font-family: var(--lx-serif) !important; font-size: clamp(28px, 3vw, 38px) !important; font-weight: 400 !important; margin-bottom: 8px !important; }
.rvr-why .rvr-sell-banner p { font-size: 16.5px; }
.rvr-why .rvr-sell-banner .rvr-fi-icon { width: 64px; height: 64px; border-radius: 50% !important; }

/* 6. Services — a quiet index row */
.rvr-why .rvr-why-services { gap: 0 !important; margin: 0 !important; padding: 56px 0 104px; }
.rvr-why .rvr-why-services a {
	border: 0 !important; border-left: 1px solid var(--lx-line) !important; border-radius: 0 !important;
	box-shadow: none !important; background: none !important; padding: 18px 24px !important;
}
.rvr-why .rvr-why-services a:first-child { border-left: 0 !important; padding-left: 0 !important; }
.rvr-why .rvr-why-services .rvr-fi-icon { background: none !important; border: 1px solid rgba(184,145,63,.5); border-radius: 50% !important; color: var(--lx-gold) !important; }
.rvr-why .rvr-why-services strong { font-size: 17px; }
.rvr-why .rvr-why-services a:hover strong { color: var(--lx-gold); }

/* ---------- Inner pages ---------- */
.rvr-fi-hero, .rvr-aw-hero { border-radius: 4px !important; }
.rvr-fi-hero h1, .rvr-aw-hero h1 { font-size: clamp(34px, 4.2vw, 54px) !important; font-weight: 400 !important; }

/* ---------- Footer ---------- */
footer .elementor-widget-heading .elementor-heading-title { letter-spacing: .01em; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.rvr-why-top { grid-template-columns: 1fr; gap: 36px; padding: 72px 0 64px; }
	.rvr-why-head { position: static; }
	.rvr-why .rvr-why-services { grid-template-columns: 1fr 1fr !important; padding: 40px 0 72px; }
	.rvr-why .rvr-why-services a:nth-child(3) { border-left: 0 !important; padding-left: 0 !important; }
}
@media (max-width: 640px) {
	.rvr-why-top { padding: 56px 0 48px; }
	.rvr-why-card { grid-template-columns: 44px 1fr; column-gap: 16px; }
	.rvr-why-card .rvr-fi-icon { width: 44px; height: 44px; }
	.rvr-why .rvr-rv, .rvr-why .rvr-why-band, .rvr-why .rvr-cp { padding-top: 64px !important; padding-bottom: 64px !important; }
	.rvr-why .rvr-sell-banner { padding-top: 52px !important; padding-bottom: 52px !important; }
	.rvr-why .rvr-why-services { grid-template-columns: 1fr !important; }
	.rvr-why .rvr-why-services a { border-left: 0 !important; border-top: 1px solid var(--lx-line) !important; padding-left: 0 !important; }
	.rvr-aw-eyebrow-gold { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
	.rvr-why-services a, .rvr-cp-item { transition: none !important; }
}

/* ---------- Footer ---------- */
.elementor-element-3377772, .elementor-element-739c19d { border-top: 1px solid rgba(184,145,63,.45); }
.elementor-element-3377772 > .elementor-container, .elementor-element-739c19d > .elementor-container { padding-top: 40px; }
.elementor-element-3377772 h4.elementor-heading-title, .elementor-element-739c19d h4.elementor-heading-title {
	font-family: var(--lx-serif) !important; font-weight: 400 !important;
	font-size: 21px !important; letter-spacing: 0 !important; color: var(--lx-gold-l) !important;
}
.elementor-element-3377772 .elementor-icon-list-item a:hover .elementor-icon-list-text, .elementor-element-739c19d .elementor-icon-list-item a:hover .elementor-icon-list-text { color: var(--lx-gold-l) !important; }
.rvr-why .rvr-why-services { padding-bottom: 72px !important; }

/* ---------- Car page: showroom layout (photos left, the essentials right) ---------- */
.rvr-aw-single { max-width: 1240px; margin: 0 auto; padding: 32px 24px 88px; box-sizing: border-box; }
.rvr-aw-single .rvr-aw-title { font-size: clamp(30px, 3.2vw, 42px) !important; margin: 0 0 18px; color: var(--lx-ink); }
.rvr-aw-single .rvr-aw-price-lg { font-family: var(--lx-serif); font-weight: 400 !important; font-size: 40px !important; }
.rvr-aw-single .rvr-aw-keyfacts li { background: none !important; border-top: 1px solid var(--lx-line); border-radius: 0 !important; padding: 12px 0 !important; }
.rvr-aw-single .rvr-aw-keyfacts span { text-transform: none !important; letter-spacing: 0 !important; font-size: 13px; }
.rvr-aw-single h2 { font-family: var(--lx-serif) !important; font-weight: 400 !important; font-size: 28px !important; border-bottom-width: 1px !important; }
@media (min-width: 1024px) {
	.rvr-aw-single { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(320px, 1fr); column-gap: 52px; align-items: start; }
	.rvr-aw-single > * { grid-column: 1 / -1; }
	.rvr-aw-single > .rvr-aw-gallery { grid-column: 1; grid-row: 1 / span 4; }
	.rvr-aw-single > .rvr-aw-title { grid-column: 2; grid-row: 1; }
	.rvr-aw-single > .rvr-aw-head { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; align-items: stretch; gap: 16px; margin: 0 0 26px; }
	.rvr-aw-single > .rvr-aw-head .rvr-aw-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
	.rvr-aw-single > .rvr-aw-head .rvr-aw-cta .rvr-aw-btn { text-align: center; justify-content: center; }
	.rvr-aw-single > .rvr-aw-head .rvr-aw-cta .rvr-aw-btn:first-child { grid-column: 1 / -1; }
	.rvr-aw-single > .rvr-aw-keyfacts { grid-column: 2; grid-row: 3; grid-template-columns: 1fr 1fr !important; gap: 0 20px !important; margin: 0; }
	.rvr-aw-single > h2:first-of-type { margin-top: 56px; }
}
@media (max-width: 1023px) { .rvr-aw-single { padding: 20px 16px 64px; } }
.rvr-aw-single .rvr-aw-head .rvr-aw-cta { margin-left: 0 !important; width: 100%; }
.rvr-aw-single .rvr-aw-keyfacts li { border: 0 !important; border-top: 1px solid var(--lx-line) !important; padding: 12px 0 !important; }
.rvr-aw-single .rvr-aw-specgroup h3 {
	font-family: var(--lx-serif) !important; font-weight: 400 !important;
	text-transform: none !important; letter-spacing: 0 !important; font-size: 19px !important; margin: 18px 0 8px !important;
}
.rvr-aw-single .rvr-aw-specs th, .rvr-aw-single .rvr-aw-specs td { border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; padding: 11px 0 !important; }
.rvr-aw-single .rvr-aw-specs { border: 0 !important; }

/* ---------- Homepage video: lighter ---------- */
.elementor-element-6c64974e > .elementor-background-overlay {
	background: linear-gradient(180deg, rgba(10,12,16,.38) 0%, rgba(10,12,16,0) 22%, rgba(10,12,16,0) 100%) !important;
	opacity: 1 !important;
	filter: none !important;
}
.elementor-element-6c64974e .elementor-background-video-hosted,
.elementor-element-6c64974e #rvr-hero-poster { filter: brightness(1.18) contrast(1.04); }
.elementor-element-6c64974e .elementor-heading-title { text-shadow: 0 2px 18px rgba(0,0,0,.45); }
/* Homepage: search bar (merk / model / transmissie) lower in the video, so the logo at the end stays visible. */
@media (min-width: 768px) {
	.elementor-element-6c64974e .elementor-element-5e9bf1d1 .elementor-spacer-inner { height: 425px !important; }
	.elementor-element-6c64974e .elementor-element-38e087cf .elementor-spacer-inner { height: 18px !important; }
	.elementor-element-6c64974e .elementor-element-533ecba6 { display: none !important; }
	.elementor-element-6c64974e .elementor-element-4f5dd16d .elementor-spacer-inner { height: 10px !important; }
}

/* ---------- Leenauto ---------- */
.rvr-loan {
	display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 48px; align-items: center;
	margin: 56px 0; padding: 48px; border-radius: 6px;
	background: radial-gradient(120% 90% at 20% 30%, #2a2f3b 0%, var(--lx-ink) 60%); color: #e9ebef;
}
.rvr-loan-img img { width: 100%; height: auto; display: block; filter: drop-shadow(0 22px 28px rgba(0,0,0,.45)); }
.rvr-loan h2 { color: #fff !important; font-family: var(--lx-serif) !important; font-weight: 400 !important; font-size: clamp(28px, 3vw, 40px) !important; margin: 0 0 14px !important; line-height: 1.12 !important; }
.rvr-loan p { color: #c4c8d0; font-size: 16.5px; line-height: 1.7; margin: 0 0 18px; }
.rvr-loan .rvr-aw-eyebrow-gold { color: var(--lx-gold-l) !important; margin-bottom: 8px !important; }
.rvr-loan-facts { list-style: none; margin: 0 0 18px; padding: 0; border-top: 1px solid rgba(255,255,255,.12); }
.rvr-loan-facts li { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.rvr-loan-facts span { color: #9aa0ab; }
.rvr-loan-facts strong { color: #fff; font-weight: 700; text-align: right; }
.rvr-loan-facts li:nth-child(2) strong { color: var(--lx-gold-l); font-size: 18px; }
.rvr-loan-note { font-size: 14.5px !important; color: #9aa0ab !important; }
.rvr-loan .rvr-aw-btn-gold { display: inline-block; }
@media (max-width: 860px) {
	.rvr-loan { grid-template-columns: 1fr; gap: 24px; padding: 28px 20px; margin: 40px 0; }
}

/* (Semi) Automaat page: hero + loan car as two half blocks */
.rvr-sa-duo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: stretch; margin: 0 0 40px; }
.rvr-sa-duo > .rvr-fi-hero { margin: 0 !important; display: flex !important; flex-direction: column; justify-content: space-between; gap: 24px; padding: 40px !important; }
.rvr-sa-duo > .rvr-fi-hero h1 { font-size: clamp(30px, 3vw, 42px) !important; }
.rvr-sa-duo > .rvr-fi-hero .rvr-fi-badge { align-self: flex-start; max-width: none; margin: 0; }
.rvr-sa-duo > .rvr-loan { margin: 0; grid-template-columns: 1fr; gap: 14px; padding: 36px 40px; align-content: start; }
.rvr-sa-duo > .rvr-loan .rvr-loan-img img { max-height: 210px; width: auto; max-width: 100%; margin: 0 auto; }
.rvr-sa-duo > .rvr-loan h2 { font-size: clamp(24px, 2.2vw, 30px) !important; }
.rvr-sa-duo > .rvr-loan p { margin-bottom: 12px; }
@media (max-width: 1000px) {
	.rvr-sa-duo { grid-template-columns: 1fr; }
}
.rvr-sa-titlerow { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: nowrap; }
.rvr-sa-titlerow h1 { margin: 0 !important; min-width: 0; }
@media (max-width: 480px) { .rvr-sa-titlerow { flex-wrap: wrap; } }
.rvr-sa-more {
	display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto;
	padding: 12px 20px; border: 1px solid var(--lx-gold); border-radius: 3px;
	color: var(--lx-gold-l) !important; font-weight: 700; text-decoration: none !important; transition: background .2s, color .2s;
}
.rvr-sa-more:hover { background: var(--lx-gold); color: #14171e !important; }
html { scroll-behavior: smooth; }
#rvr-sa-info { scroll-margin-top: 130px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Homepage hero: Occasions button instead of the search bar */
.rvr-hero-cta { display: flex; justify-content: center; }
.rvr-hero-btn {
	display: inline-flex; align-items: center; gap: 8px; padding: 17px 34px; border-radius: 3px;
	background: var(--lx-gold); color: #14171e !important; font-size: 17px; font-weight: 800; letter-spacing: .02em;
	text-decoration: none !important; box-shadow: 0 10px 30px rgba(0,0,0,.35); transition: background .2s, transform .2s;
}
.rvr-hero-btn span { font-weight: 700; opacity: .75; }
.rvr-hero-btn:hover { background: var(--lx-gold-l); }

/* v2.38.7 — homepage H1 smaller and calmer: still the page title for Google, the video gets the attention */
body.home .elementor-element-cca9a12 .elementor-heading-title { letter-spacing: .06em !important; font-weight: 400 !important; text-shadow: 0 2px 14px rgba(0, 0, 0, .6); }
@media (min-width: 1024px) { body.home .elementor-element-cca9a12 .elementor-heading-title { font-size: 34px !important; line-height: 1.2 !important; } }
@media (max-width: 1023px) { body.home .elementor-element-cca9a12 .elementor-heading-title { font-size: 24px !important; line-height: 1.25 !important; } }