/**
 * MVB Modern Boutique — Design Override Layer
 * Loaded last so it takes precedence over glassmorphism.css and mvb-design.css.
 *
 * Scope: typography, palette tokens, card system, section spacing, ghost buttons.
 * NOT touched: any PHP, CRM logic, form handlers, or JS behaviour.
 */

/* =========================================================================
   1. DESIGN TOKENS
   ========================================================================= */

:root {
	/* ── Boutique Palette ── */
	--mvb-navy:          #0A1128;
	--mvb-navy-mid:      #0F1A35;
	--mvb-navy-raised:   #152040;
	--mvb-navy-border:   rgba(212, 175, 55, 0.16);
	--mvb-navy-border-h: rgba(212, 175, 55, 0.38);
	--mvb-gold:          #D4AF37;
	--mvb-gold-light:    #E5C860;
	--mvb-gold-dim:      rgba(212, 175, 55, 0.50);
	--mvb-white:         #F5F3EE;
	--mvb-muted:         #8A9BB5;

	/* ── Remap mvb-design.css tokens so EVERY element uses the same palette ── */
	--mvb-void:           #050C20;
	--mvb-base:           #0A1128;
	--mvb-surface:        #0F1A35;
	--mvb-surface-raised: #152040;
	--mvb-border:         rgba(212, 175, 55, 0.09);
	--mvb-border-mid:     rgba(212, 175, 55, 0.16);
	--mvb-gold-subtle:    rgba(212, 175, 55, 0.15);
	--mvb-gold-glow:      rgba(212, 175, 55, 0.07);
	--mvb-gold-line:      rgba(212, 175, 55, 0.28);
	--mvb-text:           #F5F3EE;
	--mvb-muted-light:    #9BB0C8;
	--mvb-navy-light:     #152040;
	--mvb-navy-glow:      rgba(212, 175, 55, 0.05);

	/* ── Typography ── */
	--mvb-font-head:  'Playfair Display', 'Cormorant Garamond', Georgia, serif;
	--mvb-font-body:  'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;

	/* ── Spacing ── */
	--mvb-section-v:    120px;
	--mvb-card-pad:     2rem;
	--mvb-card-radius:  6px;
	--mvb-radius:       6px;
	--mvb-radius-sm:    4px;

	/* ── Transitions ── */
	--mvb-ease:         cubic-bezier(0.4, 0, 0.2, 1);
	--mvb-ease-out:     cubic-bezier(0, 0, 0.2, 1);
	--mvb-t-fast:       0.22s var(--mvb-ease);
	--mvb-t-base:       0.32s var(--mvb-ease);
}


/* =========================================================================
   2. GLOBAL PALETTE SWAP
   Replaces the old gold (#C6A75E) and dark-navy (#0c1829) tokens site-wide.
   ========================================================================= */

/* Background */
body,
.has-black-background-color,
.wp-block-group.has-black-background-color {
	background-color: var(--mvb-navy) !important;
}

.has-charcoal-background-color,
.wp-block-group.has-charcoal-background-color {
	background-color: var(--mvb-navy-mid) !important;
}

.has-dark-gray-background-color,
.wp-block-group.has-dark-gray-background-color {
	background-color: var(--mvb-navy-raised) !important;
}

/* Gold colour swaps — minimum weight 500 so thin gold doesn't shimmer on dark bg */
.has-gold-color,
.wp-block-post-terms.has-gold-color a,
.mvb-watch-card__price,
.mvb-price-display__amount,
.mvb-listing-sidebar .mvb-price-display__amount {
	color: var(--mvb-gold) !important;
	font-weight: 500 !important;
}

/* All inline gold text: bump weight so it reads cleanly */
[class*="gold"][class*="color"],
.mvb-gold,
.has-gold-color {
	font-weight: 500 !important;
}

.has-gold-background-color {
	background-color: var(--mvb-gold) !important;
}

/* CSS variable passthrough — overrides the old token used inline */
:root {
	--wp--preset--color--gold: var(--mvb-gold);
	--wp--preset--color--black: var(--mvb-navy);
	--wp--preset--color--charcoal: var(--mvb-navy-mid);
}


/* =========================================================================
   3. TYPOGRAPHY
   ========================================================================= */

