.wp-block-storeengine-product-sort {
	display: flex;
	justify-content: flex-end;
}

/* Editor only: the server preview's copy of the wrapper. */
.wp-block-storeengine-product-sort .wp-block-storeengine-product-sort {
	margin: 0;
}

/*
 * The block's colours, border and shadow are drawn on the form (render.php),
 * so they frame the label and menu instead of an empty bar across the row.
 */
.storeengine-product-sort__form {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6em;
	box-sizing: border-box;
	max-width: 100%;
}

.storeengine-product-sort__form--filled {
	padding: 0.4em 0.4em 0.4em 0.8em;
	border-radius: var(--se-shop-button-radius, 6px);
}

/* StoreEngine's form styles colour every select; follow the block's Text colour. */
.wp-block-storeengine-product-sort .storeengine-product-sort__select {
	color: inherit;
}

.storeengine-product-sort__label {
	white-space: nowrap;
}

.storeengine-product-sort__select {
	padding: 0.5em 2em 0.5em 0.75em;
	border: 1px solid var(--storeengine-border-color, #e4e7ec);
	border-radius: var(--se-shop-button-radius, 6px);
	background-color: var(--storeengine-surface-color, #fff);
	color: inherit;
	font: inherit;
}

.storeengine-product-sort__select:focus {
	border-color: var(--storeengine-primary-color, currentColor);
	outline: none;
}
