/* Pricing card.

   Previously every declaration here was written inline from PHP, which meant
   two things: nothing was exposed as a setting, and site CSS could not
   override any of it without !important. The rules now live here and read
   custom properties whose fallbacks are exactly the old hardcoded values, so
   an untouched card is pixel-identical.

   --anvil-pricing-accent drives the highlight border, the badge, the feature
   ticks and the highlighted CTA together, so one setting re-skins the card.
*/
.anvil-pricing{
	position:relative;
	box-sizing:border-box;
	height:100%;
	background:var(--anvil-pricing-bg, var(--anvil-surface));
	color:var(--anvil-pricing-text, inherit);
	border-radius:var(--anvil-pricing-radius, 16px);
	padding:var(--anvil-pricing-pad, 30px 28px);
	border:1px solid var(--anvil-pricing-border, rgba(0,0,0,.10));
}
.anvil-pricing-hl{
	border:2px solid var(--anvil-pricing-border, var(--anvil-pricing-accent, var(--anvil-primary)));
	box-shadow:var(--anvil-pricing-shadow, 0 14px 34px rgba(0,0,0,.10));
}

.anvil-pricing-badge{
	position:absolute; top:-13px; left:50%; transform:translateX(-50%);
	background:var(--anvil-pricing-badge-bg, var(--anvil-pricing-accent, var(--anvil-primary)));
	color:var(--anvil-pricing-badge-text, #fff);
	font-size:12px; font-weight:700; padding:5px 14px;
	border-radius:999px; white-space:nowrap;
}

.anvil-pricing-plan{ margin:0 0 6px; font-weight:700; font-size:16px; letter-spacing:.02em }
.anvil-pricing-price{ margin:0 0 20px }
.anvil-pricing-amount{ font-size:var(--anvil-pricing-size, 38px); font-weight:800; line-height:1 }
.anvil-pricing-period{ font-size:14px; opacity:.65 }

.anvil-pricing-features{ list-style:none; margin:0 0 24px; padding:0 }
.anvil-pricing-features li{ display:flex; gap:10px; align-items:flex-start; margin-bottom:10px; font-size:14.5px }
.anvil-pricing-features li.is-out{ opacity:.45; text-decoration:line-through }
.anvil-pricing-features svg{ flex-shrink:0; margin-top:3px }
.anvil-pricing-features li:not(.is-out) svg{ stroke:var(--anvil-pricing-tick, var(--anvil-pricing-accent, var(--anvil-primary))) }
.anvil-pricing-features li.is-out svg{ stroke:currentColor }

.anvil-pricing-cta{
	display:flex; justify-content:center; padding:13px;
	border-radius:var(--anvil-pricing-cta-radius, 999px);
	font-weight:600; text-decoration:none;
	background:transparent;
	color:var(--anvil-pricing-cta-text, var(--anvil-ink));
	box-shadow:inset 0 0 0 1.5px var(--anvil-pricing-cta-bg, var(--anvil-ink));
}
.anvil-pricing-hl .anvil-pricing-cta{
	background:var(--anvil-pricing-cta-bg, var(--anvil-pricing-accent, var(--anvil-primary)));
	color:var(--anvil-pricing-cta-text, #fff);
	box-shadow:none;
}
.anvil-pricing-cta:hover{ filter:brightness(.94) }