.elementor-kit-226{--e-global-color-primary:#642C3A;--e-global-color-secondary:#C3A46F;--e-global-color-text:#211A17;--e-global-color-accent:#B98C8F;--e-global-color-mmivory:#F6F1EA;--e-global-color-mmsand:#E7DDD0;--e-global-color-mmburghover:#51222E;--e-global-color-mmsurface:#FFFDFC;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-size:clamp(2.5rem, 1.2rem + 4.4vw, 5.5rem);--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.02em;--e-global-typography-primary-letter-spacing:-0.01em;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-size:clamp(2rem, 1.2rem + 2.2vw, 3.25rem);--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:clamp(1rem, 0.95rem + 0.2vw, 1.0625rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:0.14em;--e-global-typography-mmeyebrow-font-family:"Manrope";--e-global-typography-mmeyebrow-font-size:11px;--e-global-typography-mmeyebrow-font-weight:500;--e-global-typography-mmeyebrow-text-transform:uppercase;--e-global-typography-mmeyebrow-line-height:1.5em;--e-global-typography-mmeyebrow-letter-spacing:0.26em;--e-global-typography-mmlead-font-family:"Manrope";--e-global-typography-mmlead-font-size:clamp(1rem, 0.9rem + 0.45vw, 1.1875rem);--e-global-typography-mmlead-font-weight:400;--e-global-typography-mmlead-line-height:1.55em;--e-global-typography-mmwordmark-font-family:"Cormorant Garamond";--e-global-typography-mmwordmark-font-size:clamp(1.0625rem, 0.95rem + 0.45vw, 1.375rem);--e-global-typography-mmwordmark-font-weight:500;--e-global-typography-mmwordmark-text-transform:uppercase;--e-global-typography-mmwordmark-line-height:1em;--e-global-typography-mmwordmark-letter-spacing:0.3em;background-color:var( --e-global-color-mmivory );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-226 button,.elementor-kit-226 input[type="button"],.elementor-kit-226 input[type="submit"],.elementor-kit-226 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );color:var( --e-global-color-mmsurface );border-style:none;border-radius:2px 2px 2px 2px;padding:16px 30px 16px 30px;}.elementor-kit-226 button:hover,.elementor-kit-226 button:focus,.elementor-kit-226 input[type="button"]:hover,.elementor-kit-226 input[type="button"]:focus,.elementor-kit-226 input[type="submit"]:hover,.elementor-kit-226 input[type="submit"]:focus,.elementor-kit-226 .elementor-button:hover,.elementor-kit-226 .elementor-button:focus{background-color:var( --e-global-color-mmburghover );color:var( --e-global-color-mmsurface );}.elementor-kit-226 e-page-transition{background-color:#FFBC7D;}.elementor-kit-226 a{color:var( --e-global-color-primary );}.elementor-kit-226 a:hover{color:var( --e-global-color-mmburghover );}.elementor-kit-226 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-226 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-226 h3{color:var( --e-global-color-text );}.elementor-kit-226 h4{color:var( --e-global-color-text );}.elementor-kit-226 h5{color:var( --e-global-color-text );}.elementor-kit-226 h6{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-226{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-226 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-226 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-226 button,.elementor-kit-226 input[type="button"],.elementor-kit-226 input[type="submit"],.elementor-kit-226 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-226{--e-global-typography-mmeyebrow-font-size:10px;--e-global-typography-mmeyebrow-letter-spacing:0.16em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-226 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-226 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-226 button,.elementor-kit-226 input[type="button"],.elementor-kit-226 input[type="submit"],.elementor-kit-226 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   MAISON MALAK — design system · Fase 1
   Kleuren en fonts staan in Site Settings (Global Colors / Global Fonts).
   Hier staat alleen wat native Elementor-controls niet kunnen:
   tokens, sticky header, focus, motion, menu en sectie-details.
   Business-componenten (reserveringsflow, kaarten, galerij) staan sinds
   Fase 3 in Maison Malak Core (assets/css/core.css).
   ========================================================================== */

body {
	--mm-ivory: var(--e-global-color-mmivory, #F6F1EA);
	--mm-sand: var(--e-global-color-mmsand, #E7DDD0);
	--mm-espresso: var(--e-global-color-text, #211A17);
	--mm-burgundy: var(--e-global-color-primary, #642C3A);
	--mm-burgundy-hover: var(--e-global-color-mmburghover, #51222E);
	--mm-gold: var(--e-global-color-secondary, #C3A46F);
	--mm-surface: var(--e-global-color-mmsurface, #FFFDFC);
	--mm-muted: rgba(33, 26, 23, .62);
	--mm-font-ui: var(--e-global-typography-text-font-family, "Manrope"), system-ui, sans-serif;
	--mm-header-h: 76px;
	--mm-ease: cubic-bezier(.22, .61, .36, 1);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
	body { --mm-header-h: 60px; }
}

::selection { background: var(--mm-burgundy); color: var(--mm-surface); }

/* Focus: altijd zichtbaar bij toetsenbordgebruik */
body :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--mm-espresso);
	outline-offset: 3px;
}

/* ---------- Header ---------- */
.elementor-location-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 100;
}

/* ---------- Hero ---------- */
.mm-eyebrow .elementor-heading-title {
	display: flex;
	align-items: center;
	gap: 14px;
}
.mm-eyebrow .elementor-heading-title::before {
	content: "";
	flex: none;
	width: 32px;
	height: 1px;
	background: var(--mm-gold);
}
.mm-eyebrow--center .elementor-heading-title { justify-content: center; }
.mm-hero__title .elementor-heading-title { text-wrap: balance; }
.mm-hero__title em { font-style: italic; }
.mm-hero #reserveer { scroll-margin-top: calc(var(--mm-header-h) + 32px); }

/* Secundaire link: tekstlink met fijne gouden lijn */
.mm-link .elementor-button-text {
	text-decoration: underline;
	text-decoration-color: var(--mm-gold);
	text-decoration-thickness: 1px;
	text-underline-offset: 7px;
}

/* ---------- Booking-component: stijlen staan sinds Fase 3 in Maison Malak Core (assets/css/core.css) ---------- */

/* Desktop: de balk loopt subtiel door over de beeldrand */
@media (min-width: 1025px) {
	.mm-hero .mm-booking__bar {
		width: calc(100% + clamp(40px, 8vw, 140px));
		max-width: 700px;
	}
}


/* ---------- Motion: rustig, alleen bij voorkeur voor beweging ---------- */
@media (prefers-reduced-motion: no-preference) {
	.mm-hero__content > .elementor-element {
		animation: mm-rise .9s var(--mm-ease) backwards;
	}
	.mm-hero__content > .elementor-element:nth-child(2) { animation-delay: .08s; }
	.mm-hero__content > .elementor-element:nth-child(3) { animation-delay: .16s; }
	.mm-hero__content > .elementor-element:nth-child(4) { animation-delay: .26s; }
	.mm-hero__content > .elementor-element:nth-child(5) { animation-delay: .34s; }
	.mm-hero__media { animation: mm-image 1.6s var(--mm-ease) backwards; }
}
@keyframes mm-rise { from { opacity: 0; transform: translate3d(0, 14px, 0); } }
@keyframes mm-image { from { opacity: 0; transform: scale(1.035); } }

/* Mobiel: eyebrow zonder gouden lijn zodat hij op één regel past */
@media (max-width: 767px) {
	.mm-eyebrow .elementor-heading-title::before { display: none; }
}

/* ---------- Menu tablet/mobiel (Fase 3): verfijnde toggle, tap target 44px ---------- */
.elementor-location-header .elementor-menu-toggle {
	position: relative;
	width: 44px;
	height: 44px;
	padding: 0;
	margin-right: -11px;
	background: transparent;
}
.elementor-location-header .elementor-menu-toggle svg { display: none !important; }
.elementor-location-header .elementor-menu-toggle::before,
.elementor-location-header .elementor-menu-toggle::after {
	content: "";
	position: absolute;
	left: 11px;
	width: 22px;
	height: 1px;
	background: var(--mm-espresso);
	transition: transform .35s var(--mm-ease), top .35s var(--mm-ease), width .35s var(--mm-ease);
}
.elementor-location-header .elementor-menu-toggle::before { top: 18px; }
.elementor-location-header .elementor-menu-toggle::after { top: 25px; width: 15px; left: 18px; }
.elementor-location-header .elementor-menu-toggle.elementor-active::before { top: 21.5px; transform: rotate(45deg); }
.elementor-location-header .elementor-menu-toggle.elementor-active::after { top: 21.5px; left: 11px; width: 22px; transform: rotate(-45deg); }
.elementor-location-header .elementor-nav-menu--dropdown {
	border-top: 1px solid var(--mm-sand);
	border-bottom: 1px solid var(--mm-sand);
	box-shadow: 0 30px 50px -40px rgba(33, 26, 23, .4);
}
.elementor-location-header .elementor-nav-menu--dropdown .elementor-nav-menu { padding: 10px 0 18px; }
/* "Reserveer" in het menu: alleen in het mobiele menu (op tablet/desktop staat de knop in de header) */
.elementor-location-header .elementor-nav-menu--main .mm-menu-reserve { display: none; }
.elementor-location-header .elementor-nav-menu--dropdown .mm-menu-reserve > a {
	justify-content: center;
	min-height: 56px;
	margin: 14px 20px 4px;
	background-color: var(--mm-burgundy) !important;
	color: var(--mm-surface) !important;
	font-family: var(--mm-font-ui) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
}
@media (min-width: 768px) {
	.elementor-location-header .elementor-nav-menu--dropdown .mm-menu-reserve { display: none; }
}

/* ---------- Homepage-secties (Fase 3) ---------- */
.mm-section[id] { scroll-margin-top: var(--mm-header-h); }
@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}
.elementor-heading-title em { font-style: italic; }
.mm-center .mm-contact--inline { justify-content: center; text-align: center; }/* End custom CSS */