/*
Maudimi FSE V36 - FSE-first full experience layer.
Structure stays in templates, parts and patterns. Plugins only enhance.
*/

:root {
	color-scheme: dark light;
	--mdm-v36-black: #050302;
	--mdm-v36-night: #0b0705;
	--mdm-v36-coffee: #17100b;
	--mdm-v36-panel: #211711;
	--mdm-v36-panel-2: #2a1d15;
	--mdm-v36-ivory: #fff8ea;
	--mdm-v36-champagne: #f3ddae;
	--mdm-v36-paper: #f6ead5;
	--mdm-v36-paper-2: #ead8bc;
	--mdm-v36-ink: #241811;
	--mdm-v36-muted: #d4bea0;
	--mdm-v36-muted-dark: #665140;
	--mdm-v36-amber: #ffd985;
	--mdm-v36-brass: #d5aa61;
	--mdm-v36-bronze: #a8753f;
	--mdm-v36-copper: #a54b3d;
	--mdm-v36-line: rgba(255, 217, 133, 0.22);
	--mdm-v36-line-strong: rgba(255, 217, 133, 0.42);
	--mdm-v36-radius: 24px;
	--mdm-v36-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--mdm-v36-shadow: 0 34px 110px rgba(0, 0, 0, 0.48);
}

html.maudimi-theme-light,
body.maudimi-theme-light {
	color-scheme: light;
	--mdm-v36-black: #f3e6cf;
	--mdm-v36-night: #f7ecd9;
	--mdm-v36-coffee: #fff8ea;
	--mdm-v36-panel: #fff7e8;
	--mdm-v36-panel-2: #ead7bb;
	--mdm-v36-ivory: #241811;
	--mdm-v36-champagne: #5f4936;
	--mdm-v36-paper: #fff8ea;
	--mdm-v36-paper-2: #ead8bc;
	--mdm-v36-ink: #23160f;
	--mdm-v36-muted: #5f4936;
	--mdm-v36-line: rgba(108, 74, 44, 0.2);
	--mdm-v36-line-strong: rgba(168, 117, 63, 0.44);
	--mdm-v36-shadow: 0 28px 80px rgba(74, 45, 22, 0.16);
}

@media (prefers-color-scheme: light) {
	html.maudimi-theme-auto,
	body.maudimi-theme-auto {
		color-scheme: light;
		--mdm-v36-black: #f3e6cf;
		--mdm-v36-night: #f7ecd9;
		--mdm-v36-coffee: #fff8ea;
		--mdm-v36-panel: #fff7e8;
		--mdm-v36-panel-2: #ead7bb;
		--mdm-v36-ivory: #241811;
		--mdm-v36-champagne: #5f4936;
		--mdm-v36-paper: #fff8ea;
		--mdm-v36-paper-2: #ead8bc;
		--mdm-v36-ink: #23160f;
		--mdm-v36-muted: #5f4936;
		--mdm-v36-line: rgba(108, 74, 44, 0.2);
		--mdm-v36-line-strong: rgba(168, 117, 63, 0.44);
		--mdm-v36-shadow: 0 28px 80px rgba(74, 45, 22, 0.16);
	}
}

body.maudimi-fse-v36,
body.maudimi-theme-dark,
body.maudimi-theme-auto,
body.maudimi-theme-light {
	background:
		radial-gradient(circle at 50% -12%, rgba(213, 170, 97, 0.14), transparent 32rem),
		linear-gradient(90deg, rgba(255, 217, 133, 0.025), transparent 16%, rgba(255, 217, 133, 0.025)),
		var(--mdm-v36-black);
	color: var(--mdm-v36-ivory);
	overflow-x: hidden;
}

