/* =========================================================
   My Baby My Way — Custom CSS v2 (WordPress.com-safe)
   No CSS variables, no @import — WordPress.com strips both.
   Paste ALL of this into: Appearance → Customize → Additional CSS
   (and make sure the old CSS is deleted from BOTH places first —
   see instructions in chat.)
   ========================================================= */
/* ---------- base ---------- */
body {
	font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: #2f1d12;
}

h1,h2,h3,h4,h5,h6,
.wp-block-heading {
	font-family: 'DM Serif Display', 'Georgia', serif !important;
	letter-spacing: -.01em;
	line-height: 1.15;
}

a {
	color: #a8482f;
}

/* ---------- buttons (content areas) ---------- */
.wp-block-button__link {
	background-color: #c75a3f !important;
	color: #ffffff !important;
	border-radius: 999px !important;
	padding: .85rem 1.6rem !important;
	font-weight: 600 !important;
	transition: transform .15s ease, background-color .15s ease;
}

.wp-block-button__link:hover {
	background-color: #b04a31 !important;
	transform: translateY(-1px);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent !important;
	color: #3b2418 !important;
	border: 2px solid #3b2418 !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: #3b2418 !important;
	color: #ffffff !important;
}

/* ---------- HEADER MENU FIX ----------
   The Yuga header menu is built from Button blocks. Make those
   read as a clean text menu: dark text, no fill, no border. */
header.wp-block-template-part .wp-block-button__link,
header.wp-block-template-part .wp-block-buttons .wp-block-button__link {
	background-color: transparent !important;
	color: #2f1d12 !important;
	border: none !important;
	padding: .45rem .9rem !important;
	font-weight: 600 !important;
	border-radius: 999px !important;
}

header.wp-block-template-part .wp-block-button__link:hover {
	color: #b04a31 !important;
	background-color: #efe0cd !important;
	transform: none;
}

/* Normal navigation blocks too, in case the menu is rebuilt later */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
	background-color: transparent !important;
	color: #2f1d12 !important;
	border: none !important;
}

.wp-block-navigation a:hover {
	color: #b04a31 !important;
}

/* ---------- helper classes (opt-in per block) ---------- */
.mbmw-section-sand {
	background: #efe0cd;
	padding: 64px 0;
}

.mbmw-section-plum {
	background: #3b2418;
	color: #fff;
	padding: 64px 0;
}

.mbmw-section-plum h1,.mbmw-section-plum h2,.mbmw-section-plum h3,
.mbmw-section-plum h4,.mbmw-section-plum p {
	color: #fff;
}

.mbmw-hero {
	background: radial-gradient(1000px 460px at 80% -10%, rgba(168,72,47,.14), transparent 60%), linear-gradient(180deg, #f7efe2, #efe0cd);
	padding: 72px 0 60px;
}

.mbmw-card {
	background: #fff;
	border: 1px solid #e7d6c2;
	border-radius: 18px;
	padding: 28px;
	transition: transform .15s ease, box-shadow .15s ease;
}

.mbmw-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 40px -24px rgba(59,36,24,.45);
}

.mbmw-eyebrow {
	text-transform: uppercase;
	letter-spacing: .16em;
	font-size: .78rem;
	font-weight: 700;
	color: #a8482f;
}

.mbmw-stat {
	font-family: 'DM Serif Display', 'Georgia', serif;
	font-size: 2.6rem;
	font-weight: 600;
	color: #b04a31;
	line-height: 1;
}

.mbmw-section-plum .mbmw-stat {
	color: #ffd9c7;
}

.mbmw-pill {
	display: inline-block;
	background: #fff;
	border: 1px solid #e7d6c2;
	border-radius: 999px;
	padding: .4rem .9rem;
	font-size: .85rem;
	font-weight: 600;
	color: #3b2418;
	margin: 0 6px 8px 0;
}

.mbmw-rounded img {
	border-radius: 18px;
}

/* =========================================================
   v3 FIXES (added after homepage test)
   ========================================================= */
/* Hide the theme's automatic page title (pages carry their own headlines) */
.page .wp-block-post-title {
	display: none;
}

/* 1) Stat cards on dark sections: dark text inside white cards */
.mbmw-section-plum .mbmw-card p,
.mbmw-section-plum .mbmw-card h3,
.mbmw-section-plum .mbmw-card h4 {
	color: #2f1d12;
}

.mbmw-section-plum .mbmw-card .mbmw-stat {
	color: #b04a31;
}

/* 2) Partner logo wall: tidy uniform tiles, logos shrink to fit */
.wp-block-gallery.has-nested-images figure.wp-block-image {
	background: #fff;
	border-radius: 12px;
	padding: 10px;
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
	height: 90px !important;
	width: 100% !important;
	object-fit: contain !important;
}

/* five logos per row instead of four huge ones */
.wp-block-gallery.columns-4.has-nested-images figure.wp-block-image {
	width: calc((100% - 64px)/5) !important;
	flex-grow: 0 !important;
}

/* 3) Tighter spacing between grouped buttons */
.wp-block-buttons {
	gap: 12px !important;
}

/* Collapse the empty box left behind by the hidden page title */
.page .wp-site-blocks > .wp-block-group:has(> .wp-block-post-title) {
	display: none;
}

/* Tighter spacing inside cards (theme default gap is huge) */
.mbmw-card > * + * {
	margin-block-start: 12px !important;
}

/* Hide the theme's full-width featured image on pages (pages carry their own hero images) */
.page .wp-block-post-featured-image {
	display: none;
}

/* Cards size to their content instead of stretching to match tall neighbors */
.wp-block-columns > .wp-block-column.mbmw-card {
	align-self: start;
}