.wp-block-storeengine-order-summary.storeengine-order-summary-block--no-thumbnails .storeengine-order-item-entry-left a {
	display: none;
}

/*
 * Collapsible on mobile: a full-width header button with a chevron that
 * turns with the state. Hidden on desktop, where the summary always shows;
 * the editor shows it at every width (--preview) so the setting is visible.
 */
.wp-block-storeengine-order-summary .storeengine-order-summary-block__toggle {
	display: none;
	box-sizing: border-box;
	align-items: center;
	gap: 0.5em;
	width: 100%;
	margin: 0 0 0.75em;
	padding: 0.75em 1em;
	border: 1px solid var(--storeengine-border-color, #e4e7ec);
	border-radius: var(--se-shop-radius, 8px);
	background: var(--storeengine-surface-color, #fff);
	color: inherit;
	font: inherit;
	font-weight: 600;
	text-align: start;
	cursor: pointer;
}

.wp-block-storeengine-order-summary .storeengine-order-summary-block__toggle:hover {
	border-color: var(--storeengine-primary-color, currentColor);
}

.wp-block-storeengine-order-summary .storeengine-order-summary-block__toggle:focus-visible {
	outline: 2px solid var(--storeengine-primary-color, currentColor);
	outline-offset: 2px;
}

.wp-block-storeengine-order-summary .storeengine-order-summary-block__toggle-label {
	flex: 1 1 auto;
}

.wp-block-storeengine-order-summary .storeengine-order-summary-block__toggle-tag {
	flex: none;
	padding: 0.1em 0.5em;
	border-radius: 999px;
	background: var(--storeengine-border-color, #e4e7ec);
	font-size: 0.75em;
	font-weight: 400;
}

.wp-block-storeengine-order-summary .storeengine-order-summary-block__chevron {
	flex: none;
	transition: transform 0.2s ease;
}

.wp-block-storeengine-order-summary .storeengine-order-summary-block__toggle[aria-expanded="true"] .storeengine-order-summary-block__chevron {
	transform: rotate(180deg);
}

.wp-block-storeengine-order-summary.storeengine-order-summary-block--preview .storeengine-order-summary-block__toggle {
	display: flex;
}

@media (max-width: 781px) {

	.wp-block-storeengine-order-summary .storeengine-order-summary-block__toggle {
		display: flex;
	}

	.wp-block-storeengine-order-summary.is-collapsed .storeengine-order-summary-block__content {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {

	.wp-block-storeengine-order-summary .storeengine-order-summary-block__chevron {
		transition: none;
	}
}

/* Editor only: says the preview is sample data. */
.wp-block-storeengine-order-summary .storeengine-block-sample-note {
	margin: 0 0 0.5em;
	font-size: 12px;
	font-style: italic;
	opacity: 0.6;
}
