/* Hustle popup — cream, tan, gold, DM fonts */

.hustle-ui.hustle-popup,
.hustle-popup {
	font-family: var(--am-body, "DM Sans", ui-sans-serif, system-ui, sans-serif) !important;
}

.hustle-ui.hustle-popup:not(.hustle-show) {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.hustle-ui.hustle-popup.hustle-show {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

.hustle-ui.hustle-popup:not(.hustle-show) .hustle-popup-mask,
.hustle-ui.hustle-popup:not(.hustle-show) .hustle-optin-mask {
	display: none !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.hustle-popup-mask,
.hustle-ui.hustle-show .hustle-popup-mask {
	background: rgba(26, 26, 26, 0.48) !important;
}

.hustle-ui.hustle-popup .hustle-popup-content,
.hustle-ui.hustle-popup .hustle-layout,
.hustle-ui.hustle-popup .hustle-layout-body,
.hustle-ui.hustle-popup .hustle-layout-content,
.hustle-ui.hustle-popup .hustle-content-wrap,
.hustle-ui.hustle-popup .hustle-content,
.hustle-ui.hustle-popup .hustle-layout-form,
.hustle-ui.hustle-popup .hustle-success {
	background: var(--am-cream, #fdf8f0) !important;
	color: var(--am-ink, #2c2c2c) !important;
	border: 0 !important;
	box-shadow: none !important;
}

.hustle-ui.hustle-popup .hustle-popup-content,
.hustle-ui.hustle-popup .hustle-layout {
	width: min(26rem, calc(100vw - 2rem)) !important;
	max-width: 26rem !important;
	height: auto !important;
	max-height: calc(100vh - 3rem) !important;
	margin: 0 auto !important;
	border-radius: 1.25rem !important;
	overflow: hidden;
	box-shadow: 0 1.25rem 3rem rgba(26, 26, 26, 0.18) !important;
}

.hustle-ui.hustle-popup .hustle-layout-body {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 0 !important;
	height: auto !important;
	padding: 1.65rem 1.5rem 1.25rem !important;
}

.hustle-ui.hustle-popup .hustle-layout-content,
.hustle-ui.hustle-popup .hustle-content-wrap,
.hustle-ui.hustle-popup .hustle-content,
.hustle-ui.hustle-popup .hustle-layout-form {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.hustle-ui.hustle-popup .hustle-layout-form {
	margin-top: 1rem !important;
}

.hustle-ui.hustle-popup .hustle-layout-body,
.hustle-ui.hustle-popup .hustle-layout-content,
.hustle-ui.hustle-popup .hustle-content-wrap,
.hustle-ui.hustle-popup .hustle-content,
.hustle-ui.hustle-popup .hustle-layout-form {
	box-shadow: none !important;
}

.hustle-ui.hustle-popup .hustle-layout-form,
.hustle-ui.hustle-popup .hustle-layout-body,
.hustle-ui.hustle-popup .hustle-content {
	background: var(--am-cream, #fdf8f0) !important;
	border-color: transparent !important;
	border-width: 0 !important;
	box-shadow: none !important;
}

.hustle-ui.hustle-popup .hustle-title {
	font-family: var(--am-heading, "DM Serif Display", Georgia, serif) !important;
	font-weight: 400 !important;
	font-size: clamp(1.5rem, 3vw, 1.85rem) !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	color: var(--am-ink, #2c2c2c) !important;
	text-transform: none !important;
}

.hustle-ui.hustle-popup .hustle-subtitle {
	font-family: var(--am-heading, "DM Serif Display", Georgia, serif) !important;
	font-weight: 400 !important;
	font-size: clamp(2rem, 5vw, 2.4rem) !important;
	line-height: 1.05 !important;
	letter-spacing: 0 !important;
	color: var(--am-gold, #d4a843) !important;
	text-transform: none !important;
}

.hustle-ui.hustle-popup .hustle-group-content,
.hustle-ui.hustle-popup .hustle-group-content p,
.hustle-ui.hustle-popup .hustle-content {
	font-family: var(--am-body, "DM Sans", ui-sans-serif, system-ui, sans-serif) !important;
	font-size: 0.98rem !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
	color: var(--am-muted, #6b6560) !important;
}

.hustle-ui.hustle-popup .hustle-group-content a,
.hustle-ui.hustle-popup .hustle-layout a:not(.hustle-button-submit):not(.hustle-nsa-link) {
	color: var(--am-gold, #d4a843) !important;
}

.hustle-ui.hustle-popup .hustle-input,
.hustle-ui.hustle-popup input.hustle-input,
.hustle-ui.hustle-popup .hustle-layout-form input[type="email"],
.hustle-ui.hustle-popup .hustle-layout-form input[type="text"] {
	height: auto !important;
	min-height: 2.85rem;
	padding: 0.8rem 1.2rem !important;
	border: 1px solid var(--am-cream-deep, #f0e4d1) !important;
	border-radius: 999px !important;
	background: var(--am-white, #ffffff) !important;
	color: var(--am-ink, #2c2c2c) !important;
	font-family: var(--am-body, "DM Sans", ui-sans-serif, system-ui, sans-serif) !important;
	font-size: 0.95rem !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
}

.hustle-ui.hustle-popup .hustle-input::placeholder,
.hustle-ui.hustle-popup input.hustle-input::placeholder {
	color: #9a948d !important;
	opacity: 1;
}

.hustle-ui.hustle-popup .hustle-input:focus,
.hustle-ui.hustle-popup input.hustle-input:focus {
	border-color: var(--am-tan, #cba98a) !important;
	outline: none !important;
	box-shadow: 0 0 0 1px var(--am-tan, #cba98a) !important;
}

.hustle-ui.hustle-popup .hustle-button-submit,
.hustle-ui.hustle-popup button.hustle-button-submit {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.85rem;
	padding: 0.8rem 1.5rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--am-tan, #cba98a) !important;
	color: var(--am-white, #ffffff) !important;
	font-family: var(--am-body, "DM Sans", ui-sans-serif, system-ui, sans-serif) !important;
	font-size: 0.92rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em !important;
	text-transform: none !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.hustle-ui.hustle-popup .hustle-button-submit:hover,
.hustle-ui.hustle-popup .hustle-button-submit:focus,
.hustle-ui.hustle-popup button.hustle-button-submit:hover {
	background: var(--am-gold, #d4a843) !important;
	color: var(--am-white, #ffffff) !important;
}

.hustle-ui.hustle-popup .hustle-nsa-link,
.hustle-ui.hustle-popup .hustle-nsa-link a {
	font-family: var(--am-body, "DM Sans", ui-sans-serif, system-ui, sans-serif) !important;
	font-size: 0.85rem !important;
	font-weight: 400 !important;
	color: var(--am-muted, #6b6560) !important;
	text-decoration: none !important;
}

.hustle-ui.hustle-popup .hustle-nsa-link:hover,
.hustle-ui.hustle-popup .hustle-nsa-link a:hover {
	color: var(--am-gold, #d4a843) !important;
}

.hustle-ui.hustle-popup .hustle-button-close,
.hustle-ui.hustle-popup button.hustle-button-close {
	top: 10px !important;
	right: 10px !important;
	background: var(--am-cream, #fdf8f0) !important;
	color: var(--am-ink, #2c2c2c) !important;
	border: 1px solid var(--am-cream-deep, #f0e4d1) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
}

.hustle-ui.hustle-popup .hustle-button-close:hover,
.hustle-ui.hustle-popup button.hustle-button-close:hover {
	background: var(--am-gold, #d4a843) !important;
	border-color: var(--am-gold, #d4a843) !important;
	color: var(--am-white, #ffffff) !important;
}

.hustle-ui.hustle-popup .hustle-success,
.hustle-ui.hustle-popup .hustle-success-content,
.hustle-ui.hustle-popup .hustle-success p {
	background: var(--am-cream, #fdf8f0) !important;
	color: var(--am-ink, #2c2c2c) !important;
	font-family: var(--am-body, "DM Sans", ui-sans-serif, system-ui, sans-serif) !important;
}

.hustle-ui.hustle-popup .hustle-success-icon,
.hustle-ui.hustle-popup .hustle-icon-check {
	color: var(--am-gold, #d4a843) !important;
	fill: var(--am-gold, #d4a843) !important;
}

.hustle-ui.hustle-popup .hustle-error-message {
	color: #a33b3b !important;
}

@media (max-width: 782px) {
	.hustle-ui.hustle-popup .hustle-subtitle {
		font-size: 2rem !important;
	}

	.hustle-ui.hustle-popup .hustle-popup-content,
	.hustle-ui.hustle-popup .hustle-layout {
		width: min(22rem, calc(100vw - 1.5rem)) !important;
		max-width: 22rem !important;
		border-radius: 1rem !important;
	}

	.hustle-ui.hustle-popup .hustle-layout-body {
		padding: 1.35rem 1.15rem 1.1rem !important;
	}
}