/*
Maudimi Template Library - pattern presentation styles.
*/

:root {
	--mdm-pl-ink: #070504;
	--mdm-pl-night: #120d0a;
	--mdm-pl-paper: #fff8ea;
	--mdm-pl-text: #211713;
	--mdm-pl-muted: #5f4a3d;
	--mdm-pl-gold: #d8b36e;
	--mdm-pl-blue: #8eb4c8;
	--mdm-pl-sage: #9fba96;
	--mdm-pl-coral: #da755f;
	--mdm-pl-radius: 20px;
	--mdm-pl-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.mdm-pl-section {
	padding: clamp(2.4rem, 5vw, 4.8rem) clamp(1rem, 4vw, 3rem);
}

.mdm-pl-dark {
	background:
		radial-gradient(circle at 82% 14%, rgba(216, 179, 110, 0.16), transparent 24rem),
		linear-gradient(145deg, var(--mdm-pl-night), var(--mdm-pl-ink));
	color: var(--mdm-pl-paper);
}

.mdm-pl-paper {
	background:
		radial-gradient(circle at 10% 0%, rgba(216, 179, 110, 0.12), transparent 22rem),
		#f8efe1;
	color: var(--mdm-pl-text);
}

.mdm-pl-newsletter,
.mdm-pl-cta,
.mdm-pl-quote {
	background:
		radial-gradient(circle at 72% 18%, rgba(216, 179, 110, 0.2), transparent 24rem),
		linear-gradient(135deg, #17100c, #080605);
	color: var(--mdm-pl-paper);
}

.mdm-pl-footer {
	padding: clamp(2.2rem, 4vw, 3.5rem) clamp(1rem, 4vw, 3rem);
	background: #070504;
	color: var(--mdm-pl-paper);
}

.mdm-pl-kicker {
	margin-bottom: 0.85rem;
	color: var(--mdm-pl-gold) !important;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.mdm-pl-display {
	max-width: 720px;
	color: #fff8ea !important;
	font-size: clamp(2.4rem, 5.4vw, 4.8rem);
	line-height: 1;
}

.mdm-pl-title {
	max-width: 760px;
	color: #fff8ea !important;
	font-size: clamp(2rem, 4vw, 3.6rem);
	line-height: 1.02;
}

.mdm-pl-title-dark {
	max-width: 760px;
	color: var(--mdm-pl-text) !important;
	font-size: clamp(1.9rem, 3.8vw, 3.2rem);
	line-height: 1.02;
}

.mdm-pl-lead,
.mdm-pl-lead-dark {
	max-width: 680px;
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	line-height: 1.62;
}

.mdm-pl-lead {
	color: rgba(255, 248, 234, 0.78) !important;
}

.mdm-pl-lead-dark {
	color: var(--mdm-pl-muted) !important;
}

.mdm-pl-card {
	min-height: 160px;
	padding: clamp(1.2rem, 2vw, 1.7rem);
	border: 1px solid rgba(40, 25, 16, 0.12);
	border-radius: var(--mdm-pl-radius);
	background: rgba(255, 250, 241, 0.94);
	color: var(--mdm-pl-text);
	box-shadow: 0 20px 64px rgba(41, 24, 12, 0.1);
}

.mdm-pl-card-dark {
	border-color: rgba(255, 240, 210, 0.18);
	background: rgba(255, 250, 241, 0.08);
	color: var(--mdm-pl-paper);
	box-shadow: var(--mdm-pl-shadow);
}

.mdm-pl-card-dark p {
	color: rgba(255, 248, 234, 0.72);
}

.mdm-pl-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 28%, rgba(216, 179, 110, 0.22), transparent 26rem),
		linear-gradient(145deg, #150f0b, #050403);
}

.mdm-pl-hero .wp-block-cover__inner-container {
	width: min(100% - 2rem, 1180px);
}

.mdm-pl-hero-copy {
	position: relative;
	z-index: 4;
	padding: clamp(1.15rem, 2.6vw, 2rem);
	border: 1px solid rgba(255, 240, 210, 0.16);
	border-radius: 28px;
	background: rgba(7, 5, 4, 0.42);
	backdrop-filter: blur(6px);
}

.mdm-pl-image-placeholder {
	min-height: clamp(320px, 44vw, 520px);
	border-radius: 28px;
	background:
		linear-gradient(145deg, rgba(7, 5, 4, 0.1), rgba(7, 5, 4, 0.32)),
		radial-gradient(circle at 35% 30%, rgba(216, 179, 110, 0.45), transparent 18rem),
		linear-gradient(135deg, #7f4e38, #1a110d);
	box-shadow: var(--mdm-pl-shadow);
}

.mdm-pl-round-placeholder {
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	width: min(100%, 320px);
	margin-inline: auto;
	border: 1px solid rgba(40, 25, 16, 0.14);
	border-radius: 999px;
	background: radial-gradient(circle, #fff8ea, #d8b36e 68%, #4a2d1d);
	color: #211713;
	font-size: clamp(4rem, 12vw, 8rem);
	font-weight: 800;
	box-shadow: var(--mdm-pl-shadow);
}

.mdm-pl-quote blockquote {
	margin: 0;
	padding: clamp(1.5rem, 4vw, 3rem);
	border-left: 1px solid var(--mdm-pl-gold);
	color: var(--mdm-pl-paper);
	font-size: clamp(1.35rem, 3vw, 2.2rem);
	line-height: 1.35;
}

.mdm-pl-stack {
	display: grid;
	gap: 0.85rem;
}

.mdm-pl-stack p {
	padding: 1rem 1.1rem;
	border: 1px solid rgba(40, 25, 16, 0.12);
	border-radius: 16px;
	background: #fffaf1;
}

.mdm-pl-section .wp-block-button__link {
	border-radius: 999px;
	font-weight: 760;
}

.mdm-pl-dark .wp-block-button__link,
.mdm-pl-newsletter .wp-block-button__link,
.mdm-pl-cta .wp-block-button__link,
.mdm-pl-404 .wp-block-button__link,
.mdm-pl-hero .wp-block-button__link {
	border: 1px solid rgba(216, 179, 110, 0.58);
	background: linear-gradient(135deg, #f4d68f, #d5a55a 56%, #ffe2a1);
	color: #130d09 !important;
}

@media (max-width: 782px) {
	.mdm-pl-section,
	.mdm-pl-footer {
		padding: 2.35rem 1rem;
	}

	.mdm-pl-display {
		font-size: clamp(2.25rem, 11vw, 3.25rem);
	}

	.mdm-pl-title,
	.mdm-pl-title-dark {
		font-size: clamp(1.9rem, 9vw, 2.65rem);
	}

	.mdm-pl-card {
		min-height: 0;
	}
}