/**
 * Email subscribe/unsubscribe pages
 *
 * @copyright   2026, ON1
 */

.email-subscriptions {
	padding: 5rem 0;
}

.email-subscriptions h1 {
	font-size: var(--text-4xl);
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.email-subscriptions h2 {
	font-size: var(--text-xl);
	font-weight: 600;
	margin-bottom: 0.75rem;
}

.email-subscriptions p {
	margin-bottom: 1.5rem;
}

.email-subscriptions .form-error {
	color: var(--red-500);
}

.email-subscriptions .form-label {
	font-size: var(--text-sm);
	font-weight: 500;
	margin-bottom: 0.5rem;
}

.email-subscriptions .form-control {
	font-size: var(--text-sm);
	margin-bottom: 1.5rem;
	padding: 0.75rem 1rem;
}

.email-subscriptions .form-control[readonly] {
	color: var(--text-400);
}

.email-subscriptions .invalid-feedback {
	margin-bottom: 1.5rem;
	margin-top: -1rem;
}

.email-subscriptions .invalid-feedback p {
	margin-bottom: 0;
}

.email-subscriptions .form-check {
	margin-bottom: 1.25rem;
}

.email-subscriptions .form-check-label .check-title {
	display: block;
	font-weight: 500;
	margin-bottom: 0.25rem;
}

.email-subscriptions .form-check-label .check-description {
	color: var(--text-400);
	display: block;
	font-size: var(--text-sm);
	line-height: 1.5;
}

.email-subscriptions .btn {
	font-size: var(--text-sm);
	margin-top: 0.5rem;
	padding: 0.75rem 1.25rem;
}

/* The v3 badge is hidden, so Google's attribution has to appear in the markup */
.email-subscriptions .recaptcha-notice {
	color: var(--text-500);
	font-size: var(--text-tiny);
	line-height: 1.5;
	margin-bottom: 0;
	margin-top: 1.5rem;
}