body {
	font-family: var(--mvb-font-body) !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.72 !important;
	color: var(--mvb-white) !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Body copy — hard 18px, no vw clamp that can go tiny */
p,
.wp-block-paragraph,
.entry-content p {
	font-size: 18px !important;
	line-height: 1.75 !important;
	color: var(--mvb-white) !important;
}

li,
.wp-block-list li {
	font-size: 18px !important;
	line-height: 1.75 !important;
	color: var(--mvb-white) !important;
}

td, th {
	font-size: 16px !important;
	line-height: 1.6 !important;
}

/* Headings — explicit sizes, nothing left to inherit */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.entry-title {
	font-family: var(--mvb-font-head) !important;
	line-height: 1.18 !important;
	color: var(--mvb-white) !important;
}

h1, .wp-block-heading.has-hero-font-size,
.wp-block-heading.has-1-font-size {
	font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
	font-weight: 500 !important;
	letter-spacing: -0.02em !important;
}

h2, .wp-block-heading.has-xx-large-font-size,
.wp-block-heading.has-2-font-size {
	font-size: clamp(2rem, 4vw, 3rem) !important;
	font-weight: 500 !important;
	letter-spacing: -0.01em !important;
}

h3, .wp-block-heading.has-x-large-font-size,
.wp-block-heading.has-3-font-size {
	font-size: clamp(1.5rem, 2.5vw, 2rem) !important;
	font-weight: 600 !important;
	letter-spacing: 0.01em !important;
}

h4, .wp-block-heading.has-large-font-size,
.wp-block-heading.has-4-font-size {
	font-size: clamp(1.25rem, 2vw, 1.5rem) !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
}

h5, h6 {
	font-size: 1.125rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
}

/* All-caps sub-headers — increase kerning significantly */
.mvb-eyebrow,
.wp-block-post-terms,
.mvb-badge,
.mvb-spec-row__label,
.mvb-includes__title,
.mvb-condition-bars__title,
.mvb-specs-caliber__title,
.mvb-warranty-tracker__label,
.mvb-digital-passport__label,
.mvb-listing-price .mvb-badge,
[class*="eyebrow"],
[style*="text-transform: uppercase"],
[style*="textTransform: uppercase"] {
	letter-spacing: 0.14em !important;
}

p, li, td, th {
	font-family: var(--mvb-font-body);
}

/* Muted / secondary text */
.has-muted-color,
.mvb-muted,
.mvb-spec-row__label {
	color: var(--mvb-muted) !important;
}


/* =========================================================================
   4. GLASS CARD — BOUTIQUE REFRESH
   Replaces the old blurry frosted glass with a clean deep-navy card
   that uses a 1 px gold border as its sole accent.
   ========================================================================= */

.glass-card,
.glass-card--gold,
.glass-card--elevated {
	background: var(--mvb-navy-mid) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border: 1px solid var(--mvb-navy-border) !important;
	border-radius: var(--mvb-card-radius) !important;
	box-shadow: 0 4px 32px rgba(0, 0, 0, 0.45) !important;
	transition: border-color var(--mvb-t-base), box-shadow var(--mvb-t-base), transform var(--mvb-t-base) !important;
}

.glass-card:hover,
.glass-card--gold:hover,
.glass-card--elevated:hover {
	border-color: var(--mvb-navy-border-h) !important;
	box-shadow:
		0 8px 48px rgba(0, 0, 0, 0.55),
		0 0 0 1px rgba(212, 175, 55, 0.12) !important;
}

.glass-card--elevated:hover {
	transform: translateY(-3px) !important;
}


/* =========================================================================
   5. WATCH CARDS — BOUTIQUE LAYOUT
   Consistent aspect ratio, 2 rem padding, navy background, 1 px gold border.
   ========================================================================= */

/* Card wrapper */
.mvb-watch-card,
.wp-block-post-template li .wp-block-group,
.mvb-archive-card {
	background: var(--mvb-navy-mid) !important;
	border: 1px solid var(--mvb-navy-border) !important;
	border-radius: var(--mvb-card-radius) !important;
	overflow: hidden;
	transition: border-color var(--mvb-t-base), box-shadow var(--mvb-t-base), transform var(--mvb-t-base);
}

.mvb-watch-card:hover,
.wp-block-post-template li .wp-block-group:hover,
.mvb-archive-card:hover {
	border-color: var(--mvb-navy-border-h) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
	transform: translateY(-2px);
}

/* Enforce consistent image aspect ratio (4:5 portrait — suits watch photography) */
.mvb-watch-card .wp-block-post-featured-image,
.mvb-watch-card .wp-block-post-featured-image a,
.mvb-archive-card .wp-block-post-featured-image,
.wp-block-post-template li .wp-block-post-featured-image {
	display: block;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: var(--mvb-navy);
}

.mvb-watch-card .wp-block-post-featured-image img,
.mvb-archive-card .wp-block-post-featured-image img,
.wp-block-post-template li .wp-block-post-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.6s var(--mvb-ease);
}

.mvb-watch-card:hover .wp-block-post-featured-image img,
.wp-block-post-template li:hover .wp-block-post-featured-image img {
	transform: scale(1.04);
}

/* Card text padding — minimum 2 rem */
.mvb-watch-card .wp-block-post-title,
.mvb-watch-card .wp-block-post-excerpt,
.mvb-watch-card .wp-block-post-terms,
.mvb-watch-card .mvb-watch-card__price,
.mvb-watch-card .mvb-watch-card__cta,
.wp-block-post-template li .wp-block-post-title,
.wp-block-post-template li .wp-block-post-terms {
	padding-left: var(--mvb-card-pad);
	padding-right: var(--mvb-card-pad);
}

.mvb-watch-card .wp-block-post-title,
.wp-block-post-template li .wp-block-post-title {
	padding-top: 1.25rem;
	font-family: var(--mvb-font-head) !important;
	font-weight: 500;
	font-size: 1.0625rem;
	letter-spacing: 0.01em;
	line-height: 1.3;
}

