/*
 * Bakery page (/bakery/), per the Claude Design "Website/Bakery.html".
 * Shared hub layout lives in assets/css/hub.css.
 */

.mbh-todaysec.wp-block-group {
	padding-top: 28px;
}

.mbh-todaysec + .mbh-gridsec.wp-block-group {
	padding-top: 0;
}

.mbh-bake {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 56px;
}

.mbh-bake > div {
	padding: 18px 20px;
	border-radius: 22px;
	background: var(--mbh-cream);
	transition: background 0.3s, color 0.3s;
}

.mbh-bake__tm {
	font-family: var(--mbh-stamp);
	font-size: 28px;
	line-height: 1;
	color: var(--mbh-jam);
}

.mbh-bake__w {
	margin-top: 8px;
	font-size: 16px;
	font-weight: 800;
}

.mbh-bake__d {
	margin-top: 2px;
	font-size: 15px;
	color: var(--mbh-crust);
}

.mbh-bake > .is-now {
	background: var(--mbh-jam);
	color: var(--mbh-cream);
}

.mbh-bake > .is-now .mbh-bake__tm {
	color: var(--mbh-peach);
}

.mbh-bake > .is-now .mbh-bake__d {
	color: #fce6d2;
}

.mbh-bake__nt {
	display: inline-block;
	margin-top: 10px;
	padding: 5px 11px;
	border-radius: 999px;
	background: var(--mbh-peach);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--mbh-jam);
}

.mbh-bake__nt[hidden] {
	display: none;
}

.mbh-todaysec .mbh-hd__note {
	transform: none;
}

.mbh-todaysec .mbh-note svg {
	transform: scale(-1, -1);
}

@media (max-width: 1100px) {
	.mbh-bake {
		display: flex;
		gap: 12px;
		margin: 0 -24px 56px;
		padding: 4px 24px 14px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding-left: 24px;
		scrollbar-width: none;
		-webkit-mask: linear-gradient(90deg, #000 calc(100% - 40px), transparent);
		mask: linear-gradient(90deg, #000 calc(100% - 40px), transparent);
	}

	.mbh-bake::-webkit-scrollbar {
		display: none;
	}

	.mbh-bake > div {
		flex: 0 0 220px;
		scroll-snap-align: start;
	}
}

@media (max-width: 640px) {
	.mbh-bake {
		margin: 0 -18px 40px;
		padding: 4px 18px 14px;
	}

	.mbh-bake > div {
		flex-basis: 62%;
	}
}