/* Hide the "Add to cart" button for variations marked as out of stock */
.single_add_to_cart_button.wc-variation-is-unavailable {
	display: none;
}

/* Hide the "Add to cart" button on load when the whole variable product is out of stock
   (i.e. every variation is out of stock, so no selection is needed to know it's unavailable) */
.product.outofstock .single_add_to_cart_button {
	display: none;
}

/* When the whole product is out of stock (or every variation is), hide the variation
   dropdown entirely - there is nothing purchasable to select.
   !important is needed here because the7 theme's dynamically generated
   wc-dt-custom.css ships "table.variations { display: inline-flex }", which
   outranks a plain class selector (one extra type selector = higher specificity)
   and loads after this stylesheet. */
.product.outofstock .variations {
	display: none !important;
}

/* Inquiry button - shown only when the whole product is out of stock */
.woo-md-inquiry-btn {
	display: none;
	width: auto;
	max-width: max-content;
	align-self: flex-start;
	margin-bottom: 20px;
}

.product.outofstock .woo-md-inquiry-btn {
	display: inline-block;
}

.woo-md-inquiry-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
}

.woo-md-inquiry-modal.is-open {
	display: block;
}

.woo-md-inquiry-modal__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.woo-md-inquiry-modal__content {
	position: relative;
	background: #fff;
	max-width: 480px;
	width: 90%;
	margin: 8vh auto 0;
	padding: 30px;
	border-radius: 4px;
	box-sizing: border-box;
	max-height: 84vh;
	overflow-y: auto;
}

.woo-md-inquiry-modal__close {
	position: absolute;
	top: 6px;
	right: 12px;
	background: none;
	border: none;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
	color: #333;
}

.woo-md-inquiry-modal__content h3 {
	margin-top: 0;
}