/*
	mode catalogue: class added with mu-plugins/
*/

.dw-is-catalog .wp-block-add-to-cart-form { display: none }

.wp-block-add-to-cart-form form,
.wp-block-add-to-cart-form .woocommerce-variation-add-to-cart {
	display: flex;
	justify-content: start;
	gap: var(--wp--preset--spacing--20);
	flex-wrap: wrap;
}

.wp-block-add-to-cart-form .woocommerce-variation-add-to-cart .form-row,
#dw_bookid_field {
	width: 100%;
}

.wp-block-add-to-cart-form .single_add_to_cart_button {
	border-radius: var(--wp--custom--border--radius--button);

	background-color: var(--wp--preset--color--primary);

	flex-grow: 2;
	max-width: 20rem;

	text-transform: uppercase;
	font-weight: 800;
	font-family: var(--wp--preset--font-family--heading);
}

.wp-block-add-to-cart-form .single_variation_wrap {
	margin-top: var(--wp--preset--spacing--30);
	max-width:100%;
}

.wp-block-add-to-cart-form .reset_variations { color: var(--wp--preset--color--primary) }

.wp-block-add-to-cart-form .price {
	color: var(--wp--preset--color--primary);
	display: block;
	margin-bottom: var(--wp--preset--spacing--30);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--medium-small);
}

.wp-block-add-to-cart-form .variations_form select:hover { cursor: pointer }
.wp-block-add-to-cart-form .variations_form select, 
 #dw_bookid_field  select {
	padding: var(--wp--preset--spacing--20);
	margin: 0 var(--wp--preset--spacing--20);

	border: none;
	border-radius: var(--wp--custom--border--radius--button);

	color: var(--wp--preset--color--primary);
	background-color: var(--wp--preset--color--primary-lighter);

	text-transform: uppercase;
	font-family: var(--wp--preset--font--family--heading);
	font-weight: 800;
}

.wp-block-add-to-cart-form input.qty {
	border-radius: var(--wp--custom--border--radius--button);
	border-color: var(--wp--custom--color--neutral--020);
	border-width: 1px;
	border-style: solid;
	width: 3.5rem;
}

.wp-block-add-to-cart-form form.cart > .quantity {
	margin-bottom: var(--wp--preset--spacing--20);
	/*max-width: 5rem;*/
}

.wp-block-add-to-cart-form form.variations_form {
	flex-direction: column;
}

select#dw_bookid {
  margin-left: 0;
  max-width: 100%;
}