/* "Avisa-me quando voltar ao stock" (BackInStock.php, back-in-stock.js). */

/* Sold-out size: still clickable (to ask for the alert), struck through. */
.variable-items-wrapper .variable-item.amless-size-oos {
	position: relative;
	overflow: hidden;
	color: #a3a2a8 !important;
	background: #f6f5f7 !important;
}

.variable-items-wrapper .variable-item.amless-size-oos::after {
	content: "";
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important; /* The theme sizes swatch ::after to 10px. */
	height: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	transform: none !important;
	opacity: 1 !important;
	z-index: 2; /* Above the swatch's own (white) contents box. */
	background: linear-gradient(to top right, transparent calc(50% - 0.75px), #b9b8be calc(50% - 0.75px), #b9b8be calc(50% + 0.75px), transparent calc(50% + 0.75px));
	pointer-events: none;
}

.variable-items-wrapper .variable-item.amless-size-oos .variable-item-contents {
	background: transparent !important;
}

/* A sold-out size is chosen: the box replaces quantity + "Adicionar". */
form.variations_form.amless-is-oos .woocommerce-variation-add-to-cart {
	display: none !important;
}

.amless-bis {
	margin: 16px 0 20px;
	padding: 18px 18px 14px;
	border-radius: 14px;
	background: #f3efea;
	color: #202025;
}

.amless-bis[hidden],
.amless-bis__form[hidden] {
	display: none !important;
}

.amless-bis__title {
	position: relative;
	margin: 0 0 4px !important;
	padding-left: 26px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}

.amless-bis__title::before {
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	width: 18px;
	height: 18px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23202025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E") no-repeat center / contain;
}

.amless-bis__text {
	margin: 0 0 12px !important;
	font-size: 13px;
	line-height: 1.45;
	color: #55545b;
}

/* Email and button side by side when there is room (phones); stacked in the narrow desktop summary column. */
.amless-bis__form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.amless-bis .amless-bis__email {
	flex: 1 1 190px;
	min-width: 0;
	height: 48px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid #d9d7dd;
	border-radius: 999px;
	background: #fff;
	font-size: 16px; /* 16px: iOS doesn't zoom in on focus. */
}

.amless-bis .amless-bis__btn {
	flex: 1 0 auto;
	height: 48px;
	margin: 0;
	padding: 0 22px;
	border: 0;
	border-radius: 999px;
	background: #202025;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.amless-bis .amless-bis__btn:disabled {
	opacity: 0.6;
	cursor: wait;
}

.amless-bis__msg {
	margin: 8px 0 0 !important;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
}

.amless-bis__msg:empty {
	display: none;
}

.amless-bis__msg.is-error {
	color: #b3261e;
}

.amless-bis__note {
	margin: 10px 0 0 !important;
	font-size: 11px;
	line-height: 1.4;
	color: #79787f;
}

.amless-bis__note a {
	color: inherit;
	text-decoration: underline;
}

.amless-bis__hp {
	position: absolute !important;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}