/**
 * NM Design System � AcumbaMail popup restyle
 * Keeps ACM forms; upgrades chrome to brand.
 */

/* Hold auto-show until chrome.js marks ready (�10s) */
body.nm-ds .popup-acm:not(.nm-ds-popup-ready) {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

body.nm-ds .popup-acm.nm-ds-popup-ready {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: fixed !important;
	inset: 0 !important;
	z-index: 100000 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 1.25rem !important;
	background: rgba(0, 16, 36, 0.72) !important;
	opacity: 1 !important;
	visibility: visible !important;
	overflow: auto !important;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	animation: nm-ds-popup-veil 0.35s var(--nm-ease) both;
}

@keyframes nm-ds-popup-veil {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

body.nm-ds .popup-acm.nm-ds-popup-ready .popup-content-acm {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	transform: none !important;
	width: min(420px, calc(100vw - 2rem)) !important;
	max-width: 420px !important;
	margin: auto !important;
	padding: 0 !important;
	background: #fff !important;
	border: 1px solid rgba(0, 26, 54, 0.08) !important;
	border-radius: 4px !important;
	box-shadow: 0 28px 70px rgba(0, 16, 36, 0.35) !important;
	overflow: visible !important;
	animation: nm-ds-popup-rise 0.45s var(--nm-ease) both;
}

@keyframes nm-ds-popup-rise {
	from {
		opacity: 0;
		transform: translateY(14px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

body.nm-ds .popup-acm .bee-popup-container,
body.nm-ds .popup-acm .bee-popup-rows-container,
body.nm-ds .popup-acm .bee-popup-row,
body.nm-ds .popup-acm .bee-popup-col,
body.nm-ds .popup-acm .bee-popup-block,
body.nm-ds .popup-acm .bee-popup-form {
	color: var(--nm-ink-soft) !important;
	font-family: var(--nm-sans) !important;
	background: #fff !important;
	background-image: none !important;
}

body.nm-ds .popup-acm .bee-popup-row-content {
	max-width: 100% !important;
	display: block !important;
	background: transparent !important;
}

/* Hero image strip */
body.nm-ds .popup-acm .bee-popup-image {
	margin: 0 !important;
	background: var(--nm-navy);
}

body.nm-ds .popup-acm .bee-popup-image img {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 148px !important;
	object-fit: cover !important;
	object-position: center center !important;
}

/* Copy */
body.nm-ds .popup-acm .bee-popup-text {
	padding: 0 1.5rem !important;
}

body.nm-ds .popup-acm .bee-popup-text-content,
body.nm-ds .popup-acm .bee-popup-text-content *,
body.nm-ds .popup-acm .bee-popup-text-content p,
body.nm-ds .popup-acm .bee-popup-text-content span,
body.nm-ds .popup-acm .bee-popup-text-content strong {
	color: var(--nm-navy) !important;
	font-family: var(--nm-sans) !important;
	background: transparent !important;
}

body.nm-ds .popup-acm .bee-popup-block-2 .bee-popup-text-content p,
body.nm-ds .popup-acm .bee-popup-block-2 .bee-popup-text-content span,
body.nm-ds .popup-acm .bee-popup-block-2 .bee-popup-text-content strong {
	font-family: var(--nm-display) !important;
	font-size: clamp(1.55rem, 3.5vw, 1.85rem) !important;
	line-height: 1.15 !important;
	font-weight: 600 !important;
	letter-spacing: -0.02em !important;
	color: var(--nm-navy) !important;
}

body.nm-ds .popup-acm .bee-popup-block-2 {
	padding-top: 1.35rem !important;
	padding-bottom: 0.35rem !important;
}

body.nm-ds .popup-acm .bee-popup-block-3 .bee-popup-text-content,
body.nm-ds .popup-acm .bee-popup-block-3 .bee-popup-text-content p,
body.nm-ds .popup-acm .bee-popup-block-3 .bee-popup-text-content span {
	color: var(--nm-mute) !important;
	font-size: 0.95rem !important;
	line-height: 1.55 !important;
	font-weight: 400 !important;
}

/* Form fields */
body.nm-ds .popup-acm .bee-popup-form,
body.nm-ds .popup-acm .bee-popup-form-row {
	padding-inline: 1.5rem !important;
}

body.nm-ds .popup-acm label,
body.nm-ds .popup-acm .bee-popup-field label {
	font-family: var(--nm-sans) !important;
	font-size: 0.72rem !important;
	font-weight: 650 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: var(--nm-navy) !important;
}

body.nm-ds .popup-acm input[type="text"],
body.nm-ds .popup-acm input[type="email"],
body.nm-ds .popup-acm input[type="tel"],
body.nm-ds .popup-acm textarea,
body.nm-ds .popup-acm select {
	width: 100% !important;
	font-family: var(--nm-sans) !important;
	font-size: 0.95rem !important;
	color: var(--nm-ink) !important;
	background: var(--nm-ivory) !important;
	border: 1px solid var(--nm-line) !important;
	border-radius: var(--nm-radius) !important;
	padding: 0.85rem 0.95rem !important;
	box-shadow: none !important;
	outline: none !important;
}

body.nm-ds .popup-acm input:focus,
body.nm-ds .popup-acm textarea:focus {
	border-color: rgba(184, 149, 108, 0.65) !important;
	background: #fff !important;
}

body.nm-ds .popup-acm button[type="submit"],
body.nm-ds .popup-acm input[type="submit"],
body.nm-ds .popup-acm .bee-popup-button button {
	width: 100% !important;
	font-family: var(--nm-sans) !important;
	font-size: 0.92rem !important;
	font-weight: 650 !important;
	letter-spacing: 0.04em !important;
	text-transform: none !important;
	color: #fff !important;
	background: var(--nm-coral) !important;
	border: 0 !important;
	border-radius: var(--nm-radius) !important;
	padding: 0.95rem 1.25rem !important;
	cursor: pointer !important;
	transition: background 0.2s var(--nm-ease), transform 0.2s var(--nm-ease);
}

body.nm-ds .popup-acm button[type="submit"]:hover,
body.nm-ds .popup-acm .bee-popup-button button:hover {
	background: var(--nm-coral-deep) !important;
	transform: translateY(-1px);
}

/* Close control � ACM rotates .close-popup 45deg (their + becomes X).
   We kill that rotation and draw a real X with two bars. */
body.nm-ds .popup-acm .popup-content-acm {
	overflow: visible !important;
}

body.nm-ds .popup-acm .close-popup,
body.nm-ds .popup-acm .popup-close-acm,
body.nm-ds .popup-acm .bee-popup-close,
body.nm-ds .popup-acm .close-popup-acm {
	position: absolute !important;
	top: 0.65rem !important;
	right: 0.65rem !important;
	z-index: 2147483000 !important;
	width: 2.5rem !important;
	height: 2.5rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #fff !important;
	border: 1px solid rgba(0, 26, 54, 0.18) !important;
	box-shadow: 0 10px 24px rgba(0, 16, 36, 0.28) !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	cursor: pointer !important;
	text-decoration: none !important;
	background-image: none !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: visible !important;
	/* Critical: ACM uses rotate(45deg) on a + icon � that turns our X into a + */
	transform: none !important;
	rotate: none !important;
	transition: background 0.18s var(--nm-ease), border-color 0.18s var(--nm-ease), box-shadow 0.18s var(--nm-ease);
}

body.nm-ds .popup-acm .close-popup::before,
body.nm-ds .popup-acm .close-popup::after,
body.nm-ds .popup-acm .popup-close-acm::before,
body.nm-ds .popup-acm .popup-close-acm::after,
body.nm-ds .popup-acm .bee-popup-close::before,
body.nm-ds .popup-acm .bee-popup-close::after,
body.nm-ds .popup-acm .close-popup-acm::before,
body.nm-ds .popup-acm .close-popup-acm::after {
	content: none !important;
	display: none !important;
}

body.nm-ds .popup-acm .close-popup > img,
body.nm-ds .popup-acm .close-popup > svg,
body.nm-ds .popup-acm .popup-close-acm > img,
body.nm-ds .popup-acm .popup-close-acm > svg,
body.nm-ds .popup-acm .bee-popup-close > img,
body.nm-ds .popup-acm .bee-popup-close > svg,
body.nm-ds .popup-acm .close-popup-acm > img,
body.nm-ds .popup-acm .close-popup-acm > svg {
	display: none !important;
}

body.nm-ds .popup-acm .close-popup .nm-ds-popup-x,
body.nm-ds .popup-acm .popup-close-acm .nm-ds-popup-x,
body.nm-ds .popup-acm .bee-popup-close .nm-ds-popup-x,
body.nm-ds .popup-acm .close-popup-acm .nm-ds-popup-x {
	position: relative !important;
	display: block !important;
	width: 14px !important;
	height: 14px !important;
	pointer-events: none !important;
	transform: none !important;
}

body.nm-ds .popup-acm .close-popup .nm-ds-popup-x i,
body.nm-ds .popup-acm .popup-close-acm .nm-ds-popup-x i,
body.nm-ds .popup-acm .bee-popup-close .nm-ds-popup-x i,
body.nm-ds .popup-acm .close-popup-acm .nm-ds-popup-x i {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 14px !important;
	height: 2px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #001A36 !important;
	border-radius: 1px !important;
	display: block !important;
}

body.nm-ds .popup-acm .close-popup .nm-ds-popup-x i:first-child,
body.nm-ds .popup-acm .popup-close-acm .nm-ds-popup-x i:first-child,
body.nm-ds .popup-acm .bee-popup-close .nm-ds-popup-x i:first-child,
body.nm-ds .popup-acm .close-popup-acm .nm-ds-popup-x i:first-child {
	transform: translate(-50%, -50%) rotate(45deg) !important;
}

body.nm-ds .popup-acm .close-popup .nm-ds-popup-x i:last-child,
body.nm-ds .popup-acm .popup-close-acm .nm-ds-popup-x i:last-child,
body.nm-ds .popup-acm .bee-popup-close .nm-ds-popup-x i:last-child,
body.nm-ds .popup-acm .close-popup-acm .nm-ds-popup-x i:last-child {
	transform: translate(-50%, -50%) rotate(-45deg) !important;
}

body.nm-ds .popup-acm .close-popup:hover,
body.nm-ds .popup-acm .popup-close-acm:hover,
body.nm-ds .popup-acm .bee-popup-close:hover,
body.nm-ds .popup-acm .close-popup-acm:hover {
	background: #001A36 !important;
	border-color: #001A36 !important;
	transform: none !important;
}

body.nm-ds .popup-acm .close-popup:hover .nm-ds-popup-x i,
body.nm-ds .popup-acm .popup-close-acm:hover .nm-ds-popup-x i,
body.nm-ds .popup-acm .bee-popup-close:hover .nm-ds-popup-x i,
body.nm-ds .popup-acm .close-popup-acm:hover .nm-ds-popup-x i {
	background: #fff !important;
}

/* Roundtable / secondary popups inherit same chrome when opened on click */
body.nm-ds #form-acm_64429.nm-ds-popup-ready .popup-content-acm,
body.nm-ds #form-acm_64426.nm-ds-popup-ready .popup-content-acm {
	width: min(460px, calc(100vw - 2rem)) !important;
}

@media (max-width: 480px) {
	body.nm-ds .popup-acm.nm-ds-popup-ready {
		padding: 0.75rem !important;
		align-items: flex-end !important;
	}

	body.nm-ds .popup-acm .bee-popup-image img {
		height: 120px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.nm-ds .popup-acm.nm-ds-popup-ready,
	body.nm-ds .popup-acm.nm-ds-popup-ready .popup-content-acm {
		animation: none !important;
	}
}