/* SarvTheme notify-me.css — built from modules. Edit modules + run npm run build */

/* --- notify-me.css --- */
/**
 * Notify Me — frontend styles.
 */

.st-notify-me {
	margin: var(--sarv-space-md, 1rem) 0;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	align-items: stretch;
}

.st-notify-me__btn {
	width: 100%;
}

.st-notify-me__form {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.st-notify-me__form[hidden] {
	display: none !important;
}

.st-notify-me__email {
	flex: 1;
	min-width: 12rem;
}

.st-notify-me__message {
	margin: 0;
	font-size: 0.9rem;
	color: #15803d;
}

.st-notify-me__message.is-error {
	color: #b91c1c;
}

.st-notify-me.is-loading .st-notify-me__btn,
.st-notify-me.is-loading .st-notify-me__submit {
	opacity: 0.7;
	pointer-events: none;
}