/**
 * Front-end styles for AVAR ProductPulse Pro (stock/price alert sign-up forms
 * and the order-bump box). Loaded on product pages. Kept intentionally light so
 * it inherits the theme's look; tweak via your theme if needed.
 */

.avar-pp-alert {
	margin: 14px 0;
	padding: 14px 16px;
	border: 1px solid #e2e4e7;
	border-radius: 6px;
	background: #fafafa;
	max-width: 420px;
}

.avar-pp-alert label {
	font-size: 14px;
}

.avar-pp-alert input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	margin: 4px 0;
}

.avar-pp-alert .button {
	margin-top: 8px;
}

/* Honeypot — keep it visually hidden but present for bots. */
.avar-pp-alert input[name="avar_pp_hp"] {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.avar-pp-alert-message {
	margin-top: 8px;
	font-size: 13px;
}

/* Order bump box rendered before the checkout payment section. */
.avar-pp-bump {
	margin: 12px 0;
	padding: 12px;
	border: 1px dashed #1f6feb;
	border-radius: 4px;
}

.avar-pp-bump label {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	cursor: pointer;
}