.mvb-watch-card .mvb-watch-card__price {
	color: var(--mvb-gold) !important;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.04em;
}

/* Card CTA link — ghost pill */
.mvb-watch-card__cta {
	margin: 1rem var(--mvb-card-pad) 1.5rem;
	display: inline-block;
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--mvb-gold) !important;
	border: 1px solid var(--mvb-gold-dim) !important;
	border-radius: 2px;
	padding: 0.5rem 1.25rem;
	text-decoration: none;
	background: transparent !important;
	transition: background var(--mvb-t-fast), color var(--mvb-t-fast), border-color var(--mvb-t-fast);
}

.mvb-watch-card__cta:hover {
	background: var(--mvb-gold) !important;
	color: var(--mvb-navy) !important;
	border-color: var(--mvb-gold) !important;
}

/* Brand / taxonomy label above title */
.mvb-watch-card .wp-block-post-terms a,
.wp-block-post-template li .wp-block-post-terms a {
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mvb-gold) !important;
	text-decoration: none;
}


/* =========================================================================
   6. SERVICE / ACQUIRE-SELL-TRADE CARDS
   Uniform height, proper padding, lucid icon area.
   ========================================================================= */

.mvb-service-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: var(--mvb-card-pad) !important;
	background: var(--mvb-navy-mid) !important;
	border: 1px solid var(--mvb-navy-border) !important;
	border-radius: var(--mvb-card-radius) !important;
	min-height: 320px;
	transition: border-color var(--mvb-t-base), box-shadow var(--mvb-t-base);
}

.mvb-service-card:hover {
	border-color: var(--mvb-navy-border-h) !important;
	box-shadow: 0 8px 40px rgba(0, 0, 0, 0.45) !important;
}

/* Icon container — circular gold ring */
.mvb-service-card__icon,
.mvb-service-card > svg,
.mvb-service-card > .wp-block-image:first-child,
.mvb-service-card > figure:first-child {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--mvb-gold-dim);
	border-radius: 50%;
	margin-bottom: 1.5rem;
	flex-shrink: 0;
	color: var(--mvb-gold);
}

.mvb-service-card h3 {
	font-family: var(--mvb-font-head) !important;
	font-size: 1.125rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	margin-bottom: 0.75rem;
	color: var(--mvb-white);
}

.mvb-service-card p {
	font-size: 0.875rem;
	line-height: 1.7;
	color: var(--mvb-muted);
	margin-bottom: 0;
	flex: 1;
}

/* Equalise sibling service cards in a columns block */
.wp-block-columns:has(.mvb-service-card) .wp-block-column {
	display: flex;
	flex-direction: column;
}

.wp-block-columns:has(.mvb-service-card) .mvb-service-card {
	flex: 1;
}


/* =========================================================================
   7. SECTION SPACING — 100-150 px vertical rhythm
   ========================================================================= */

/* Top-level sections / groups on the home page */
body.home main > .wp-block-group,
body.page main > .wp-block-group,
.wp-block-post-content > .wp-block-group {
	padding-top:    var(--mvb-section-v) !important;
	padding-bottom: var(--mvb-section-v) !important;
}

/* Tighter on the hero (hero controls its own height) */
.mvb-video-hero,
.mvb-hero-section,
.wp-block-cover {
	padding-top:    0 !important;
	padding-bottom: 0 !important;
}

/* Adjacent section divider — subtle gold hair-line */
body.home main > .wp-block-group + .wp-block-group,
body.page main > .wp-block-group + .wp-block-group {
	border-top: 1px solid rgba(212, 175, 55, 0.08);
}


/* =========================================================================
   8. GHOST BUTTONS — premium CTA style
   Transparent background + 1 px gold border; fills gold on hover.
   Does NOT alter button href, data-* attributes, or any JS handler.
   ========================================================================= */

