/*
 * Marketplace Core: the seller and status of each item, the pickup codes, the refunds and the
 * sellers' blocks on WooCommerce's order-received and My Account order pages and the guest page
 * (theme independent, mobile first). Loaded only on those pages.
 */
.bmp-order-item {
	margin-top: 0.35em;
	font-size: 0.9em;
	line-height: 1.45;
}
.bmp-order-item p {
	margin: 0 0 0.2em;
}
.bmp-order-item__seller {
	opacity: 0.85;
}
.bmp-order-item__status {
	font-weight: 600;
}
.bmp-order-item__status--wait {
	color: #8a5a00;
}
.bmp-order-item__status--good {
	color: #127a3e;
}
.bmp-order-item__status--bad {
	color: #b42318;
}
.bmp-sellers,
.bmp-choices,
.bmp-pickups,
.bmp-refunds {
	margin: 1.5em 0;
}
/* The pickup code (ADR-0062): large digits and the QR symbol, always dark on white. */
.bmp-pickup {
	margin: 0 0 1.25em;
	padding: 1em;
	border: 2px solid #127a3e;
	border-radius: 8px;
}
.bmp-pickup h3 {
	margin: 0 0 0.5em;
	font-size: 1.1em;
}
.bmp-pickup p {
	margin: 0 0 0.5em;
}
.bmp-pickup__label {
	font-weight: 600;
}
.bmp-pickup__code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 2em;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.12em;
	line-height: 1.2;
}
.bmp-pickup .bmp-qr {
	display: block;
	width: 168px;
	max-width: 100%;
	height: auto;
	margin: 0 0 0.75em;
	background: #fff;
}
.bmp-refunds__list {
	margin: 0.5em 0 0 1.25em;
	padding: 0;
}
.bmp-refunds__item {
	margin: 0 0 0.4em;
}
.bmp-refunds__item--problem {
	color: #b42318;
}
.bmp-choice {
	margin: 0 0 1.25em;
	padding: 1em;
	border: 2px solid #8a5a00;
	border-radius: 8px;
}
.bmp-choice p {
	margin: 0 0 0.5em;
}
.bmp-choice details {
	margin: 0 0 0.75em;
}
.bmp-choice__form {
	margin-top: 0.75em;
}
.bmp-choice__form .button {
	min-height: 44px;
	margin: 0.25em 0.5em 0.25em 0;
}
.bmp-choice__form .input-text {
	width: 100%;
	max-width: 24em;
	min-height: 44px;
}
.bmp-sellers__note {
	padding: 0.75em 1em;
	border-left: 3px solid currentcolor;
	font-size: 0.95em;
}
.bmp-seller-block {
	margin: 0 0 1.25em;
	padding: 1em;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 8px;
}
.bmp-seller-block h3 {
	margin: 0 0 0.5em;
	font-size: 1.1em;
}
.bmp-seller-block h4 {
	margin: 1em 0 0.35em;
	font-size: 1em;
}
.bmp-seller-block p {
	margin: 0 0 0.5em;
}
/* Phones: each label above its value, so e-mail addresses and names keep the full width. */
.bmp-seller-block dl {
	margin: 0.5em 0;
}
.bmp-seller-block dt {
	font-weight: 600;
}
.bmp-seller-block dd {
	margin: 0 0 0.4em;
	overflow-wrap: anywhere;
}
@media (min-width: 36em) {
	.bmp-seller-block dl {
		display: grid;
		grid-template-columns: max-content minmax(0, 1fr);
		gap: 0.25em 1em;
	}
	.bmp-seller-block dd {
		margin: 0;
	}
}
.bmp-seller-block summary,
.bmp-cancel summary {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	cursor: pointer;
	text-decoration: underline;
}
.bmp-cancel {
	margin-top: 0.75em;
}
.bmp-cancel__form {
	margin-top: 0.5em;
}
.bmp-cancel__form .input-text {
	width: 100%;
	max-width: 24em;
	min-height: 44px;
}
.bmp-cancel__form .button {
	min-height: 44px;
}

/* The notices about an order (an incident that affects it, ADR-0064): first on the page, dark on
   light amber, never colour alone (the title says it). */
.bmp-order-notices {
	margin: 0 0 1.25em;
	padding: 0.75em 1em;
	border-left: 4px solid #8a5a00;
	border-radius: 4px;
	background: #fff8e6;
	color: #1d2327;
	line-height: 1.5;
}
.bmp-order-notices p {
	margin: 0 0 0.35em;
}
.bmp-order-notices p:last-child {
	margin-bottom: 0;
}
.bmp-order-notices__title {
	font-weight: 700;
}
@media (forced-colors: active) {
	.bmp-order-notices {
		border: 1px solid CanvasText;
		border-left-width: 4px;
	}
}