/* =====================================================================
   MWI header v2 "Invitation" (2026-10-20, client pick: concept 02)

   A floating cloud card under the gold strip, drawn like a printed
   invitation: 1px edge, an inset antique-gold hairline, the site's
   TL + BR chamfer. Services opens a panel of the seven services with
   the Services page's own photograph for each.

   Content lives in Elementor (Header EN 16 / TR 17): the CTA button and
   the .mwi-mega container. Both are marked hidden on every device in
   Elementor, so they only exist while this layer is loaded.

   Undo, one call:
     novamira/disable-file  wp-content/novamira-sandbox/mwi-header-v2.php

   Specificity: the header is owned by two-id !important rules
   (#mwi-header#mwi-header ... in mwi-header-unify.css, hard-edge at
   (2,3,1)), so every rule here starts with three ids.
   No filter / transform / clip-path on #mwi-header or any ancestor of
   the Xpro off-canvas panel: those would clip or trap the fixed panel.
   The card is painted on the header's own pseudo-elements instead.
   ===================================================================== */

:root {
	--hv-cloud: #FBF8F3;
	--hv-ink: #2B2118;
	--hv-ink-soft: #6E6152;
	--hv-faint: #9C9082;
	--hv-gold: #B9924E;
	--hv-gold-soft: #DCC48F;
	--hv-gold-deep: #A8823F;
	--hv-esp: #241A12;
	--hv-esp-90: #2E2318;
	--hv-mocha: #7C5A41;
	--hv-line: rgba(36, 26, 18, .12);
	--hv-font: "Frank Ruhl Libre", Georgia, "Iowan Old Style", serif;
	--hv-ease: cubic-bezier(.22, .61, .36, 1);
	--hv-out: cubic-bezier(.16, 1, .3, 1);
	--hv-gap: clamp(12px, 3vw, 40px);
	/* chamfer 14px, hairline inset 5px (k = 14 - 5*(sqrt2 - 1) ... = 11.07px) */
	--hv-cut: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
	--hv-surface:
		linear-gradient(135deg, transparent calc(50% - 1px), rgba(36, 26, 18, .15) calc(50% - 1px), rgba(36, 26, 18, .15) calc(50% + 1px), transparent calc(50% + 1px)) left top / 14px 14px no-repeat border-box,
		linear-gradient(135deg, transparent calc(50% - 1px), rgba(36, 26, 18, .15) calc(50% - 1px), rgba(36, 26, 18, .15) calc(50% + 1px), transparent calc(50% + 1px)) right bottom / 14px 14px no-repeat border-box,
		linear-gradient(135deg, transparent calc(50% - .55px), rgba(185, 146, 78, .5) calc(50% - .55px), rgba(185, 146, 78, .5) calc(50% + .55px), transparent calc(50% + .55px)) left 5px top 5px / 11.07px 11.07px no-repeat border-box,
		linear-gradient(135deg, transparent calc(50% - .55px), rgba(185, 146, 78, .5) calc(50% - .55px), rgba(185, 146, 78, .5) calc(50% + .55px), transparent calc(50% + .55px)) right 5px bottom 5px / 11.07px 11.07px no-repeat border-box,
		linear-gradient(rgba(185, 146, 78, .5), rgba(185, 146, 78, .5)) left 16.07px top 5px / calc(100% - 21.07px) 1px no-repeat border-box,
		linear-gradient(rgba(185, 146, 78, .5), rgba(185, 146, 78, .5)) right 5px top 5px / 1px calc(100% - 21.07px) no-repeat border-box,
		linear-gradient(rgba(185, 146, 78, .5), rgba(185, 146, 78, .5)) left 5px bottom 5px / calc(100% - 21.07px) 1px no-repeat border-box,
		linear-gradient(rgba(185, 146, 78, .5), rgba(185, 146, 78, .5)) left 5px top 16.07px / 1px calc(100% - 21.07px) no-repeat border-box,
		linear-gradient(#FBF8F3, #FBF8F3) border-box;
	--hv-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B9924E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	--hv-chev-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B9924E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E");
	--hv-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13.5 6.5 19 12l-5.5 5.5'/%3E%3C/svg%3E");
}

/* ---------- 1. the gold strip steps away once the page scrolls ---------- */
#mwi-topbar#mwi-topbar {
	transition: transform .55s var(--hv-ease);
}
html.mwi-hv-scrolled #mwi-topbar#mwi-topbar {
	transform: translateY(-100%);
}

