/**
 * Newsletter leaf-bubble popup — Popup Maker #3686
 *
 * Shape uses site leaf-radius tokens (point bottom-right).
 * Position flush to viewport bottom-right corner.
 * Typography and CTA match theme.css button / text tokens
 * (popup sits outside #page-container, so styles are duplicated here).
 */

#pum-3686.pum,
.pum-overlay[data-popup-id="3686"],
.pum[data-popmake*="3686"] {
	/* Ensure overlay shell does not block the page when overlay_disabled */
}

#pum-3686 .pum-container,
.pum[data-popmake*='"3686"'] .pum-container,
#popmake-3686 {
	background: var(--green-leaf-50, #eff6e7) !important;
	border: solid 2px var(--green-leaf-800, #317400) !important;
	box-shadow: 2px 1px 20px 3px rgba(0, 0, 0, 0.75) !important;
	border-radius: var(--leaf-radius-point-bottom-right) !important;
	padding: 0 !important;
	overflow: hidden;
	margin: 0 !important;
	max-width: 340px;
}

/* Flush to bottom-right viewport corner */
#pum-3686.pum-active,
#pum-3686 {
	align-items: flex-end !important;
	justify-content: flex-end !important;
}

#pum-3686 .pum-container,
#popmake-3686 {
	position: fixed !important;
	right: 0 !important;
	bottom: 0 !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
}

#pum-3686 .pum-content,
#popmake-3686 .pum-content {
	padding: 0;
}

.ppbh-newsletter-popup-inner {
	padding: var(--size-32, 2rem) var(--size-32, 2rem) var(--size-20, 1.25rem);
	color: var(--text-default, #373737);
	font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
	text-align: left;
}

.ppbh-newsletter-popup-title {
	margin: 0 0 var(--size-12, 0.75rem);
	color: var(--text-heading, #004b87) !important;
	font-family: var(--font-family-heading, "DM Sans", system-ui, sans-serif);
	font-size: var(--h3-card-title, var(--font-size-300, 20px));
	font-weight: var(--font-weight-black, 900);
	letter-spacing: -0.02em;
	line-height: var(--line-height-xs, 1.25);
}

.ppbh-newsletter-popup-body {
	margin: 0 0 var(--size-20, 1.25rem);
	color: var(--text-default, #373737);
	font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
	font-size: var(--font-size-200, 16px);
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--line-height-sm, 1.5);
}

.ppbh-newsletter-popup-actions {
	margin: 0 0 var(--size-12, 0.75rem);
}

/* Green leaf signup CTA (secondary button look; keeps fsm-btn-primary class in markup) */
.ppbh-newsletter-popup-cta.fsm-btn-primary,
a.ppbh-newsletter-popup-cta {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	min-height: 48px !important;
	padding: 12px 21px !important;
	border-radius: 50px !important;
	border: none !important;
	background-color: var(--btn-secondary-bg, #317400) !important;
	background-image: none !important;
	color: var(--btn-secondary-text, #ffffff) !important;
	font-family: var(--font-family-heading, "DM Sans", system-ui, sans-serif) !important;
	font-size: var(--font-size-175, 18px) !important;
	font-style: normal !important;
	font-weight: var(--font-weight-semibold, 600) !important;
	letter-spacing: -0.36px !important;
	line-height: normal !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: none !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
}

.ppbh-newsletter-popup-cta.fsm-btn-primary::after,
a.ppbh-newsletter-popup-cta::after {
	display: none !important;
}

.ppbh-newsletter-popup-cta.fsm-btn-primary:hover,
a.ppbh-newsletter-popup-cta:hover {
	background-color: var(--btn-secondary-bg-hover, #64a70b) !important;
	background-image: none !important;
	color: var(--btn-secondary-text, #ffffff) !important;
	text-decoration: underline !important;
}

.ppbh-newsletter-popup-cta.fsm-btn-primary:focus-visible,
a.ppbh-newsletter-popup-cta:focus-visible {
	background-color: var(--btn-secondary-bg-hover, #64a70b) !important;
	background-image: none !important;
	color: var(--btn-secondary-text, #ffffff) !important;
	outline: 2px solid var(--focus-ring-outer, #4ba3d9) !important;
	outline-offset: 2px !important;
}

.ppbh-newsletter-popup-dismiss {
	margin: 0;
	text-align: left;
}

.ppbh-newsletter-popup-no-thanks {
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--orange, #ff6900);
	cursor: pointer;
	font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
	font-size: var(--font-size-100, 14px);
	font-weight: var(--font-weight-regular, 400);
	line-height: var(--line-height-sm, 1.5);
	text-decoration: underline;
	padding: 0;
	transition: color 0.2s ease;
}

.ppbh-newsletter-popup-no-thanks:hover,
.ppbh-newsletter-popup-no-thanks:focus-visible {
	color: var(--orange-600, #e65e00);
}

.ppbh-newsletter-popup-no-thanks:focus-visible {
	outline: 2px solid var(--focus-ring-outer, #4ba3d9);
	outline-offset: 2px;
}

/* Hide default PUM X — dismiss via “No thanks” only */
#pum-3686 .pum-close:not(.ppbh-newsletter-popup-no-thanks),
#popmake-3686 > .pum-close:not(.ppbh-newsletter-popup-no-thanks) {
	display: none !important;
}

@media (max-width: 767px) {
	#pum-3686 .pum-container,
	#popmake-3686 {
		border-radius: var(--leaf-radius-point-bottom-right-mobile) !important;
		max-width: min(340px, 100vw);
		width: min(340px, 100vw);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ppbh-newsletter-popup-cta.fsm-btn-primary,
	a.ppbh-newsletter-popup-cta,
	.ppbh-newsletter-popup-no-thanks {
		transition: none !important;
	}
}

/* Signup form privacy line */
.ppbh-newsletter-signup-gf .ppbh-newsletter-privacy,
.ppbh-newsletter-privacy {
	margin: 0.5rem 0 0;
	font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
	font-size: var(--font-size-100, 14px);
	color: var(--text-muted, #6e6e6e);
	text-align: center;
}

/* Newsletter CTA leaf on pages */
#page-container .ppbh-newsletter-cta-leaf {
	border-radius: var(--leaf-radius-point-bottom-right) !important;
}