/**
 * "Get new car alerts" button (template-parts/global/push-toggle.php). The
 * bell rings (gold, check-style state) once alerts are on.
 */

.push-toggle[hidden],
.push-toggle [hidden] {
	display: none;
}

.push-toggle__icon {
	display: inline-flex;
}

.push-toggle__icon--on,
.push-toggle.is-on .push-toggle__icon--off {
	display: none;
}

.push-toggle.is-on .push-toggle__icon--on {
	display: inline-flex;
	color: var(--nscb-color-highlight);
}

.push-toggle.is-on .push-toggle__btn {
	border-color: color-mix(in srgb, var(--nscb-color-highlight) 55%, transparent);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--nscb-color-highlight) 20%, transparent), 0 8px 20px -10px var(--nscb-highlight-glow);
}

.push-toggle__btn:disabled {
	cursor: default;
	opacity: 0.7;
}

.push-toggle__hint {
	max-width: 32rem;
	margin: 0;
	color: var(--nscb-color-text-secondary);
	font-size: var(--nscb-text-sm);
	line-height: 1.5;
}

.mobile-nav .push-toggle {
	margin-top: var(--nscb-space-3);
}