/* Authaurus Members: founding offer blocks. Colours come from the site's cl-* variables. */
.aam-offer {
	--aamo-surface: var(--cl-bg-surface, #FFFDF9);
	--aamo-soft: var(--cl-bg-soft, #F1E9DE);
	--aamo-text: var(--cl-text-primary, #2B231C);
	--aamo-muted: var(--cl-text-muted, #6E6155);
	--aamo-border: var(--cl-border, #E7DCCB);
	--aamo-tool: var(--cl-tool, #2F6E68);
	--aamo-tool-hover: var(--cl-tool-hover, #234F4B);
	--aamo-brand: var(--cl-brand, #C1552F);
	--aamo-brand-hover: var(--cl-brand-hover, #9C4527);
	width: 100%;
	box-sizing: border-box;
	font-family: Inter, system-ui, sans-serif;
	color: var(--aamo-text);
}
.aam-offer * { box-sizing: border-box; }
.aam-offer a { color: var(--aamo-tool); }
.aam-offer a:hover { color: var(--aamo-tool-hover); }
.aam-offer p { margin: 0; }

.aam-offer-badge {
	display: inline-block;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--aamo-tool-hover);
	background: var(--aamo-soft);
	border-radius: 999px;
}

/* Hero line */
.aam-offer-line__text { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: 15px; line-height: 1.55; }
.aam-offer-line--centre .aam-offer-line__text { justify-content: center; text-align: center; }

/* Price card: sits inside the page's own card, so it has no box of its own */
.aam-offer-card { display: flex; flex-direction: column; min-width: 0; }
.aam-offer-card .aam-offer-badge { align-self: flex-start; margin-bottom: 14px; }
.aam-offer-label { margin-bottom: 8px !important; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--aamo-tool); }
.aam-offer-price { margin-bottom: 4px !important; font-family: Manrope, Inter, sans-serif; font-weight: 800; font-size: 44px; line-height: 1.1; }
.aam-offer-per { font-size: 18px; font-weight: 600; color: var(--aamo-muted); }
.aam-offer-was { margin-bottom: 16px !important; font-size: 14px; color: var(--aamo-muted); }
.aam-offer-text { margin: 12px 0 16px !important; font-size: 15px; line-height: 1.6; }
.aam-offer-was + .aam-offer-text { margin-top: 0 !important; }
.aam-offer-count { margin-bottom: 22px !important; font-size: 15px; color: var(--aamo-muted); }
.aam-offer-count strong { color: var(--aamo-text); }
:where(.aam-offer) a.aam-offer-btn {
	/* Fallback only: on Elementor pages the site's btn btn-primary classes style this button. */
	display: block;
	padding: 15px 20px;
	text-align: center;
	font-weight: 600;
	color: var(--aamo-surface);
	background: var(--aamo-brand);
	border-radius: 6px;
	text-decoration: none;
}
:where(.aam-offer) a.aam-offer-btn:hover, :where(.aam-offer) a.aam-offer-btn:focus { color: var(--aamo-surface); background: var(--aamo-brand-hover); }
.aam-offer-small { margin-top: 16px !important; font-size: 13px; line-height: 1.55; color: var(--aamo-muted); }
.aam-offer-foot { margin-top: 14px !important; padding-top: 14px; border-top: 1px solid var(--aamo-border); font-size: 14px; color: var(--aamo-muted); }

/* FAQ answer: the paragraph carries the page's own classes */
.aam-offer-faq { width: 100%; }

@media (max-width: 600px) {
	.aam-offer-price { font-size: 36px; }
}