/* ---------- 2. the card: an inset, floating header ---------- */
#mwi-header#mwi-header#mwi-header {
	top: calc(var(--mwi-tb-h, 0px) + 14px) !important;
	left: var(--hv-gap) !important;
	right: var(--hv-gap) !important;
	width: auto !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	background: transparent !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	box-shadow: none !important;
	border: 0 !important;
	color: var(--hv-ink);
	transition: top .55s var(--hv-ease) !important;
}
html.mwi-hv-scrolled #mwi-header#mwi-header#mwi-header {
	top: 12px !important;
}

/* soft espresso shadow, tinted, never black */
#mwi-header#mwi-header#mwi-header::before,
#mwi-header#mwi-header#mwi-header > .mwi-mega.is-armed::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 16px !important;
	right: 22px !important;
	bottom: -10px !important;
	left: 22px !important;
	width: auto !important;
	height: auto !important;
	z-index: -2 !important;
	background: rgba(36, 26, 18, .2) !important;
	filter: blur(18px);
	opacity: 1 !important;
	border-radius: 0 !important;
	mix-blend-mode: normal !important;
	animation: none !important;
	transform: none !important;
	box-shadow: none !important;
	pointer-events: none !important;
}

/* the invitation surface */
#mwi-header#mwi-header#mwi-header::after,
#mwi-header#mwi-header#mwi-header > .mwi-mega.is-armed::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: auto !important;
	height: auto !important;
	z-index: -1 !important;
	box-sizing: border-box !important;
	border: 1px solid rgba(36, 26, 18, .15) !important;
	border-radius: 0 !important;
	background: var(--hv-surface) !important;
	-webkit-clip-path: var(--hv-cut);
	clip-path: var(--hv-cut);
	opacity: 1 !important;
	animation: none !important;
	transform: none !important;
	box-shadow: none !important;
	filter: none !important;
	mix-blend-mode: normal !important;
	pointer-events: none !important;
}

/* ---------- 3. the row inside the card ---------- */
#mwi-header#mwi-header#mwi-header > .e-con:not(.mwi-mega) {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 20px !important;
	min-height: 84px !important;
	padding: 0 14px 0 30px !important;
	margin: 0 !important;
	background: none !important;
	transition: min-height .55s var(--hv-ease) !important;
}
html.mwi-hv-scrolled #mwi-header#mwi-header#mwi-header > .e-con:not(.mwi-mega) {
	min-height: 70px !important;
}
/* the TR template's row is a boxed container: its children sit in .e-con-inner */
#mwi-header#mwi-header#mwi-header > .e-con:not(.mwi-mega) > .e-con-inner {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 20px !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#mwi-header#mwi-header#mwi-header .mwi-header-col,
#mwi-header#mwi-header#mwi-header .mwi-logo-wrap {
	padding: 0 !important;
	margin: 0 !important;
}
#mwi-header#mwi-header#mwi-header .mwi-logo-mark img {
	height: 48px !important;
	width: auto !important;
	max-width: none !important;
	filter: none !important;
	transition: height .55s var(--hv-ease) !important;
}
html.mwi-hv-scrolled #mwi-header#mwi-header#mwi-header .mwi-logo-mark img {
	height: 42px !important;
}
/* the dancing couple (mwi-couple.js, desktop only) stays under the logo,
   and the logo + couple pair is what gets centred in the card */
#mwi-header#mwi-header#mwi-header .mwi-logo-wrap:has(> .mwi-couple) {
	padding-bottom: 19px !important;
	transition: padding .55s var(--hv-ease) !important;
}
#mwi-header#mwi-header#mwi-header .mwi-logo-wrap > .mwi-couple {
	top: calc(100% - 23px) !important;
	width: 24px !important;
	height: 24px !important;
	margin-left: 2px !important;
}
html.mwi-hv-scrolled #mwi-header#mwi-header#mwi-header .mwi-logo-wrap:has(> .mwi-couple) {
	padding-bottom: 17px !important;
}
html.mwi-hv-scrolled #mwi-header#mwi-header#mwi-header .mwi-logo-wrap > .mwi-couple {
	top: calc(100% - 20px) !important;
	width: 22px !important;
	height: 22px !important;
	margin-left: 3px !important;
}

