/**
 * Popup subscribe forms (Popup Maker content).
 * Replaces the per-popup inline <style> blocks and Brevo's external stylesheet.
 */

.mc-sub {
	max-width: 540px;
	margin: 0 auto;
	direction: ltr;
	text-align: center;
}

/* Plain wrapper: the Popup Maker container already supplies the dark panel,
   gold border and 30px padding — a second border here read as a double frame. */
.mc-sub__box {
	box-sizing: border-box;
}

/* Cookie consent must stay above the popup (Popup Maker uses z-index 1999999999),
   otherwise the popup covers the consent controls. Safety net for the JS gate below. */
.cky-consent-container,
.cky-modal,
.cky-overlay {
	z-index: 2000000000 !important;
}

/* While the consent banner is up, popups stay out of the way entirely — the two
   overlays are too tall to share a phone screen. Set by popup-subscribe.js. */
.mc-consent-pending .pum-overlay {
	visibility: hidden !important;
}

.mc-sub__title {
	margin: 0 0 10px;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3;
	color: #d4af37;
	text-align: left;
}

.mc-sub__lede {
	margin: 0 0 10px;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.5;
	color: #ffffff;
	text-align: left;
}

.mc-sub__body {
	margin: 0 0 12px;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #cccccc;
	text-align: left;
}

.mc-sub__proof {
	margin: 0 0 14px;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888888;
	text-align: left;
}

/* Scoped with .mc-sub so these beat the theme's `input[type="email"]` base styles. */
.mc-sub .mc-sub__input {
	display: block;
	width: 100%;
	padding: 14px 16px;
	box-sizing: border-box;
	background: #111111;
	border: 1px solid #333333;
	border-radius: 5px;
	color: #ffffff;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	/* 16px: anything smaller makes iOS Safari zoom on focus. */
	font-size: 16px;
	outline: none;
	transition: border-color 0.2s ease;
}

.mc-sub .mc-sub__input:focus {
	border-color: #d4af37;
}

.mc-sub .mc-sub__input::placeholder {
	color: #777777;
	text-align: left;
}

.mc-sub .mc-sub__btn {
	display: block;
	width: 100%;
	margin-top: 12px;
	padding: 15px 20px;
	box-sizing: border-box;
	border: none;
	border-radius: 5px;
	background-color: #d4af37;
	color: #000000;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.mc-sub__btn:hover,
.mc-sub__btn:focus-visible {
	background-color: #ffffff;
	color: #000000;
}

.mc-sub__btn:disabled {
	opacity: 0.7;
	cursor: wait;
}

.mc-sub__consent {
	margin: 12px 0 0;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #888888;
	text-align: left;
}

.mc-sub__consent a {
	color: #d4af37;
}

.mc-sub__msg {
	display: none;
	margin-bottom: 12px;
	padding: 12px 16px;
	border-radius: 5px;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

.mc-sub__msg--error {
	background-color: #1a0a0a;
	border: 1px solid #662222;
	color: #ff6b6b;
}

.mc-sub__msg--success {
	background-color: #0a1a0a;
	border: 1px solid #226622;
	color: #6bff6b;
}

.mc-sub__honeypot {
	position: absolute;
	left: -5000px;
}