/* Allhart Popups — frontend styles. Scoped under #ahp-overlay to avoid theme collisions. */
#ahp-overlay {
	position: fixed; inset: 0; z-index: 99999;
	background: rgba(0,0,0,.65);
	display: flex; align-items: center; justify-content: center;
	opacity: 0; transition: opacity .25s ease;
	padding: 16px;
}
#ahp-overlay.ahp-open { opacity: 1; }
#ahp-overlay .ahp-modal {
	background: var(--ahp-bg, #fff); color: var(--ahp-text, #111);
	max-width: 420px; width: 100%;
	border-radius: var(--ahp-radius, 10px);
	padding: 28px 26px 22px;
	box-shadow: 0 20px 60px rgba(0,0,0,.35);
	transform: translateY(10px); transition: transform .25s ease;
	font-family: var(--ahp-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);
	position: relative;
}
#ahp-overlay.ahp-open .ahp-modal { transform: translateY(0); }
#ahp-overlay .ahp-close {
	position: absolute; top: 10px; right: 12px;
	background: transparent; border: 0; font-size: 18px; line-height: 1;
	width: 28px; height: 28px; padding: 0; border-radius: 50%;
	cursor: pointer; color: currentColor; opacity: .35;
	transition: opacity .15s, background .15s;
	display: flex; align-items: center; justify-content: center;
}
#ahp-overlay .ahp-close:hover { opacity: .9; background: rgba(0,0,0,.08); }
#ahp-overlay h2 {
	margin: 0 0 12px; font-size: 22px; line-height: 1.25; font-weight: 700;
	color: var(--ahp-text, #111);
	padding-right: 28px; /* keep headline clear of the close button */
}
#ahp-overlay .ahp-offer {
	margin: 0 0 18px; font-size: 14px; color: #555;
}
#ahp-overlay .ahp-offer code {
	background: #f3f3f3; padding: 2px 6px; border-radius: 3px; font-size: 13px;
}
#ahp-overlay .ahp-form { display: flex; flex-direction: column; gap: 10px; }
#ahp-overlay .ahp-input {
	padding: 11px 12px; border: 1px solid #ccc; border-radius: 6px;
	font-size: 15px; width: 100%; box-sizing: border-box;
	background: #fff; color: #111;
}
#ahp-overlay .ahp-input:focus { outline: 2px solid #0b1020; outline-offset: 0; }
#ahp-overlay .ahp-cta {
	background: var(--ahp-cta-bg, #0b1020); color: var(--ahp-cta-text, #fff); border: 0; padding: 12px 16px;
	border-radius: 6px; font-size: 15px; font-weight: 600; cursor: pointer;
	transition: transform .1s, opacity .2s;
}
#ahp-overlay .ahp-cta:hover { transform: translateY(-1px); }
#ahp-overlay .ahp-cta:disabled { opacity: .5; cursor: default; transform: none; }
#ahp-overlay .ahp-msg { margin: 6px 0 0; font-size: 13px; min-height: 18px; }
#ahp-overlay .ahp-msg-err { color: #d63638; }
#ahp-overlay .ahp-msg-ok { color: #00a32a; }
#ahp-overlay .ahp-legal { margin: 8px 0 0; font-size: 11px; color: #888; }

/* Brand mark — sits above the headline so the popup reads as the site, not generic */
#ahp-overlay .ahp-brand { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: -6px 0 18px; }
#ahp-overlay .ahp-logo { max-width: 140px; height: auto; display: block; }
#ahp-overlay .ahp-tagline { margin: 0; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; opacity: .65; text-align: center; }

/* Brand frame styles — class set from ahp_brand_profile.frame_style */