/* actions: language, rings, CTA */
#mwi-header#mwi-header#mwi-header .mwi-actions-col {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex: 0 0 auto !important;
	width: auto !important;
	margin-left: auto !important;
}
#mwi-header#mwi-header#mwi-header .mwi-actions-col > .elementor-element,
#mwi-header#mwi-header#mwi-header .mwi-lang-card > .elementor-element,
#mwi-header#mwi-header#mwi-header .mwi-lang-card .elementor-widget-container {
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
}

/* language: one chamfered segmented control, the current language filled gold */
#mwi-header#mwi-header#mwi-header .mwi-lang-card {
	--c: 6px !important;
	background-color: var(--hv-cloud) !important;
	border: 1px solid rgba(36, 26, 18, .16) !important;
	border-radius: 0 !important;
	padding: 3px !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}
#mwi-header#mwi-header#mwi-header .mwi-lang-card ul {
	display: flex !important;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
#mwi-header#mwi-header#mwi-header .mwi-lang-card li {
	margin: 0 !important;
	padding: 0 !important;
}
#mwi-header#mwi-header#mwi-header .mwi-lang-card li a {
	display: grid !important;
	place-items: center !important;
	min-width: 34px !important;
	height: 28px !important;
	padding: 0 4px !important;
	margin: 0 !important;
	font-family: var(--hv-font) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .14em !important;
	line-height: 1 !important;
	color: var(--hv-ink-soft) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	transition: color .3s var(--hv-ease), background-color .35s var(--hv-ease) !important;
}
#mwi-header#mwi-header#mwi-header .mwi-lang-card li a:hover {
	color: var(--hv-esp) !important;
}
#mwi-header#mwi-header#mwi-header .mwi-lang-card li.current-lang a {
	background: var(--hv-gold-soft) !important;
	color: var(--hv-esp) !important;
	-webkit-clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
	clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
}

/* rings: bare on the card, no frame of their own */
#mwi-header#mwi-header#mwi-header .mwi-account-icon,
#mwi-header#mwi-header#mwi-header .mwi-account-icon:hover {
	background: transparent !important;
	background-image: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	-webkit-clip-path: none !important;
	clip-path: none !important;
	transform: none !important;
}
#mwi-header#mwi-header#mwi-header .mwi-account-icon {
	min-width: 44px !important;
	min-height: 44px !important;
	justify-content: center !important;
	align-items: center !important;
}

/* CTA: shown only where the bar has the room for it */
#mwi-header#mwi-header#mwi-header .mwi-hdr-cta {
	display: none !important;
}

