/* Buffet bread choices use the same selectable-card language as dishes. */
.mob-scored-bread {
	min-width: 0;
	margin: 0 0 20px;
	padding: 0;
	border: 0;
}

.mob-scored-bread legend {
	margin: 0 0 10px;
	padding: 0;
	color: #66772b;
	font: 600 17px/1.2 var(--ff-display, Georgia, serif);
}

.mob-scored-bread-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
	gap: 12px;
}

.mob-scored-bread-card {
	position: relative;
	display: grid;
	grid-template-columns: 25px minmax(0, 1fr);
	align-items: center;
	gap: 9px 11px;
	min-height: 82px;
	padding: 13px;
	border: 1px solid #e9e6dd;
	border-radius: 13px;
	background: #fff;
	cursor: pointer;
	transition: transform .18s, border-color .18s, box-shadow .18s, background .18s;
}

.mob-scored-bread-card:hover {
	transform: translateY(-2px);
	border-color: #b5c76b;
	box-shadow: 0 7px 17px rgba(71, 83, 35, .08);
}

.mob-scored-bread-card.is-selected {
	border-color: #a1bc3a;
	background: linear-gradient(145deg, #f5f8e9, #fff);
	box-shadow: inset 0 0 0 1px rgba(161, 188, 58, .16);
}

.mob-scored-bread-card input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

.mob-scored-bread-indicator {
	display: grid;
	place-items: center;
	width: 25px;
	height: 25px;
	border: 1px solid #ccd1bd;
	border-radius: 50%;
	background: #fff;
	color: #fff;
	font: 700 14px/1 var(--ff-body, Arial, sans-serif);
}

.mob-scored-bread-card.is-selected .mob-scored-bread-indicator {
	border-color: #7a9020;
	background: #8fa82e;
}

.mob-scored-bread-card input:focus-visible + .mob-scored-bread-indicator {
	outline: 3px solid rgba(145, 169, 50, .35);
	outline-offset: 2px;
}

.mob-scored-bread-copy {
	display: grid;
	gap: 4px;
}

.mob-scored-bread-copy strong {
	color: #25251f;
	font-size: 14px;
	line-height: 1.3;
}

.mob-scored-bread-copy small {
	color: #77776d;
	font-size: 12px;
	line-height: 1.35;
}

.mob-scored-bread-price {
	grid-column: 2;
	color: #6b8f1f;
	font-size: 12px;
	font-weight: 700;
}

.mob-scored-bread-card:not(.is-selected) .mob-scored-bread-price {
	color: #b06a00;
}