body.maudimi-theme-light,
body.maudimi-theme-auto.maudimi-prefers-light {
	background:
		radial-gradient(circle at 50% -12%, rgba(213, 170, 97, 0.2), transparent 34rem),
		linear-gradient(180deg, #f8ecd8, #ead9bf);
}

.wp-site-blocks {
	overflow-x: clip;
}

.mdm-header-v36 {
	position: fixed !important;
	top: max(12px, env(safe-area-inset-top));
	left: 50% !important;
	z-index: 100000 !important;
	width: min(calc(100% - 28px), 1180px) !important;
	min-height: 70px;
	transform: translate3d(-50%, 0, 0);
	padding: 0.66rem 0.86rem !important;
	border: 1px solid var(--mdm-v36-line-strong);
	border-radius: 999px;
	background:
		linear-gradient(90deg, rgba(12, 7, 4, 0.92), rgba(25, 16, 10, 0.86), rgba(12, 7, 4, 0.92));
	box-shadow: 0 18px 54px rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(18px) saturate(1.12);
	transition: transform 260ms var(--mdm-v36-ease), opacity 220ms ease, border-color 220ms ease;
	pointer-events: auto !important;
}

body.maudimi-theme-light .mdm-header-v36,
body.maudimi-theme-auto.maudimi-prefers-light .mdm-header-v36 {
	background: linear-gradient(90deg, rgba(255, 248, 234, 0.92), rgba(240, 222, 192, 0.88));
}

body.is-header-hidden:not(.is-menu-open) .mdm-header-v36,
.mdm-header-v36.is-header-hidden {
	opacity: 0;
	pointer-events: none !important;
	transform: translate3d(-50%, -120%, 0);
}

body.is-header-visible .mdm-header-v36,
body.is-menu-open .mdm-header-v36,
.mdm-header-v36.is-header-visible {
	opacity: 1;
	pointer-events: auto !important;
	transform: translate3d(-50%, 0, 0);
}

.mdm-header-v36 .mdm-brand-title,
.mdm-header-v36 .wp-block-site-title,
.mdm-header-v36 .wp-block-site-title a {
	color: var(--mdm-v36-ivory) !important;
	text-decoration: none;
}

.mdm-header-v36 .mdm-brand-baseline {
	color: var(--mdm-v36-champagne) !important;
}

.mdm-desktop-nav-v36 a {
	color: var(--mdm-v36-ivory) !important;
	text-decoration: none;
}

.mdm-desktop-nav-v36 a:hover,
.mdm-desktop-nav-v36 a:focus-visible,
.mdm-desktop-nav-v36 a.is-active {
	color: var(--mdm-v36-amber) !important;
}

.mdm-mobile-toggle-v36 {
	position: relative !important;
	z-index: 100002 !important;
	display: none;
	width: 52px;
	height: 52px;
	min-width: 52px;
	min-height: 52px;
	border: 1px solid var(--mdm-v36-line-strong);
	border-radius: 999px;
	background: linear-gradient(145deg, rgba(255, 217, 133, 0.18), rgba(18, 10, 6, 0.74));
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.28);
	cursor: pointer;
	touch-action: manipulation;
	pointer-events: auto !important;
}

.mdm-mobile-toggle-v36 i,
.mdm-mobile-toggle-v36 i::before,
.mdm-mobile-toggle-v36 i::after {
	position: absolute;
	left: 50%;
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 99px;
	background: var(--mdm-v36-ivory);
	content: "";
	transform: translateX(-50%);
}

.mdm-mobile-toggle-v36 i {
	top: 50%;
}

.mdm-mobile-toggle-v36 i::before {
	top: -7px;
}

.mdm-mobile-toggle-v36 i::after {
	top: 7px;
}

body:not(.maudimi-v36-ready) .mdm-mobile-toggle-v36,
body:not(.maudimi-v36-ready) .mdm-mobile-drawer-v36 {
	display: none !important;
}

body.maudimi-v36-ready .mdm-mobile-fallback-v36 {
	display: none !important;
}

body:not(.maudimi-v36-ready) .mdm-mobile-fallback-v36 {
	display: block !important;
	color: var(--mdm-v36-ivory);
}