/* parchment — FOB & Co (vintage cream + gold + serif heading) */
#ahp-overlay.ahp-frame-parchment .ahp-modal {
	background: linear-gradient(180deg, #faf4e6 0%, #f4ead2 100%) !important;
	border: 1px solid #d1a155 !important;
	border-radius: 4px !important;
	box-shadow: 0 18px 50px rgba(80,55,15,.28), inset 0 0 0 1px rgba(209,161,85,.18) !important;
	padding: 30px 30px 24px;
}
#ahp-overlay.ahp-frame-parchment h2 {
	font-family: var(--ahp-heading-font, 'Cormorant Garamond', Georgia, serif);
	font-weight: 600; font-size: 28px; line-height: 1.15; text-align: center;
	letter-spacing: .005em; padding-right: 0; margin-bottom: 10px;
}
#ahp-overlay.ahp-frame-parchment .ahp-tagline { color: #7a5a26; opacity: .8; }
#ahp-overlay.ahp-frame-parchment .ahp-offer { text-align: center; font-style: italic; color: #5a4a30; font-size: 15px; }
#ahp-overlay.ahp-frame-parchment .ahp-input {
	background: #fffdf6; border: 1px solid #c9a368; border-radius: 2px;
	font-family: var(--ahp-font, Georgia, serif);
}
#ahp-overlay.ahp-frame-parchment .ahp-input:focus { outline: 2px solid #d1a155; outline-offset: 0; }
#ahp-overlay.ahp-frame-parchment .ahp-cta {
	background: #1a1410; color: #f9f4e8; border-radius: 2px;
	letter-spacing: .12em; text-transform: uppercase; font-size: 12px;
	padding: 14px 16px; font-weight: 600;
}
#ahp-overlay.ahp-frame-parchment .ahp-cta:hover { background: #d1a155; color: #1a1410; transform: none; }
#ahp-overlay.ahp-frame-parchment .ahp-legal { text-align: center; color: #8a6a3a; }

/* matte-black — MRO (workshop / masculine) */
#ahp-overlay.ahp-frame-matte-black .ahp-modal {
	background: #0d0c0a; color: #f5f5f5;
	border-radius: 2px; border-top: 3px solid #c8842e;
}
#ahp-overlay.ahp-frame-matte-black h2 { color: #f5f5f5; }
#ahp-overlay.ahp-frame-matte-black .ahp-tagline { color: #c8842e; }
#ahp-overlay.ahp-frame-matte-black .ahp-input { background: #1a1815; border: 1px solid #3a342a; color: #f5f5f5; }
#ahp-overlay.ahp-frame-matte-black .ahp-input::placeholder { color: #8a8377; }
#ahp-overlay.ahp-frame-matte-black .ahp-cta {
	background: #c8842e; color: #0d0c0a; border-radius: 0;
	text-transform: uppercase; letter-spacing: .12em; font-size: 13px; padding: 14px 16px;
}
#ahp-overlay.ahp-frame-matte-black .ahp-offer { color: #c8c4ba; }
#ahp-overlay.ahp-frame-matte-black .ahp-legal { color: #6a6457; }

/* athletic — Helix */
#ahp-overlay.ahp-frame-athletic .ahp-modal {
	background: #fff; border-radius: 12px;
	border-top: 4px solid #ff6b5b;
	box-shadow: 0 16px 40px rgba(30,58,138,.18);
}
#ahp-overlay.ahp-frame-athletic h2 { color: #1e3a8a; }
#ahp-overlay.ahp-frame-athletic .ahp-cta { background: #ff6b5b; color: #fff; border-radius: 24px; font-weight: 700; }

/* painterly — BMO */
#ahp-overlay.ahp-frame-painterly .ahp-modal {
	background: #fdf9f3; border-radius: 16px;
	border: 1px solid #e8d6c7;
	box-shadow: 0 20px 60px rgba(180,140,110,.22);
}
#ahp-overlay.ahp-frame-painterly h2 { font-family: var(--ahp-heading-font, 'Playfair Display', Georgia, serif); }

/* mauve — MO */
#ahp-overlay.ahp-frame-mauve .ahp-modal {
	background: #f5ecf0; border-radius: 10px;
	border: 1px solid #b88aa1;
}
#ahp-overlay.ahp-frame-mauve h2 { font-family: var(--ahp-heading-font, 'Playfair Display', Georgia, serif); color: #5d2e44; }
#ahp-overlay.ahp-frame-mauve .ahp-cta { background: #5d2e44; color: #fff; }