/* Unlocked Restock Alerts */

/* Out-of-stock variation with the alert: the faded "add to cart" row goes away instead of sitting under the form. */
.single_variation_wrap:has(.ura-box) .woocommerce-variation-add-to-cart {
	display: none;
}

/* The theme puts price and availability side by side and never shrinks the availability: the open form (up to 480px)
   went past the column on phones and the canvas slid sideways, and on desktop the button sat off the left edge. With the
   alert, the availability takes its own line under the price, aligned with the swatches and the wishlist. */
.single_variation:has(.ura-box) {
	flex-wrap: wrap;
}
.woocommerce-variation-availability:has(.ura-box) {
	flex: 1 1 100%;
	min-width: 0;
}
/* Same price on every variation: the theme leaves the price empty, but the flex gap still pushed "Esgotado" and the
   button 16px right of the swatches and the wishlist. */
.single_variation:has(.ura-box) .woocommerce-variation-price:empty {
	display: none;
}
.ura-box {
	max-width: 100%;
	margin: 12px 0 16px;
}
.ura-notice p {
	margin: 0 0 10px;
}
.ura-open,
.ura-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 20px;
	border: 0;
	border-radius: var(--ura-radius, 4px);
	background: var(--color-content-primary, #111);
	color: #fff;
	font: inherit;
	font-weight: 600;
	white-space: nowrap;
	cursor: pointer;
}
.ura-open {
	gap: 8px;
}
.ura-icon {
	flex: 0 0 auto;
}
.ura-submit {
	flex: 0 0 auto;
}
.ura-open:hover,
.ura-submit:hover {
	opacity: .9;
}
.ura-submit[disabled] {
	opacity: .6;
	cursor: default;
}
.ura-form {
	max-width: 480px;
}
.ura-form[hidden],
.ura-open[hidden],
.ura-form [hidden] {
	display: none;
}
.ura-intro {
	margin: 0 0 8px;
}
.ura-row {
	display: flex;
	gap: 8px;
}
.ura-row input[type="email"] {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 44px;
	font-size: 16px; /* No zoom on iPhone. */
}
.ura-news {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 1.4;
	cursor: pointer;
}
.ura-news input {
	margin-top: 3px;
}
.ura-small {
	margin: 6px 0 0;
	font-size: 12px;
	opacity: .75;
}
.ura-msg:empty {
	display: none;
}
.ura-msg {
	margin: 10px 0 0;
	font-weight: 600;
}
.ura-msg.ura-error {
	color: #c0392b;
}
.ura-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	opacity: 0;
}
@media (max-width: 480px) {
	.ura-row {
		flex-direction: column;
	}
	.ura-open,
	.ura-submit {
		width: 100%;
	}
}