/* All WP block buttons */
.wp-block-button__link,
.wp-block-button__link:visited {
	background:   transparent !important;
	border:       1px solid var(--mvb-gold) !important;
	color:        var(--mvb-gold) !important;
	border-radius: 2px !important;
	font-family:  var(--mvb-font-body) !important;
	font-size:    0.875rem !important;
	font-weight:  600 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	padding:      0.9rem 2rem !important;
	text-decoration: none !important;
	transition:   background var(--mvb-t-fast), color var(--mvb-t-fast), border-color var(--mvb-t-fast) !important;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus-visible {
	background:   var(--mvb-gold) !important;
	color:        var(--mvb-navy) !important;
	border-color: var(--mvb-gold) !important;
	outline:      none !important;
}

/* Solid variant — keeps the filled primary button for highest-priority CTAs */
.wp-block-button.is-style-fill .wp-block-button__link,
.mvb-btn-primary .wp-block-button__link {
	background:   var(--mvb-gold) !important;
	color:        var(--mvb-navy) !important;
	border-color: var(--mvb-gold) !important;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
.mvb-btn-primary .wp-block-button__link:hover {
	background:   var(--mvb-gold-light) !important;
	border-color: var(--mvb-gold-light) !important;
}

/* Inquiry / make-offer buttons that are styled via class but still plain <a> */
.mvb-offer-btn,
.mvb-email-capture__btn {
	background:   transparent;
	border:       1px solid var(--mvb-gold);
	color:        var(--mvb-gold);
	border-radius: 2px;
	font-family:  var(--mvb-font-body);
	font-size:    0.75rem;
	font-weight:  600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding:      0.9rem 2rem;
	cursor:       pointer;
	transition:   background var(--mvb-t-fast), color var(--mvb-t-fast);
}

.mvb-offer-btn:hover,
.mvb-email-capture__btn:hover {
	background: var(--mvb-gold);
	color:      var(--mvb-navy);
}


/* =========================================================================
   9. HEADER — sticky bar + logo blend
   ========================================================================= */

.mvb-header-transparent {
	background: var(--mvb-navy) !important;
	border-bottom: 1px solid rgba(212, 175, 55, 0.08);
	transition: background 0.3s ease;
}

/* Logo: use full-res source, let CSS control display size */
.mvb-header-logo {
	height: 140px !important;
	width: auto !important;
	display: block !important;
	mix-blend-mode: lighten;
	object-fit: contain;
}

@media (max-width: 768px) {
	.mvb-header-logo {
		height: 90px !important;
	}
}

/* Anchor nav links */
.mvb-anchor-nav {
	display: flex;
	align-items: center;
	gap: 2rem;
}

.mvb-anchor-nav a {
	font-family: var(--mvb-font-body) !important;
	font-size: 0.8125rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: var(--mvb-white) !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.mvb-anchor-nav a:hover {
	color: var(--mvb-gold) !important;
}


/* =========================================================================
   10. NAVIGATION — block nav polish
   ========================================================================= */

.wp-block-navigation a,
.wp-block-navigation__responsive-container a {
	font-family:    var(--mvb-font-body) !important;
	font-size:      0.75rem !important;
	font-weight:    500 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color:          var(--mvb-white) !important;
	text-decoration: none !important;
	transition:     color var(--mvb-t-fast) !important;
}

.wp-block-navigation a:hover {
	color: var(--mvb-gold) !important;
}

/* Active nav item */
.wp-block-navigation .current-menu-item > a {
	color: var(--mvb-gold) !important;
}


/* =========================================================================
   10. FORM INPUTS — glass style aligned with boutique palette
   ========================================================================= */

.glass-input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
select,
textarea {
	background:   rgba(10, 17, 40, 0.6) !important;
	border:       1px solid rgba(212, 175, 55, 0.2) !important;
	border-radius: 3px !important;
	color:        var(--mvb-white) !important;
	font-family:  var(--mvb-font-body) !important;
	font-size:    0.9rem !important;
	padding:      0.75rem 1rem !important;
	transition:   border-color var(--mvb-t-fast) !important;
	outline:      none !important;
}

.glass-input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	border-color: var(--mvb-gold) !important;
	box-shadow:   0 0 0 2px rgba(212, 175, 55, 0.12) !important;
}

.glass-input::placeholder {
	color: var(--mvb-muted) !important;
	opacity: 1 !important;
}


/* =========================================================================
   11. GOLD DIVIDERS / SEPARATOR
   ========================================================================= */

.wp-block-separator,
hr.gold-divider {
	border: none !important;
	height: 1px !important;
	background: linear-gradient(
		90deg,
		transparent,
		var(--mvb-gold-dim) 25%,
		var(--mvb-gold-dim) 75%,
		transparent
	) !important;
	opacity: 0.6;
}


/* =========================================================================
   12. ABOUT SECTION — UFC photo treatment
   Blend the action photo into the dark background with layered gradients.
   ========================================================================= */

/* Position the panel so pseudo-elements can overlay it */
.mvb-about-image-panel {
	position: relative;
	overflow: hidden;
}

/* Desaturate the photo slightly so it reads as "editorial" not "sports promo" */
.mvb-about-img-primary {
	filter: saturate(0.75) brightness(0.82) !important;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

/* Overlay: dark-navy gradient that bleeds from all four edges */
.mvb-about-image-panel::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		/* top fade — logo/face area stays visible, edges go dark */
		linear-gradient(to bottom,  rgba(10,17,40,0.45) 0%, transparent 30%),
		/* bottom heavy fade into page bg */
		linear-gradient(to top,     rgba(10,17,40,0.88) 0%, transparent 45%),
		/* right side bleeds toward text column */
		linear-gradient(to left,    rgba(10,17,40,0.72) 0%, transparent 40%),
		/* left vignette */
		linear-gradient(to right,   rgba(10,17,40,0.30) 0%, transparent 25%);
	z-index: 1;
}

/* Keep the watch-badge and credential badge above the overlay */
.mvb-about-headshot-badge,
.mvb-about-badge {
	position: relative;
	z-index: 2;
}


/* =========================================================================
   14. HERO — boutique overlay refinement
   ========================================================================= */

/* Cinematic bottom vignette on video hero */
.mvb-video-hero::before,
.wp-block-cover::after {
	background: linear-gradient(
		to bottom,
		transparent 40%,
		rgba(10, 17, 40, 0.55) 70%,
		rgba(10, 17, 40, 0.92) 100%
	) !important;
}


/* =========================================================================
   13. LISTING SIDEBAR — boutique price + spec refinements
   ========================================================================= */

.mvb-listing-sidebar {
	background: var(--mvb-navy-raised) !important;
	border: 1px solid var(--mvb-navy-border) !important;
	border-radius: var(--mvb-card-radius) !important;
}

.mvb-price-display__amount {
	font-family:  var(--mvb-font-head) !important;
	font-size:    clamp(1.5rem, 3vw, 2.25rem) !important;
	font-weight:  500 !important;
	letter-spacing: -0.01em !important;
	color:        var(--mvb-gold) !important;
}

.mvb-price-display__por {
	font-family:  var(--mvb-font-head) !important;
	font-style:   italic;
	font-size:    1.25rem !important;
	color:        var(--mvb-muted) !important;
}

.mvb-spec-row {
	display:       flex;
	justify-content: space-between;
	align-items:   baseline;
	padding:       0.5rem 0;
	border-bottom: 1px solid rgba(212, 175, 55, 0.06);
	gap:           1rem;
}

.mvb-spec-row__label {
	font-size:      0.8125rem;
	font-weight:    600;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color:          var(--mvb-muted) !important;
}

.mvb-spec-row__value {
	font-size:  0.9rem;
	color:      var(--mvb-white);
	text-align: right;
}


/* =========================================================================
   14. ARCHIVE PAGE — filter bar + grid refinements
   ========================================================================= */

/* Filter form inputs */
.mvb-watch-filters input,
.mvb-watch-filters select,
.mvb-watch-filters button {
	background:   rgba(10, 17, 40, 0.7) !important;
	border:       1px solid rgba(212, 175, 55, 0.18) !important;
	color:        var(--mvb-white) !important;
	border-radius: 3px;
}

.mvb-watch-filters button[type="submit"],
.mvb-filter-apply {
	background:   var(--mvb-gold) !important;
	color:        var(--mvb-navy) !important;
	border-color: var(--mvb-gold) !important;
	font-weight:  700 !important;
}

/* Grid gap */
.mvb-watch-grid,
.wp-block-post-template.is-flex-container {
	gap: 1.5rem !important;
}


/* =========================================================================
   15. RESPONSIVE ADJUSTMENTS
   ========================================================================= */

@media (max-width: 1024px) {
	:root {
		--mvb-section-v: 90px;
	}
}

@media (max-width: 768px) {
	:root {
		--mvb-section-v:  70px;
		--mvb-card-pad:   1.25rem;
	}

	body.home main > .wp-block-group,
	body.page main > .wp-block-group {
		padding-top:    var(--mvb-section-v) !important;
		padding-bottom: var(--mvb-section-v) !important;
	}

	.mvb-price-display__amount {
		font-size: 1.75rem !important;
	}
}


/* =========================================================================
   CHECKBOXES — fix clickability on dark theme
   ========================================================================= */

.glass-checkbox input[type="checkbox"],
input[type="checkbox"] {
	appearance: none !important;
	-webkit-appearance: none !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	background: rgba(255,255,255,0.06) !important;
	border: 2px solid rgba(212, 175, 55, 0.4) !important;
	border-radius: 3px !important;
	cursor: pointer !important;
	position: relative !important;
	display: inline-block !important;
	vertical-align: middle !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
}

.glass-checkbox input[type="checkbox"]:checked,
input[type="checkbox"]:checked {
	background: var(--mvb-gold, #D4AF37) !important;
	border-color: var(--mvb-gold, #D4AF37) !important;
}

.glass-checkbox input[type="checkbox"]:checked::after,
input[type="checkbox"]:checked::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 1px;
	width: 6px;
	height: 11px;
	border: solid #0A1128;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.glass-checkbox label {
	cursor: pointer !important;
	color: var(--mvb-muted, #8A9BB5) !important;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
	user-select: none;
}


/* =========================================================================
   FUNNEL / LANDING PAGES — Boutique polish
   ========================================================================= */

/* Hero sections on funnel pages */
.mvb-funnel-hero,
.page .wp-block-cover {
	min-height: 55vh !important;
}

.mvb-funnel-hero .wp-block-cover__inner-container {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

/* Glass cards on funnel pages — match boutique palette */
.glass-surface,
.mvb-funnel-form {
	background: var(--mvb-navy-mid, #0F1A35) !important;
	border: 1px solid var(--mvb-navy-border, rgba(212, 175, 55, 0.16)) !important;
	border-radius: var(--mvb-card-radius, 6px) !important;
	padding: 2rem !important;
}

/* Funnel section headings */
.page .wp-block-group h2,
.page .wp-block-group h3 {
	font-family: var(--mvb-font-head) !important;
	color: var(--mvb-white) !important;
}

/* Funnel submit buttons — gold filled */
.mvb-funnel-submit,
.mvb-funnel-form button[type="submit"],
.mvb-funnel-form .wp-block-button__link {
	background: var(--mvb-gold) !important;
	color: var(--mvb-navy) !important;
	border: 1px solid var(--mvb-gold) !important;
	border-radius: 2px !important;
	font-family: var(--mvb-font-body) !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	padding: 0.9rem 2rem !important;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
	width: 100%;
}

.mvb-funnel-submit:hover,
.mvb-funnel-form button[type="submit"]:hover {
	background: var(--mvb-gold-light) !important;
}

/* Funnel form inputs */
.mvb-funnel-form input,
.mvb-funnel-form select,
.mvb-funnel-form textarea {
	background: rgba(10, 17, 40, 0.6) !important;
	border: 1px solid rgba(212, 175, 55, 0.2) !important;
	border-radius: 3px !important;
	color: var(--mvb-white) !important;
	font-family: var(--mvb-font-body) !important;
	font-size: 0.9rem !important;
	padding: 0.75rem 1rem !important;
}

.mvb-funnel-form input:focus,
.mvb-funnel-form select:focus,
.mvb-funnel-form textarea:focus {
	border-color: var(--mvb-gold) !important;
	box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.12) !important;
	outline: none !important;
}

/* Value prop / feature cards in funnels */
.page .glass-card,
.page .glass-card--gold {
	background: var(--mvb-navy-mid) !important;
	border: 1px solid var(--mvb-navy-border) !important;
	border-radius: var(--mvb-card-radius) !important;
	padding: 2rem !important;
}

.page .glass-card:hover,
.page .glass-card--gold:hover {
	border-color: var(--mvb-navy-border-h) !important;
	transform: translateY(-2px);
}

/* FAQ accordion on funnel pages */
.page .mvb-faq-item {
	background: var(--mvb-navy-mid) !important;
	border: 1px solid var(--mvb-navy-border) !important;
	border-radius: var(--mvb-card-radius) !important;
	margin-bottom: 0.75rem;
}

.page .mvb-faq-question {
	font-family: var(--mvb-font-head) !important;
	font-size: 1.0625rem !important;
	font-weight: 500 !important;
	color: var(--mvb-white) !important;
	padding: 1.25rem 1.5rem !important;
	cursor: pointer;
}

.page .mvb-faq-answer {
	font-size: 0.9375rem !important;
	line-height: 1.75 !important;
	color: var(--mvb-muted) !important;
	padding: 0 1.5rem 1.25rem !important;
}

/* Specs grid / table on funnel pages */
.page .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	background: var(--mvb-navy-mid) !important;
	border: 1px solid var(--mvb-navy-border) !important;
	border-radius: var(--mvb-card-radius) !important;
	overflow: hidden;
}

.page .wp-block-table td,
.page .wp-block-table th {
	padding: 0.75rem 1.25rem !important;
	border-bottom: 1px solid rgba(212, 175, 55, 0.06) !important;
	color: var(--mvb-white) !important;
	font-size: 0.9375rem !important;
}

.page .wp-block-table th {
	color: var(--mvb-gold) !important;
	font-weight: 600 !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
}

/* Timeline on wiki pages */
.mvb-timeline__item {
	border-left: 2px solid rgba(212, 175, 55, 0.2) !important;
}

.mvb-timeline__dot,
.mvb-timeline__dot--gold {
	background: var(--mvb-gold) !important;
	border: 2px solid var(--mvb-navy) !important;
}

.mvb-timeline__content {
	background: var(--mvb-navy-mid) !important;
	border: 1px solid var(--mvb-navy-border) !important;
	border-radius: var(--mvb-card-radius) !important;
	padding: 1.5rem !important;
}

.mvb-timeline__badge {
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: var(--mvb-gold) !important;
}

.mvb-timeline__title {
	font-family: var(--mvb-font-head) !important;
	font-size: 1.125rem !important;
	font-weight: 500 !important;
	color: var(--mvb-white) !important;
}

/* Gold dividers in funnels */
.page .gold-divider,
.page hr.gold-divider {
	background: linear-gradient(
		90deg,
		transparent,
		var(--mvb-gold-dim) 25%,
		var(--mvb-gold-dim) 75%,
		transparent
	) !important;
	border: none !important;
	height: 1px !important;
	margin: 2rem auto !important;
	max-width: 120px;
}

/* Model list / popular models pills */
.page .wp-block-tag-cloud a,
.mvb-model-pill {
	background: transparent !important;
	border: 1px solid var(--mvb-gold-dim) !important;
	color: var(--mvb-gold) !important;
	font-weight: 500 !important;
	border-radius: 2px !important;
	padding: 0.4rem 1rem !important;
	font-size: 0.8125rem !important;
	text-decoration: none !important;
	transition: background 0.2s, color 0.2s;
}

.page .wp-block-tag-cloud a:hover,
.mvb-model-pill:hover {
	background: var(--mvb-gold) !important;
	color: var(--mvb-navy) !important;
}

/* CTA sections on funnel pages */
.page .wp-block-group.has-gold-background-color {
	background: var(--mvb-gold) !important;
	padding: 3rem !important;
	border-radius: var(--mvb-card-radius) !important;
}

.page .wp-block-group.has-gold-background-color h2,
.page .wp-block-group.has-gold-background-color h3,
.page .wp-block-group.has-gold-background-color p {
	color: var(--mvb-navy) !important;
}

/* Eyebrow labels in funnels */
.page .mvb-eyebrow {
	color: var(--mvb-gold) !important;
	font-weight: 500 !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
}


/* =========================================================================
   MODERN LUXURY FOOTER
   Think Rolex.com / Porsche / Leica — deep charcoal, generous whitespace,
   champagne gold used sparingly, flat minimalist buttons.
   ========================================================================= */

/* Footer container — deep charcoal, not navy */
.wp-block-group.has-charcoal-background-color {
	background: #121212 !important;
	border-top: 1px solid rgba(212, 175, 55, 0.08) !important;
	padding: 100px 48px 60px !important;
}

/* Footer columns — generous spacing */
footer .wp-block-columns,
.wp-block-group.has-charcoal-background-color > .wp-block-columns {
	gap: 80px !important;
}

/* Footer brand heading — large serif, confident */
.wp-block-group.has-charcoal-background-color h3 {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: 1.75rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em !important;
	color: #F5F3EE !important;
	margin-bottom: 1.25rem !important;
}

/* Footer description */
.wp-block-group.has-charcoal-background-color p {
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 0.9375rem !important;
	line-height: 1.8 !important;
	color: rgba(245, 243, 238, 0.5) !important;
}

/* Footer gold divider — thin, elegant */
.wp-block-group.has-charcoal-background-color .gold-divider,
.wp-block-group.has-charcoal-background-color hr {
	background: rgba(212, 175, 55, 0.15) !important;
	height: 1px !important;
	border: none !important;
	margin: 2rem 0 !important;
	max-width: 60px !important;
}

/* Footer column headings — champagne gold, ultra-spaced */
.wp-block-group.has-charcoal-background-color h4,
.wp-block-group.has-charcoal-background-color .has-gold-color {
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.2em !important;
	text-transform: uppercase !important;
	color: #D4AF37 !important;
	margin-bottom: 1.5rem !important;
}

/* Footer link lists — clean, generous line-height */
.wp-block-group.has-charcoal-background-color ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.wp-block-group.has-charcoal-background-color ul li {
	margin-bottom: 0.75rem !important;
	font-size: 0.875rem !important;
	line-height: 1.6 !important;
}

.wp-block-group.has-charcoal-background-color ul li a {
	color: rgba(245, 243, 238, 0.55) !important;
	text-decoration: none !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-weight: 400 !important;
	transition: color 0.25s ease !important;
}

.wp-block-group.has-charcoal-background-color ul li a:hover {
	color: #D4AF37 !important;
}

/* Footer connect section — email, phone, social */
.wp-block-group.has-charcoal-background-color a[href^="mailto"],
.wp-block-group.has-charcoal-background-color a[href^="tel"] {
	color: rgba(245, 243, 238, 0.55) !important;
	font-size: 0.875rem !important;
	transition: color 0.25s ease !important;
}

.wp-block-group.has-charcoal-background-color a[href^="mailto"]:hover,
.wp-block-group.has-charcoal-background-color a[href^="tel"]:hover {
	color: #D4AF37 !important;
}

/* Footer social icons */
.mvb-footer-social-icon {
	color: rgba(245, 243, 238, 0.3) !important;
	transition: color 0.25s ease !important;
}

.mvb-footer-social-icon:hover {
	color: #D4AF37 !important;
}

/* Footer bottom bar — separator + copyright */
.wp-block-group.has-charcoal-background-color > .wp-block-separator {
	background: rgba(255, 255, 255, 0.06) !important;
	max-width: 100% !important;
	margin: 60px 0 40px !important;
}

.wp-block-group.has-charcoal-background-color .has-muted-color {
	color: rgba(245, 243, 238, 0.25) !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.04em !important;
}

.wp-block-group.has-charcoal-background-color .has-muted-color a {
	color: rgba(245, 243, 238, 0.35) !important;
	text-decoration: none !important;
}

.wp-block-group.has-charcoal-background-color .has-muted-color a:hover {
	color: #D4AF37 !important;
}

/* Footer responsive */
@media (max-width: 768px) {
	.wp-block-group.has-charcoal-background-color {
		padding: 60px 24px 40px !important;
	}
	.wp-block-group.has-charcoal-background-color > .wp-block-columns {
		gap: 40px !important;
	}
}


/* =========================================================================
   MODERN LUXURY EMAIL CAPTURE / NEWSLETTER FORM
   Minimal, flat, generous breathing room.
   ========================================================================= */

/* Section wrapper — deep charcoal, not navy */
.wp-block-group.has-dark-gray-background-color {
	background: #121212 !important;
	border-top: 1px solid rgba(212, 175, 55, 0.06) !important;
	border-bottom: 1px solid rgba(212, 175, 55, 0.06) !important;
	padding: 100px 40px !important;
}

/* Heading */
.wp-block-group.has-dark-gray-background-color h2 {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em !important;
	text-transform: none !important;
	color: #F5F3EE !important;
	margin-bottom: 1rem !important;
}

/* Description */
.wp-block-group.has-dark-gray-background-color .has-muted-color,
.wp-block-group.has-dark-gray-background-color p {
	color: rgba(245, 243, 238, 0.45) !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 0.9375rem !important;
	line-height: 1.7 !important;
}

/* Form row */
.mvb-email-capture__row {
	display: flex;
	gap: 0;
	max-width: 520px;
	margin: 2.5rem auto 0;
}

/* Input */
.mvb-email-capture__input,
.mvb-email-capture .mvb-email-capture__input {
	flex: 1;
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-right: none !important;
	border-radius: 0 !important;
	color: #F5F3EE !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 0.9375rem !important;
	padding: 16px 20px !important;
	outline: none !important;
	transition: border-color 0.3s ease !important;
}

.mvb-email-capture__input:focus {
	border-color: rgba(212, 175, 55, 0.4) !important;
}

.mvb-email-capture__input::placeholder {
	color: rgba(245, 243, 238, 0.25) !important;
	font-weight: 400 !important;
}

/* Submit button — flat solid gold, no gradient, no heavy border */
.mvb-email-capture__btn,
.mvb-email-capture .mvb-email-capture__btn {
	background: #D4AF37 !important;
	color: #121212 !important;
	border: 1px solid #D4AF37 !important;
	border-radius: 0 !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	padding: 16px 32px !important;
	cursor: pointer !important;
	white-space: nowrap;
	transition: background 0.3s ease, color 0.3s ease !important;
}

.mvb-email-capture__btn:hover {
	background: transparent !important;
	color: #D4AF37 !important;
}

/* Note below form */
.mvb-email-capture__note {
	text-align: center;
	color: rgba(245, 243, 238, 0.2) !important;
	font-size: 0.75rem !important;
	margin-top: 1.25rem !important;
	letter-spacing: 0.02em !important;
}

/* Responsive */
@media (max-width: 600px) {
	.mvb-email-capture__row {
		flex-direction: column;
		gap: 0;
	}
	.mvb-email-capture__input {
		border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
		border-bottom: none !important;
	}
	.wp-block-group.has-dark-gray-background-color {
		padding: 60px 20px !important;
	}
}


/* =========================================================================
   MODERN LUXURY FORMS — All site forms (inquiry, consultation, funnel)
   ========================================================================= */

/* General form inputs — charcoal bg, subtle border */
.mvb-consultation-engine input,
.mvb-consultation-engine select,
.mvb-consultation-engine textarea,
.mvb-funnel-form input,
.mvb-funnel-form select,
.mvb-funnel-form textarea {
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 0 !important;
	color: #F5F3EE !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 0.9375rem !important;
	padding: 16px 20px !important;
	transition: border-color 0.3s ease !important;
	outline: none !important;
}

.mvb-consultation-engine input:focus,
.mvb-funnel-form input:focus,
.mvb-consultation-engine textarea:focus,
.mvb-funnel-form textarea:focus {
	border-color: rgba(212, 175, 55, 0.5) !important;
}

.mvb-consultation-engine input::placeholder,
.mvb-funnel-form input::placeholder,
.mvb-consultation-engine textarea::placeholder,
.mvb-funnel-form textarea::placeholder {
	color: rgba(245, 243, 238, 0.2) !important;
}

/* Form submit buttons — flat gold, no gradient */
.mvb-consultation-engine button[type="submit"],
.mvb-consultation-engine .mvb-ce-btn,
.mvb-funnel-submit,
.mvb-funnel-form button[type="submit"] {
	background: #D4AF37 !important;
	color: #121212 !important;
	border: none !important;
	border-radius: 0 !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	padding: 18px 40px !important;
	cursor: pointer !important;
	transition: opacity 0.3s ease !important;
	width: 100%;
}

.mvb-consultation-engine button[type="submit"]:hover,
.mvb-consultation-engine .mvb-ce-btn:hover,
.mvb-funnel-submit:hover,
.mvb-funnel-form button[type="submit"]:hover {
	opacity: 0.85 !important;
}

/* Ghost button variant */
.mvb-consultation-engine .is-style-outline .wp-block-button__link,
.mvb-ghost-btn {
	background: transparent !important;
	color: #D4AF37 !important;
	border: 1px solid rgba(212, 175, 55, 0.35) !important;
	border-radius: 0 !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-size: 0.8125rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	padding: 16px 36px !important;
	transition: background 0.3s ease, color 0.3s ease !important;
}

.mvb-consultation-engine .is-style-outline .wp-block-button__link:hover,
.mvb-ghost-btn:hover {
	background: #D4AF37 !important;
	color: #121212 !important;
}