.mdm-mobile-drawer-v36[hidden] {
	display: none !important;
}

.mdm-mobile-drawer-v36:not([hidden]) {
	position: fixed !important;
	inset: 0 !important;
	z-index: 100001 !important;
	display: grid !important;
	place-items: stretch end;
	width: 100vw !important;
	height: 100dvh !important;
	padding: max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));
	pointer-events: auto !important;
	visibility: visible !important;
	opacity: 1 !important;
	isolation: isolate;
}

.mdm-mobile-drawer-v36 .mdm-mobile-drawer-v28__scrim {
	position: fixed !important;
	inset: 0 !important;
	z-index: 0 !important;
	display: block !important;
	background: rgba(3, 2, 1, 0.68);
	backdrop-filter: blur(12px);
	pointer-events: auto !important;
}

.mdm-mobile-drawer-v36 .mdm-mobile-panel-v28 {
	position: relative !important;
	z-index: 2 !important;
	width: min(100%, 430px) !important;
	max-height: calc(100dvh - 32px);
	overflow: auto;
	overscroll-behavior: contain;
	margin-top: 82px;
	padding: 1.15rem;
	border: 1px solid var(--mdm-v36-line-strong);
	border-radius: 28px;
	background:
		radial-gradient(circle at 82% 0%, rgba(255, 217, 133, 0.2), transparent 18rem),
		linear-gradient(145deg, rgba(31, 20, 13, 0.98), rgba(8, 5, 3, 0.98));
	color: var(--mdm-v36-ivory);
	box-shadow: 0 34px 110px rgba(0, 0, 0, 0.62);
	pointer-events: auto !important;
	transform: translate3d(0, 0, 0);
}

.mdm-mobile-close-v28 {
	position: relative;
	z-index: 3;
	display: grid !important;
	place-items: center;
	width: 52px;
	height: 52px;
	border: 1px solid var(--mdm-v36-line-strong);
	border-radius: 999px;
	background: rgba(255, 248, 234, 0.1);
	cursor: pointer;
	pointer-events: auto !important;
}

.mdm-mobile-close-v28 span,
.mdm-mobile-close-v28 span::before {
	position: absolute;
	width: 22px;
	height: 2px;
	border-radius: 99px;
	background: var(--mdm-v36-ivory);
	content: "";
	transform: rotate(45deg);
}

.mdm-mobile-close-v28 span::before {
	transform: rotate(90deg);
}

.mdm-mobile-links-v28 {
	display: grid;
	gap: 0.72rem;
}

.mdm-mobile-links-v28 a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 58px;
	padding: 0.95rem 3rem 0.95rem 1rem;
	border: 1px solid rgba(255, 217, 133, 0.2);
	border-radius: 18px;
	background: rgba(255, 248, 234, 0.075);
	color: var(--mdm-v36-ivory) !important;
	text-decoration: none;
	pointer-events: auto !important;
}

.mdm-mobile-links-v28 a::after {
	position: absolute;
	right: 1rem;
	color: var(--mdm-v36-amber);
	content: ">";
}

body.is-menu-open {
	overflow: hidden !important;
	touch-action: none;
}

.maudimi-building-sequence {
	position: relative;
	overflow: clip;
	min-height: clamp(620px, 88svh, 920px) !important;
	isolation: isolate;
	--mdm-building-progress: 0;
}

.maudimi-building-sequence::before,
.maudimi-building-sequence::after {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	content: "";
}

.maudimi-building-sequence::before {
	background:
		radial-gradient(circle at 52% 62%, rgba(255, 217, 133, calc(0.12 + var(--mdm-building-progress) * 0.14)), transparent 16rem),
		linear-gradient(90deg, rgba(0, 0, 0, 0.48), transparent 34%, rgba(0, 0, 0, 0.5));
}

