/**
 * Tyria Product Options — minimal, theme-friendly styling for the choice
 * radio group on the single product page. Scoped entirely under
 * .tyria-product-options so it cannot affect any other markup.
 */
.tyria-product-options {
	margin: 0 0 1em;
}

.tyria-product-options__label {
	margin: 0 0 0.5em;
}

.tyria-product-options__list {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
}

.tyria-product-options__item {
	margin: 0 0 0.35em;
}

.tyria-product-options__item label {
	cursor: pointer;
	font-weight: normal;
}

/*
 * Layout guard: some themes make `form.cart` a flex row with
 * `align-items: stretch` (the quantity box + Add-to-cart button sit in a row).
 * Inserting the choices before the button then stretches the quantity box to
 * the full height of the choices list. Force the option set onto its own
 * full-width row so the quantity box keeps its natural height. This stylesheet
 * only loads on products where the plugin is enabled, so it can't affect other
 * pages' add-to-cart forms.
 */
form.cart {
	flex-wrap: wrap !important;
}

.tyria-product-options {
	flex: 0 0 100% !important;
	width: 100%;
	align-self: flex-start !important;
}

/* Emphasis when the shopper tries to add to cart without choosing. */
.tyria-product-options--error .tyria-product-options__label,
.tyria-product-options--error .tyria-product-options__prompt {
	color: #b32d2e;
}