/* ═══════════════════════════════════════════════════════════════════════════
   Template MATCHA — Japandi tendance 2026, vert thé, brutalisme doux
   Inspirations : céramique japonaise, papier washi, neo-brutalism
   Effets : Fraunces variable, shadow offset néo-brutalist, mochi shapes
   ═══════════════════════════════════════════════════════════════════════════ */

.wpm--matcha {
	background-color: var(--wpm-surface);
	background-image:
		radial-gradient(ellipse 80% 50% at 100% 0%, color-mix(in srgb, var(--wpm-primary) 14%, transparent) 0%, transparent 50%),
		radial-gradient(ellipse 60% 40% at 0% 100%, color-mix(in srgb, var(--wpm-primary) 12%, transparent) 0%, transparent 50%);
}

.wpm--matcha > section {
	padding: 110px 32px;
	max-width: 1080px;
	position: relative;
}

/* ────── Titres : Fraunces, ornement cercle ouvert ────── */
.wpm--matcha .wpm-section-title {
	font-family: 'Fraunces', serif;
	font-variation-settings: 'opsz' 144, 'wght' 400;
	font-weight: 400;
}
.wpm--matcha .wpm-section-title::after {
	width: 36px; height: 36px;
	background: none;
	border: 1.5px solid var(--wpm-primary);
	border-radius: 50%;
	border-top-color: transparent;
	opacity: .55;
	margin-top: 22px;
	transform: rotate(-45deg);
}

/* ────── HERO : prénoms Fraunces, mochi sphere déco ────── */
.wpm--matcha .wpm-hero { min-height: 100vh; overflow: hidden; }
.wpm--matcha .wpm-hero__overlay {
	background:
		radial-gradient(ellipse at 80% 80%, color-mix(in srgb, var(--wpm-primary) 25%, transparent) 0%, transparent 50%),
		linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.5) 100%);
}
.wpm--matcha .wpm-hero__inner {
	animation: wpm-fade-up 1.6s cubic-bezier(.2,.7,.2,1) both;
}
.wpm--matcha .wpm-hero__names {
	font-family: 'Fraunces', serif;
	font-variation-settings: 'opsz' 144, 'wght' 400;
	font-weight: 400;
}
.wpm--matcha .wpm-hero__amp {
	font-family: 'Fraunces', serif;
	font-variation-settings: 'opsz' 9, 'wght' 300;
	font-weight: 300;
	font-style: italic;
	color: var(--wpm-secondary);
}
.wpm--matcha .wpm-hero__subtitle {
	font-weight: 500;
	letter-spacing: .3em;
}

/* Sphère "mochi" décorative */
.wpm--matcha .wpm-hero::before {
	content: '';
	position: absolute;
	bottom: -120px; left: -100px;
	width: 360px; height: 360px;
	background: radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--wpm-primary) 90%, #fff) 0%, var(--wpm-primary) 70%);
	border-radius: 50%;
	opacity: .55;
	mix-blend-mode: multiply;
	animation: wpm-float 8s ease-in-out infinite;
	pointer-events: none;
}

/* ────── COUNTDOWN : tableau zen ────── */
.wpm--matcha .wpm-countdown {
	background: var(--wpm-primary); color: var(--wpm-on-primary);
}
.wpm--matcha .wpm-countdown__grid > div {
	background: transparent;
	border: 1.5px solid currentColor;
	border-radius: 8px;
}
.wpm--matcha .wpm-countdown__grid strong {
	font-family: 'Fraunces', serif;
	font-variation-settings: 'opsz' 144, 'wght' 400;
}

/* ────── CARDS : style néo-brutalist Japandi ────── */
.wpm--matcha .wpm-lieu__step,
.wpm--matcha .wpm-menu__card,
.wpm--matcha .wpm-places__card,
.wpm--matcha .wpm-prestas__card,
.wpm--matcha .wpm-infos__card,
.wpm--matcha .wpm-livre__msg {
	border-radius: 4px;
	border: 1.5px solid var(--wpm-primary);
	background: var(--wpm-surface);
	box-shadow: 6px 6px 0 var(--wpm-secondary);
	transition: transform .2s, box-shadow .2s;
}
.wpm--matcha .wpm-lieu__step:hover,
.wpm--matcha .wpm-places__card:hover,
.wpm--matcha .wpm-menu__card:hover {
	transform: translate(-3px, -3px);
	box-shadow: 9px 9px 0 var(--wpm-secondary);
}
.wpm--matcha .wpm-lieu__step-type {
	font-family: 'Fraunces', serif;
	font-variation-settings: 'opsz' 9, 'wght' 600;
	background: var(--wpm-primary);
	border-radius: 4px;
	letter-spacing: .12em;
}

/* ────── CTA : tampon Japandi avec shadow offset ────── */
.wpm--matcha .wpm-rsvp__cta,
.wpm--matcha .wpm-liste__cta {
	background: var(--wpm-primary);
	color: var(--wpm-on-primary);
	border-radius: 4px;
	border: 1.5px solid var(--wpm-ink);
	box-shadow: 5px 5px 0 var(--wpm-ink);
	letter-spacing: .06em;
	font-weight: 600;
	padding: 16px 32px;
	transition: transform .15s, box-shadow .15s;
}
.wpm--matcha .wpm-rsvp__cta:hover,
.wpm--matcha .wpm-liste__cta:hover {
	transform: translate(2px, 2px);
	box-shadow: 2px 2px 0 var(--wpm-ink);
}

/* ────── GALERIE : carrés avec offset shadow ────── */
.wpm--matcha .wpm-galerie__item {
	border-radius: 4px;
	box-shadow: 4px 4px 0 var(--wpm-primary);
	transition: transform .25s, box-shadow .25s;
}
.wpm--matcha .wpm-galerie__item:hover {
	transform: translate(-2px, -2px);
	box-shadow: 7px 7px 0 var(--wpm-primary);
}

/* ────── PROGRAMME : ligne au pinceau ────── */
.wpm--matcha .wpm-programme__timeline::before {
	background: var(--wpm-primary);
	opacity: .5;
}
.wpm--matcha .wpm-programme__dot {
	background: var(--wpm-primary);
	border-radius: 4px;
	width: 12px; height: 12px;
	transform: rotate(45deg);
	margin-top: 12px;
	box-shadow: none;
	border: 0;
}

/* ────── FOOTER : zen vert profond ────── */
.wpm--matcha .wpm-footer {
	background: linear-gradient(180deg, var(--wpm-primary) 0%, color-mix(in srgb, var(--wpm-primary) 80%, #000) 100%);
}
.wpm--matcha .wpm-footer__love {
	font-family: 'Fraunces', serif;
	font-variation-settings: 'opsz' 144, 'wght' 400;
}