/* Site-wide footer helpers (Mallow rework). Loaded on every page — keep tiny.
   Mobile: footer sections collapse to their headings (footer-mobile.js adds
   .mw-foot-acc + toggles .is-open; no JS = the flat grid, nothing hidden). */

@media (max-width: 782px) {
	footer.wp-block-template-part .mw-foot-acc > :is(h1, h2, h3, h4) {
		cursor: pointer;
		user-select: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
	}

	/* Caret: points right closed, down open. */
	footer.wp-block-template-part .mw-foot-acc > :is(h1, h2, h3, h4)::after {
		content: '';
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 6px solid #C9B48D;
		transition: transform .15s ease;
		flex: none;
	}

	footer.wp-block-template-part .mw-foot-acc.is-open > :is(h1, h2, h3, h4)::after {
		transform: rotate(90deg);
	}

	/* Collapsed: only the heading shows. */
	footer.wp-block-template-part .mw-foot-acc:not(.is-open) > :not(:is(h1, h2, h3, h4)) {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	footer.wp-block-template-part .mw-foot-acc > :is(h1, h2, h3, h4)::after {
		transition: none;
	}
}

/* Owner banner images (sale promos + free shipping): desktop keeps the
   inline sizing (half-width, 80px); phones get the full content width
   (owner ask 2026-07-11 — they were tiny on mobile). */
@media (max-width: 782px) {
	img.mw-banner-img {
		max-width: 100% !important;
		max-height: 160px !important;
	}
}

/* ── Content pages: the dark-zone Baloo title + seam, site-wide ──
   (policies, About, packing guide, grading, Terms — rework item 10).
   Excluded: home + the sell page (their own worlds), Woo pages (their
   own stylesheets carry the identical treatment). */
body.page:not(.home):not(.mw-buylist-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.page-template-page-no-title) {
	overflow-x: clip;
}

body.page:not(.home):not(.mw-buylist-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.page-template-page-no-title) h1.wp-block-post-title {
	position: relative;
	z-index: 0;
	font-family: 'Baloo 2', 'Inter', sans-serif;
	font-size: 30px;
	font-weight: 800;
	color: #FEE7B1;
	padding: 4px 0 42px;
	margin-bottom: 8px;
}

body.page:not(.home):not(.mw-buylist-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.page-template-page-no-title) h1.wp-block-post-title::before {
	content: '';
	position: absolute;
	inset: -120px calc(50% - 50vw - 10px) 26px;
	background: #0E0B09;
	z-index: -1;
}

body.page:not(.home):not(.mw-buylist-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.page-template-page-no-title) h1.wp-block-post-title::after {
	content: '';
	position: absolute;
	left: calc(50% - 50vw - 10px);
	right: calc(50% - 50vw - 10px);
	bottom: 0;
	height: 26px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1180 26' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1180 V8 Q1150,26 1120,8 Q1090,26 1060,8 Q1030,26 1000,8 Q970,26 940,8 Q910,26 880,8 Q850,26 820,8 Q790,26 760,8 Q730,26 700,8 Q670,26 640,8 Q610,26 580,8 Q550,26 520,8 Q490,26 460,8 Q430,26 400,8 Q370,26 340,8 Q310,26 280,8 Q250,26 220,8 Q190,26 160,8 Q130,26 100,8 Q70,26 40,8 Q10,26 0,8 Z' fill='%230E0B09'/%3E%3C/svg%3E");
	background-size: 100% 26px;
}

/* ── Home hero CTAs (owner ask 2026-07-11: the buttons didn't stand out) ──
   Colors live in the page blocks (BUY cream/chocolate · SELL teal);
   the geometry lives here so the editor markup stays simple: Baloo,
   fat padding, squish corners, a STANDING caramel toast-edge, and a
   lift on hover. */
body.home .wp-block-buttons .wp-block-button__link {
	font-family: 'Baloo 2', 'Inter', sans-serif;
	font-weight: 800;
	letter-spacing: 1px;
	padding: 16px 38px;
	border-radius: 14px 18px 13px 17px !important;
	box-shadow: 0 6px 0 #E9B45C;
	transition: transform .12s ease, box-shadow .12s ease;
}

body.home .wp-block-buttons .wp-block-button__link:hover {
	transform: translateY(-2px) scale(1.03, .97);
	box-shadow: 0 8px 0 #E9B45C, 0 12px 24px rgba(0, 0, 0, .35);
}

@media (prefers-reduced-motion: reduce) {
	body.home .wp-block-buttons .wp-block-button__link {
		transition: none;
	}

	body.home .wp-block-buttons .wp-block-button__link:hover {
		transform: none;
	}
}

/* ── The mini-cart drawer (rework gap-closure 2026-07-11) ── */
.wc-block-mini-cart__drawer .components-modal__content,
.wc-block-mini-cart__drawer {
	background: #FFF3D8;
}

.wc-block-mini-cart__title {
	font-family: 'Baloo 2', 'Inter', sans-serif !important;
	font-weight: 800 !important;
	color: #2B1714 !important;
}

.wc-block-mini-cart__drawer .wc-block-cart-item__image img {
	background: #FFF7E3;
	border-radius: 9px 12px 8px 11px;
}

.wc-block-mini-cart__drawer .wc-block-components-product-price,
.wc-block-mini-cart__footer .wc-block-components-totals-item__value {
	font-family: 'Baloo 2', 'Inter', sans-serif;
	font-weight: 800;
	color: #2B1714;
}

.wc-block-mini-cart__drawer .wc-block-cart-item__remove-link {
	color: #B22765 !important;
}

.wc-block-mini-cart__drawer .wc-block-components-quantity-selector {
	border: 1.5px solid #E9D6AC !important;
	border-radius: 10px 13px 9px 12px;
	background: #FFF7E3;
	overflow: hidden;
}

.wc-block-mini-cart__footer {
	border-top: 1.5px solid #E9D6AC;
}

/* Go to checkout = chocolate primary; View my cart = teal outline. */
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-checkout,
.wc-block-mini-cart__footer .wc-block-components-button.contained {
	background: #422623 !important;
	color: #FEE7B1 !important;
	border: none !important;
	border-radius: 13px 16px 12px 15px !important;
	font-weight: 700 !important;
}

.wc-block-mini-cart__footer .wc-block-mini-cart__footer-cart,
.wc-block-mini-cart__footer .wc-block-components-button.outlined {
	background: transparent !important;
	color: #0E93A6 !important;
	border: 1.5px solid #2BC3D8 !important;
	border-radius: 13px 16px 12px 15px !important;
	font-weight: 700 !important;
}

.wc-block-mini-cart__shopping-button,
.wc-block-mini-cart__drawer .wp-block-button__link {
	background: #422623 !important;
	color: #FEE7B1 !important;
	border: none !important;
	border-radius: 13px 16px 12px 15px !important;
	font-weight: 700 !important;
}