.maudimi-building-sequence::after {
	background:
		linear-gradient(90deg, transparent 0 48%, rgba(255, 217, 133, 0.1) 49%, transparent 50% 100%),
		repeating-linear-gradient(90deg, rgba(255, 217, 133, 0.035) 0 1px, transparent 1px 120px);
	mix-blend-mode: screen;
	opacity: 0.46;
}

.maudimi-building-sequence .wp-block-cover__image-background {
	transform: scale(calc(1.02 + var(--mdm-building-progress) * 0.085)) translateY(calc(var(--mdm-building-progress) * -14px));
	transform-origin: 50% 56%;
	transition: transform 140ms linear;
	will-change: transform;
}

.maudimi-building-sequence .wp-block-cover__inner-container {
	position: relative;
	z-index: 4;
}

.maudimi-threshold-door {
	opacity: calc(0.62 + var(--mdm-building-progress) * 0.32);
	transform: translateY(calc((1 - var(--mdm-building-progress)) * 14px)) scale(calc(0.98 + var(--mdm-building-progress) * 0.03));
}

.maudimi-threshold-doors {
	position: relative;
	background:
		radial-gradient(circle at 50% 0%, rgba(255, 217, 133, 0.12), transparent 30rem),
		linear-gradient(180deg, rgba(5, 3, 2, 0.96), rgba(11, 7, 5, 0.98));
}

.maudimi-editorial-door,
.maudimi-card-motion,
.maudimi-card-v32,
.mdm-card {
	position: relative;
	isolation: isolate;
	border-color: rgba(255, 217, 133, 0.24) !important;
}

.maudimi-editorial-door::after,
.maudimi-card-motion::after,
.mdm-card::after {
	position: absolute;
	inset: 10px;
	z-index: 2;
	border: 1px solid rgba(255, 217, 133, 0.12);
	border-radius: inherit;
	pointer-events: none;
	content: "";
}

.maudimi-editorial-door:hover,
.maudimi-editorial-door:focus-visible,
.maudimi-card-motion:hover,
.maudimi-card-motion:focus-visible {
	border-color: rgba(255, 217, 133, 0.52) !important;
	box-shadow: 0 32px 110px rgba(0, 0, 0, 0.46), 0 0 0 1px rgba(255, 217, 133, 0.1);
	transform: translateY(-6px);
}

.maudimi-latest-v28 .wp-block-post-template {
	gap: clamp(1rem, 2vw, 1.55rem) !important;
}

.maudimi-latest-v28 .wp-block-group:has(.wp-block-post-title),
.maudimi-archive-query-v26 .wp-block-group:has(.wp-block-post-title),
.maudimi-card-v32,
.mdm-card-body {
	border: 1px solid rgba(255, 217, 133, 0.22) !important;
	background:
		radial-gradient(circle at 86% 0%, rgba(255, 217, 133, 0.12), transparent 16rem),
		linear-gradient(145deg, rgba(31, 22, 15, 0.98), rgba(13, 9, 6, 0.985)) !important;
	color: var(--mdm-v36-ivory) !important;
	box-shadow: 0 26px 90px rgba(0, 0, 0, 0.42);
}

.maudimi-latest-v28 .wp-block-post-title,
.maudimi-latest-v28 .wp-block-post-title a,
.maudimi-archive-query-v26 .wp-block-post-title,
.maudimi-archive-query-v26 .wp-block-post-title a,
.mdm-card-body .wp-block-post-title,
.mdm-card-body .wp-block-post-title a {
	color: var(--mdm-v36-ivory) !important;
	text-decoration: none;
}

.maudimi-latest-v28 .wp-block-post-excerpt,
.maudimi-latest-v28 .wp-block-post-excerpt__excerpt,
.maudimi-archive-query-v26 .wp-block-post-excerpt,
.mdm-card-body .wp-block-post-excerpt,
.mdm-card-body p {
	color: rgba(255, 248, 234, 0.82) !important;
}