/* ---------- 4. desktop navigation ---------- */
@media (min-width: 1025px) {
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap {
		flex: 1 1 auto !important;
		display: flex !important;
		justify-content: center !important;
		min-width: 0 !important;
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		background: none !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		-webkit-clip-path: none !important;
		clip-path: none !important;
		animation: none !important;
		overflow: visible !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap::before,
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap::after {
		content: none !important;
		display: none !important;
		animation: none !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav {
		gap: 0 !important;
		justify-content: center !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li > a {
		position: relative !important;
		padding: 10px 1px !important;
		margin: 0 clamp(9px, 1.25vw, 20px) !important;
		font-family: var(--hv-font) !important;
		font-size: 15.5px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		line-height: 1.4 !important;
		white-space: nowrap !important;
		color: var(--hv-ink) !important;
		background-color: transparent !important;
		text-shadow: none !important;
		transition: color .3s var(--hv-ease) !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li > a::after {
		content: "" !important;
		display: block !important;
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 5px !important;
		height: 1px !important;
		width: auto !important;
		background: var(--hv-gold) !important;
		box-shadow: none !important;
		transform: scaleX(0);
		transform-origin: left center;
		transition: transform .5s var(--hv-out) !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li > a:hover,
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li > a:focus-visible,
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li.mwi-hv-open > a {
		color: var(--hv-mocha) !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li > a:hover::after,
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li > a:focus-visible::after,
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li.mwi-hv-open > a::after,
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li.current-menu-item > a::after {
		transform: scaleX(1);
	}
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li.current-menu-item > a {
		color: var(--hv-esp) !important;
	}
	/* Services carries the panel: a gold chevron, flipped while open */
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li > a[href$="/services/"],
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li > a[href$="/hizmetler/"] {
		padding-right: 18px !important;
		background-image: var(--hv-chev) !important;
		background-repeat: no-repeat !important;
		background-position: right 1px center !important;
		background-size: 11px 11px !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap .xpro-elementor-horizontal-navbar-nav > li.mwi-hv-open > a {
		background-image: var(--hv-chev-up) !important;
	}
	/* the logo is Home, so Home leaves the desktop bar (it stays in the phone menu) */
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-nav > li.menu-item-home,
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-nav > li:has(> a[href$="modernweddingistanbul.com/"]),
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-nav > li:has(> a[href$="modernweddingistanbul.com/tr/"]) {
		display: none !important;
	}
}

/* the CTA takes over from the Consultation link once there is room */
@media (min-width: 1280px) {
	#mwi-header#mwi-header#mwi-header .mwi-hdr-cta {
		display: block !important;
		width: auto !important;
		margin: 0 !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-nav > li:has(> a[href$="/consultation/"]),
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-nav > li:has(> a[href$="/danismanlik/"]) {
		display: none !important;
	}
}
#mwi-header#mwi-header#mwi-header .mwi-hdr-cta .elementor-button {
	--c: 9px !important;
	display: inline-flex !important;
	align-items: center !important;
	min-height: 46px !important;
	white-space: nowrap !important;
	color: var(--hv-gold-soft) !important;
	text-shadow: none !important;
	transition: background-color .35s var(--hv-ease), color .35s var(--hv-ease) !important;
}
/* the site-wide button hover sweeps a gold fill across (::after), so the text turns espresso on top of it */
#mwi-header#mwi-header#mwi-header .mwi-hdr-cta .elementor-button:hover,
#mwi-header#mwi-header#mwi-header .mwi-hdr-cta .elementor-button:focus-visible {
	color: var(--hv-esp) !important;
}
#mwi-header#mwi-header#mwi-header .mwi-hdr-cta .elementor-button-content-wrapper {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
}
#mwi-header#mwi-header#mwi-header .mwi-hdr-cta .elementor-button-content-wrapper::after {
	content: "";
	width: 15px;
	height: 15px;
	flex: none;
	background: currentColor;
	-webkit-mask: var(--hv-arrow) center / contain no-repeat;
	mask: var(--hv-arrow) center / contain no-repeat;
	transition: transform .45s var(--hv-out);
}
#mwi-header#mwi-header#mwi-header .mwi-hdr-cta .elementor-button:hover .elementor-button-content-wrapper::after,
#mwi-header#mwi-header#mwi-header .mwi-hdr-cta .elementor-button:focus-visible .elementor-button-content-wrapper::after {
	transform: translateX(4px);
}

/* ---------- 5. the Services panel (desktop only) ---------- */
#mwi-header#mwi-header#mwi-header > .mwi-mega {
	display: none !important;
}
@media (min-width: 1025px) {
	#mwi-header#mwi-header#mwi-header > .mwi-mega.is-armed {
		display: grid !important;
		position: absolute !important;
		top: calc(100% + 10px) !important;
		left: 0 !important;
		right: 0 !important;
		width: auto !important;
		max-width: none !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 34px 38px 36px !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr) minmax(0, .95fr);
		gap: clamp(24px, 3vw, 48px) !important;
		align-items: start !important;
		isolation: isolate;
		background: none !important;
		color: var(--hv-ink);
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
		transition: opacity .35s var(--hv-ease), transform .55s var(--hv-out), visibility 0s linear .35s;
	}
	#mwi-header#mwi-header#mwi-header > .mwi-mega.is-armed.is-open {
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: opacity .35s var(--hv-ease), transform .55s var(--hv-out), visibility 0s;
	}
	#mwi-header#mwi-header#mwi-header > .mwi-mega.is-armed > .elementor-element {
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		--padding-top: 0px;
		--padding-right: 0px;
		--padding-bottom: 0px;
		--padding-left: 0px;
	}

	/* left column */
	#mwi-header#mwi-header#mwi-header .mwi-mega-intro {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 0 !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-intro > .elementor-element {
		width: auto !important;
		margin: 0 !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega .elementor-heading-title {
		font-family: var(--hv-font) !important;
		text-shadow: none !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-eyebrow .elementor-heading-title {
		display: inline-flex !important;
		align-items: center !important;
		gap: 12px !important;
		font-size: .72rem !important;
		font-weight: 700 !important;
		letter-spacing: .22em !important;
		line-height: 1.4 !important;
		text-transform: uppercase !important;
		color: var(--hv-gold) !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-eyebrow .elementor-heading-title::before {
		content: "";
		width: 28px;
		height: 1px;
		background: currentColor;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-lead .elementor-heading-title {
		margin: 16px 0 22px !important;
		font-size: clamp(22px, 2vw, 28px) !important;
		font-weight: 400 !important;
		line-height: 1.22 !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
		color: var(--hv-ink) !important;
		text-wrap: balance;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-all .elementor-heading-title a {
		display: inline-flex !important;
		align-items: center !important;
		gap: 10px !important;
		padding-bottom: 4px !important;
		border-bottom: 1px solid rgba(185, 146, 78, .45) !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		letter-spacing: .16em !important;
		line-height: 1.4 !important;
		text-transform: uppercase !important;
		color: var(--hv-gold-deep) !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-all .elementor-heading-title a::after {
		content: "";
		width: 14px;
		height: 14px;
		background: currentColor;
		-webkit-mask: var(--hv-arrow) center / contain no-repeat;
		mask: var(--hv-arrow) center / contain no-repeat;
		transition: transform .45s var(--hv-out);
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-all .elementor-heading-title a:hover::after,
	#mwi-header#mwi-header#mwi-header .mwi-mega-all .elementor-heading-title a:focus-visible::after {
		transform: translateX(4px);
	}

	/* middle column: the seven services, numbered */
	#mwi-header#mwi-header#mwi-header .mwi-mega-list .elementor-icon-list-items {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		column-gap: 30px;
		margin: 0 !important;
		padding: 0 !important;
		counter-reset: mwisvc;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-list .elementor-icon-list-item {
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid var(--hv-line) !important;
		counter-increment: mwisvc;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-list .elementor-icon-list-item::after {
		display: none !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-list .elementor-icon-list-item > a {
		display: grid !important;
		grid-template-columns: 30px 1fr;
		align-items: baseline !important;
		width: 100%;
		padding: 12px 0 !important;
		color: var(--hv-ink) !important;
		text-shadow: none !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-list .elementor-icon-list-item > a::before {
		content: counter(mwisvc, decimal-leading-zero);
		font-family: var(--hv-font);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .16em;
		color: var(--hv-faint);
		transition: color .3s var(--hv-ease);
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-list .elementor-icon-list-text {
		display: inline-block !important;
		padding: 0 !important;
		font-family: var(--hv-font) !important;
		font-size: 17px !important;
		font-weight: 400 !important;
		line-height: 1.35 !important;
		color: inherit !important;
		transition: color .3s var(--hv-ease), transform .45s var(--hv-out) !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-list .elementor-icon-list-item.is-on > a,
	#mwi-header#mwi-header#mwi-header .mwi-mega-list .elementor-icon-list-item > a:hover,
	#mwi-header#mwi-header#mwi-header .mwi-mega-list .elementor-icon-list-item > a:focus-visible {
		color: var(--hv-mocha) !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-list .elementor-icon-list-item.is-on .elementor-icon-list-text,
	#mwi-header#mwi-header#mwi-header .mwi-mega-list .elementor-icon-list-item > a:focus-visible .elementor-icon-list-text {
		transform: translateX(4px);
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-list .elementor-icon-list-item.is-on > a::before {
		color: var(--hv-gold);
	}

	/* right column: one photograph, matted like a print */
	#mwi-header#mwi-header#mwi-header .mwi-mega-photos {
		position: relative !important;
		display: block !important;
		aspect-ratio: 4 / 3;
		margin: 9px !important;
		overflow: hidden !important;
		background: #F6F1E7 !important;
		box-shadow: 0 0 0 1px rgba(185, 146, 78, .65), 0 0 0 8px var(--hv-cloud), 0 0 0 9px rgba(36, 26, 18, .12) !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-photos > .elementor-element {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		opacity: 0;
		transition: opacity .6s var(--hv-ease);
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-photos > .elementor-element.is-on {
		opacity: 1;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-photos .elementor-widget-container {
		height: 100% !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-photos img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		transform: scale(1.035);
		transition: transform 1.2s var(--hv-out) !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-mega-photos > .elementor-element.is-on img {
		transform: none;
	}
}

/* While the panel is open the whole header (NAV, z-index 99, the stacking
   context every header child lives in) rises above the coming-soon panel
   (#mwi-cs 9350), the tradition card and the request tab (.mwi-request-tab 9998,
   drawer 9995); the phone menu does the same. Only the invitation modal
   (99990) stays above. */
html.mwi-hv-mega-open .xpro-theme-builder-header-nav,
html.mwi-hv-sheet-open .xpro-theme-builder-header-nav {
	z-index: 99980 !important;
}

/* the phone menu's cloned rows never show on desktop */
#mwi-header#mwi-header#mwi-header .mwi-hv-fs-top,
#mwi-header#mwi-header#mwi-header .mwi-hv-fs-foot {
	display: none;
}

/* ---------- 6. phones and tablets: the card plus a dropping sheet ---------- */
@media (max-width: 1024px) {
	#mwi-header#mwi-header#mwi-header {
		top: calc(var(--mwi-tb-h, 0px) + 10px) !important;
		left: 12px !important;
		right: 12px !important;
	}
	html.mwi-hv-scrolled #mwi-header#mwi-header#mwi-header {
		top: 10px !important;
	}
	#mwi-header#mwi-header#mwi-header > .e-con:not(.mwi-mega) > .e-con-inner {
		gap: 6px !important;
	}
	#mwi-header#mwi-header#mwi-header > .e-con:not(.mwi-mega) {
		gap: 6px !important;
		min-height: 68px !important;
		padding: 0 6px 0 16px !important;
	}
	html.mwi-hv-scrolled #mwi-header#mwi-header#mwi-header > .e-con:not(.mwi-mega) {
		min-height: 60px !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-logo-mark img,
	html.mwi-hv-scrolled #mwi-header#mwi-header#mwi-header .mwi-logo-mark img {
		height: 40px !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-nav-wrap {
		flex: 0 0 auto !important;
		order: 3;
	}

	/* burger: two lines, the lower one shorter; an X while open */
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-toggler {
		position: relative !important;
		display: inline-block !important;
		width: 44px !important;
		height: 44px !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: var(--hv-ink) !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-toggler > * {
		display: none !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-toggler::before,
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-toggler::after {
		content: "";
		position: absolute;
		left: 10px;
		height: 1.5px;
		background: currentColor;
		transition: transform .45s var(--hv-out), width .45s var(--hv-out), top .45s var(--hv-out);
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-toggler::before {
		top: 18px;
		width: 24px;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-toggler::after {
		top: 25.5px;
		width: 15px;
	}
	#mwi-header#mwi-header#mwi-header .elementor-widget-xpro-horizontal-menu:has(.xpro-elementor-horizontal-navbar-wrapper.active) .xpro-elementor-horizontal-menu-toggler::before {
		top: 21.75px;
		transform: rotate(45deg);
	}
	#mwi-header#mwi-header#mwi-header .elementor-widget-xpro-horizontal-menu:has(.xpro-elementor-horizontal-navbar-wrapper.active) .xpro-elementor-horizontal-menu-toggler::after {
		top: 21.75px;
		width: 24px;
		transform: rotate(-45deg);
	}

	/* the phone menu: a full-screen ivory invitation (client pick, 2026-10-20).
	   Logo, languages, CTA and phone are cloned in by mwi-header-v2.js from the
	   header itself, so nothing is typed twice. */
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper {
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 26px 34px 32px !important;
		display: flex !important;
		flex-direction: column !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		overscroll-behavior: contain;
		isolation: isolate;
		background: #F6F1E7 !important;
		box-shadow: none !important;
		-webkit-clip-path: none !important;
		clip-path: none !important;
		opacity: 0;
		visibility: hidden;
		transform: none !important;
		transition: opacity .45s var(--hv-ease), visibility 0s linear .45s !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper.active {
		opacity: 1;
		visibility: visible;
		transition: opacity .45s var(--hv-ease), visibility 0s !important;
	}
	/* a faint gold bloom in two corners of the ground */
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper::before {
		content: "" !important;
		display: block !important;
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		z-index: -2 !important;
		background:
			radial-gradient(70% 45% at 100% 0%, rgba(220, 196, 143, .30), rgba(220, 196, 143, 0) 70%),
			radial-gradient(80% 50% at 0% 100%, rgba(185, 146, 78, .16), rgba(185, 146, 78, 0) 70%) !important;
		pointer-events: none !important;
	}
	/* the invitation itself: edge, inset gold hairline, chamfered corners, 12px from the screen edge */
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper::after {
		content: "" !important;
		display: block !important;
		position: fixed !important;
		top: 12px !important;
		right: 12px !important;
		bottom: 12px !important;
		left: 12px !important;
		z-index: -1 !important;
		box-sizing: border-box !important;
		border: 1px solid rgba(36, 26, 18, .15) !important;
		background: var(--hv-surface) !important;
		-webkit-clip-path: var(--hv-cut);
		clip-path: var(--hv-cut);
		opacity: 0;
		transform: scale(.985);
		transition: opacity .5s var(--hv-ease), transform .7s var(--hv-out);
		pointer-events: none !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper.active::after {
		opacity: 1;
		transform: none;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-overlay {
		display: none !important;
	}
	html.mwi-hv-sheet-open,
	html.mwi-hv-sheet-open body {
		overflow: hidden !important;
	}

	/* top row: close, logo, languages */
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-close {
		position: absolute !important;
		top: 26px !important;
		left: 22px !important;
		right: auto !important;
		z-index: 2 !important;
		display: block !important;
		width: 44px !important;
		height: 44px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: var(--hv-ink) !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-close:focus:not(:focus-visible) {
		outline: none !important;
		box-shadow: none !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-close:focus-visible {
		outline: 2px solid #4A6FA5 !important;
		outline-offset: 2px !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-close > * {
		display: none !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-close::before,
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-close::after {
		content: "";
		position: absolute;
		top: 21.25px;
		left: 11px;
		width: 22px;
		height: 1.5px;
		background: currentColor;
		transform: rotate(45deg);
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-menu-close::after {
		transform: rotate(-45deg);
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-top {
		display: grid;
		grid-template-columns: 44px 1fr 72px;
		align-items: center;
		flex: none;
		min-height: 44px;
		margin: 0 -12px 0 -12px;
		padding-bottom: 14px;
		border-bottom: 1px solid var(--hv-line);
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-brand {
		grid-column: 2;
		justify-self: center;
		display: block;
		line-height: 0;
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-brand img {
		display: block;
		width: auto !important;
		height: 40px !important;
		max-width: none !important;
		filter: none !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-lang {
		grid-column: 3;
		justify-self: end;
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-lang ul {
		display: flex !important;
		margin: 0 !important;
		padding: 3px !important;
		list-style: none !important;
		background: var(--hv-cloud);
		border: 1px solid rgba(36, 26, 18, .16);
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-lang li {
		margin: 0 !important;
		padding: 0 !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-lang a {
		display: grid !important;
		place-items: center;
		min-width: 30px;
		height: 26px;
		font-family: var(--hv-font) !important;
		font-size: 10.5px !important;
		font-weight: 700 !important;
		letter-spacing: .14em !important;
		color: var(--hv-ink-soft) !important;
		text-shadow: none !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-lang li.current-lang a {
		background: var(--hv-gold-soft) !important;
		color: var(--hv-esp) !important;
		-webkit-clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
		clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
	}

	/* the list, centred in the space between the two rows */
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar {
		flex: 1 0 auto !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		width: 100% !important;
		margin: 0 !important;
		padding: clamp(10px, 2.4vh, 26px) 0 !important;
		background: transparent !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		counter-reset: mwinav;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav > li {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid var(--hv-line) !important;
		counter-increment: mwinav;
		opacity: 0;
		transform: translateY(14px);
		transition: opacity .4s var(--hv-ease), transform .6s var(--hv-out);
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav > li:last-child {
		border-bottom: 0 !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper.active .xpro-elementor-horizontal-navbar-nav > li {
		opacity: 1;
		transform: none;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper.active .xpro-elementor-horizontal-navbar-nav > li:nth-child(1) { transition-delay: .12s; }
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper.active .xpro-elementor-horizontal-navbar-nav > li:nth-child(2) { transition-delay: .17s; }
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper.active .xpro-elementor-horizontal-navbar-nav > li:nth-child(3) { transition-delay: .22s; }
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper.active .xpro-elementor-horizontal-navbar-nav > li:nth-child(4) { transition-delay: .27s; }
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper.active .xpro-elementor-horizontal-navbar-nav > li:nth-child(5) { transition-delay: .32s; }
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper.active .xpro-elementor-horizontal-navbar-nav > li:nth-child(6) { transition-delay: .37s; }
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper.active .xpro-elementor-horizontal-navbar-nav > li:nth-child(n+7) { transition-delay: .42s; }
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav > li > a {
		display: grid !important;
		grid-template-columns: 44px 1fr;
		align-items: baseline !important;
		justify-items: start !important;
		text-align: left !important;
		width: 100% !important;
		padding: clamp(9px, 1.7vh, 15px) 0 !important;
		margin: 0 !important;
		font-family: var(--hv-font) !important;
		font-size: clamp(25px, 7.2vw, 30px) !important;
		font-weight: 400 !important;
		line-height: 1.15 !important;
		letter-spacing: -.005em !important;
		color: var(--hv-ink) !important;
		background: transparent !important;
		border: 0 !important;
		text-shadow: none !important;
		transition: color .3s var(--hv-ease) !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav > li > a::before {
		content: counter(mwinav, decimal-leading-zero) !important;
		display: block !important;
		position: static !important;
		font-family: var(--hv-font);
		font-size: 11px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: .18em;
		color: var(--hv-gold);
		transform: translateY(-2px);
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav > li > a::after {
		content: none !important;
		display: none !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav > li > a:hover,
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav > li > a:focus-visible,
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav > li.current-menu-item > a {
		color: var(--hv-mocha) !important;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper .xpro-elementor-horizontal-navbar-nav > li.current-menu-item > a {
		font-style: italic !important;
	}
	/* foot: the CTA and the phone */
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-foot {
		display: grid;
		gap: 12px;
		flex: none;
		padding-top: clamp(14px, 2.6vh, 24px);
		opacity: 0;
		transform: translateY(12px);
		transition: opacity .45s var(--hv-ease) .1s, transform .65s var(--hv-out) .1s;
	}
	#mwi-header#mwi-header#mwi-header .xpro-elementor-horizontal-navbar-wrapper.active .mwi-hv-fs-foot {
		opacity: 1;
		transform: none;
		transition-delay: .46s;
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-cta {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		min-height: 52px;
		padding: 0 20px;
		background: var(--hv-esp);
		color: var(--hv-gold-soft) !important;
		font-family: var(--hv-font);
		font-size: 15.5px;
		font-weight: 500;
		letter-spacing: .02em;
		text-decoration: none !important;
		text-shadow: none !important;
		-webkit-clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
		clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
		transition: background-color .3s var(--hv-ease);
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-cta::after {
		content: "";
		width: 16px;
		height: 16px;
		background: currentColor;
		-webkit-mask: var(--hv-arrow) center / contain no-repeat;
		mask: var(--hv-arrow) center / contain no-repeat;
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-cta:active {
		background: var(--hv-esp-90);
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-tel {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 9px;
		min-height: 40px;
		font-family: var(--hv-font) !important;
		font-size: 14.5px !important;
		letter-spacing: .04em;
		color: var(--hv-ink-soft) !important;
		text-decoration: none !important;
		text-shadow: none !important;
		background: none !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-hv-fs-tel svg {
		width: 15px;
		height: 15px;
		color: var(--hv-gold);
	}
}

@media (max-width: 689px) {
	#mwi-header#mwi-header#mwi-header > .e-con:not(.mwi-mega) {
		padding-left: 14px !important;
	}
	#mwi-header#mwi-header#mwi-header .mwi-logo-mark img,
	html.mwi-hv-scrolled #mwi-header#mwi-header#mwi-header .mwi-logo-mark img {
		height: 38px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#mwi-topbar#mwi-topbar,
	#mwi-header#mwi-header#mwi-header,
	#mwi-header#mwi-header#mwi-header *,
	#mwi-header#mwi-header#mwi-header *::before,
	#mwi-header#mwi-header#mwi-header *::after {
		transition-duration: .01ms !important;
	}
}

/* ---------- 7. EN home hero: the veil the petal carousel used to paint ----------
   The carousel (disabled 2026-10-20 on the client's word) laid a dark ellipse
   behind the hero copy at 42% on this photograph. Without it the paragraph sits
   on bright table linen. Same ellipse, same strength, drawn with border-image
   so it needs no element and no pseudo: it paints above the Elementor
   background and below the copy. Desktop only, as the carousel was; skipped if
   the carousel is ever switched back on (.mwi-hc-ready). */
@media (min-width: 690px) {
	body.page-id-20 .mwi-hero-zoom:not(.mwi-hc-ready) {
		border-image: radial-gradient(86% 66% at 50% 44%, rgba(36, 26, 18, .41) 0%, rgba(36, 26, 18, .36) 34%, rgba(36, 26, 18, .22) 62%, rgba(36, 26, 18, .07) 84%, rgba(36, 26, 18, 0) 100%) fill 0;
	}
}