/*
 * SWPL Variation Availability - frontend (classic product page).
 *
 * Option markings: color/decoration is only ever a REINFORCEMENT - the
 * words ("out of stock", "only 2 left") live in the option label itself,
 * so every mode carries the information without color (colorblind-safe,
 * and safe on browsers that ignore <option> styling entirely, like iOS).
 *
 * The mini notify form inherits the theme's fonts on purpose; it should
 * look native to the store, not branded.
 */

/* Marking dial (independent of the count dial - any combination works):
   dim fades, cross strikes through, both does both. Words ride in the
   label in every combination. */
.swpl-va-marking-dim option.swpl-va-opt-unavailable,
.swpl-va-marking-both option.swpl-va-opt-unavailable {
	color: #9a9aa2;
}

.swpl-va-marking-cross option.swpl-va-opt-unavailable,
.swpl-va-marking-both option.swpl-va-opt-unavailable {
	text-decoration: line-through;
}

/* Low-stock options carry their count in the label whenever the count
   dial shows one; the emphasis applies under any marking. */
option.swpl-va-opt-low {
	font-weight: 600;
}

/* Back-in-stock mini form. */
.swpl-va-notify {
	margin: 12px 0;
	padding: 12px 14px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-left: 3px solid #b45309;
	border-radius: 6px;
	background: rgba(180, 83, 9, 0.06);
}

.swpl-va-notify__title {
	margin: 0 0 2px;
	font-weight: 600;
}

.swpl-va-notify__body {
	margin: 0 0 8px;
	font-size: 0.92em;
}

.swpl-va-notify__row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.swpl-va-notify__email {
	flex: 1 1 220px;
	min-width: 180px;
	padding: 8px 10px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 4px;
}

/* Honeypot: visually gone, still submittable by naive bots. */
.swpl-va-notify__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.swpl-va-notify__submit {
	padding: 8px 14px;
	border: 0;
	border-radius: 4px;
	background: #1f2937;
	color: #fff;
	cursor: pointer;
}

.swpl-va-notify__submit:hover {
	background: #374151;
}

.swpl-va-notify__submit:disabled {
	opacity: 0.6;
	cursor: default;
}

.swpl-va-notify__message {
	margin: 8px 0 0;
	font-size: 0.92em;
}

.swpl-va-notify__message:empty {
	display: none;
}