.maudimi-latest-v28 .taxonomy-category,
.maudimi-latest-v28 .wp-block-post-date,
.maudimi-latest-v28 time,
.mdm-card-body .taxonomy-category,
.mdm-card-body .wp-block-post-date,
.mdm-card-body time {
	color: var(--mdm-v36-champagne) !important;
}

.maudimi-latest-v28 .wp-block-read-more,
.maudimi-archive-query-v26 .wp-block-read-more,
.mdm-card-body .wp-block-read-more {
	color: var(--mdm-v36-amber) !important;
	font-weight: 800;
	text-decoration: none;
}

body.maudimi-theme-light .maudimi-latest-v28 .wp-block-group:has(.wp-block-post-title),
body.maudimi-theme-light .maudimi-archive-query-v26 .wp-block-group:has(.wp-block-post-title),
body.maudimi-theme-light .maudimi-card-v32,
body.maudimi-theme-light .mdm-card-body {
	background:
		radial-gradient(circle at 86% 0%, rgba(213, 170, 97, 0.15), transparent 16rem),
		linear-gradient(145deg, #fff8ea, #ead8bc) !important;
	color: var(--mdm-v36-ink) !important;
	box-shadow: 0 24px 80px rgba(74, 45, 22, 0.14);
}

body.maudimi-theme-light .maudimi-latest-v28 .wp-block-post-title,
body.maudimi-theme-light .maudimi-latest-v28 .wp-block-post-title a,
body.maudimi-theme-light .maudimi-archive-query-v26 .wp-block-post-title,
body.maudimi-theme-light .maudimi-archive-query-v26 .wp-block-post-title a,
body.maudimi-theme-light .mdm-card-body .wp-block-post-title,
body.maudimi-theme-light .mdm-card-body .wp-block-post-title a,
body.maudimi-theme-light .mdm-card-body p {
	color: var(--mdm-v36-ink) !important;
}

body.maudimi-theme-light .maudimi-latest-v28 .wp-block-post-excerpt,
body.maudimi-theme-light .maudimi-latest-v28 .wp-block-post-excerpt__excerpt,
body.maudimi-theme-light .maudimi-archive-query-v26 .wp-block-post-excerpt {
	color: var(--mdm-v36-muted-dark) !important;
}

.wp-block-post-content,
.entry-content,
.comment-content {
	color: var(--mdm-v36-ivory);
}

.wp-block-post-content > p,
.wp-block-post-content li,
.comment-content p {
	color: rgba(255, 248, 234, 0.86);
}

body.maudimi-theme-light .wp-block-post-content,
body.maudimi-theme-light .entry-content,
body.maudimi-theme-light .comment-content,
body.maudimi-theme-light .wp-block-post-content > p,
body.maudimi-theme-light .wp-block-post-content li,
body.maudimi-theme-light .comment-content p {
	color: rgba(36, 24, 17, 0.88) !important;
}

@media (prefers-color-scheme: light) {
	body.maudimi-theme-auto .maudimi-latest-v28 .wp-block-group:has(.wp-block-post-title),
	body.maudimi-theme-auto .maudimi-archive-query-v26 .wp-block-group:has(.wp-block-post-title),
	body.maudimi-theme-auto .maudimi-card-v32,
	body.maudimi-theme-auto .mdm-card-body {
		background:
			radial-gradient(circle at 86% 0%, rgba(213, 170, 97, 0.15), transparent 16rem),
			linear-gradient(145deg, #fff8ea, #ead8bc) !important;
		color: #241811 !important;
	}

	body.maudimi-theme-auto .wp-block-post-content,
	body.maudimi-theme-auto .entry-content,
	body.maudimi-theme-auto .comment-content,
	body.maudimi-theme-auto .wp-block-post-content > p,
	body.maudimi-theme-auto .wp-block-post-content li,
	body.maudimi-theme-auto .comment-content p,
	body.maudimi-theme-auto .mdm-card-body p,
	body.maudimi-theme-auto .maudimi-latest-v28 .wp-block-post-title,
	body.maudimi-theme-auto .maudimi-latest-v28 .wp-block-post-title a {
		color: rgba(36, 24, 17, 0.88) !important;
	}
}

.wp-block-post-content > p:first-of-type::first-letter {
	float: left;
	margin: 0.08em 0.14em 0 0;
	color: var(--mdm-v36-amber);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 4.5em;
	line-height: 0.82;
}

.comment-respond,
.wp-block-post-comments-form,
.wp-block-comments {
	border: 1px solid rgba(255, 217, 133, 0.2);
	border-radius: var(--mdm-v36-radius);
	background: rgba(255, 248, 234, 0.055);
	color: var(--mdm-v36-ivory);
}

input,
textarea,
select {
	border-color: rgba(255, 217, 133, 0.25) !important;
	background: rgba(255, 248, 234, 0.1) !important;
	color: var(--mdm-v36-ivory) !important;
}

.wp-block-button__link,
button,
input[type="submit"] {
	border-color: rgba(255, 217, 133, 0.46) !important;
	background: linear-gradient(135deg, #fff0b8, #ffd985 52%, #c7934b) !important;
	color: #120b06 !important;
	box-shadow: 0 18px 52px rgba(255, 217, 133, 0.18);
}

.maudimi-color-switcher-v36 {
	position: fixed;
	right: max(16px, env(safe-area-inset-right));
	bottom: max(16px, env(safe-area-inset-bottom));
	z-index: 99990;
	min-height: 44px;
	padding: 0.68rem 0.9rem;
	border: 1px solid var(--mdm-v36-line-strong);
	border-radius: 999px;
	background: rgba(18, 10, 6, 0.82);
	color: var(--mdm-v36-ivory);
	backdrop-filter: blur(12px);
	box-shadow: 0 18px 54px rgba(0, 0, 0, 0.32);
}

body.maudimi-theme-light .maudimi-color-switcher-v36 {
	background: rgba(255, 248, 234, 0.86);
	color: var(--mdm-v36-ink);
}

*:focus-visible {
	outline: 2px solid var(--mdm-v36-amber) !important;
	outline-offset: 4px;
}

@media (max-width: 782px) {
	.mdm-header-v36 {
		top: max(10px, env(safe-area-inset-top));
		width: min(calc(100% - 20px), 720px) !important;
		min-height: 64px;
		padding: 0.52rem 0.62rem !important;
	}

	.mdm-header-v36 .mdm-brand-baseline,
	.mdm-desktop-nav-v36 {
		display: none !important;
	}

	.mdm-mobile-toggle-v36 {
		display: grid !important;
		place-items: center;
	}

	.maudimi-building-sequence {
		min-height: 720px !important;
	}

	.maudimi-building-sequence .wp-block-cover__inner-container {
		padding-top: 5.5rem;
	}

	.maudimi-door-grid-home-v28 {
		grid-template-columns: 1fr !important;
		gap: 1rem !important;
	}

	.maudimi-editorial-door {
		min-height: 0 !important;
	}

	.maudimi-latest-v28 .wp-block-post-template {
		grid-template-columns: 1fr !important;
	}

	.maudimi-latest-v28 .wp-block-post-featured-image img {
		max-height: 280px;
		object-fit: cover;
	}

	.maudimi-color-switcher-v36 {
		right: 12px;
		bottom: 12px;
		font-size: 0.78rem;
	}
}

@media (max-width: 390px) {
	.mdm-mobile-drawer-v36 .mdm-mobile-panel-v28 {
		margin-top: 74px;
		padding: 1rem;
		border-radius: 22px;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}

	.maudimi-building-sequence .wp-block-cover__image-background,
	.maudimi-editorial-door,
	.maudimi-card-motion {
		transform: none !important;
	}
}
