/*
 * FTC Pricing Cards — baseline structural CSS + the tier colour ramp.
 *
 * Grid, card colours, tab colours and typography are all real Elementor
 * Style-tab controls (compiled into the page's own per-widget stylesheet).
 * What's here is only:
 *  1. Structural rules needed for the markup to function (flex layout,
 *     box-sizing, border-radius) that aren't meant to be a day-to-day
 *     editorial setting.
 *  2. The Essential/Standard/Premium/Elite tier colour ramp, which is
 *     brand/data-driven (which tier gets which colour), not a layout
 *     preference — deliberately NOT exposed as a widget setting.
 */

.ftc-pricing-tabs {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.ftc-pricing-tab {
	/* padding and border-radius are Elementor Style-tab settings
	   (Vehicle tabs section) — not set here. */
	cursor: pointer;
}

.ftc-pricing-tab--soon {
	cursor: not-allowed;
	border: 1px dashed #9CB1C3;
	background: transparent;
	color: #9CB1C3;
}

.ftc-pricing-note {
	/* margin, colour, font and size are Elementor Style-tab settings
	   (Card text -> "Showing illustrative prices..." note) — not set here. */
	line-height: 1.5;
}

.ftc-pricing-cards {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.ftc-pricing-card {
	box-sizing: border-box;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(12, 33, 62, .07);
	position: relative;
	display: flex;
	flex-direction: column;
}

.ftc-pricing-card__accent {
	height: 5px;
}

.ftc-pricing-card__badge {
	/* font, letter-spacing, text-transform and padding are Elementor
	   Style-tab settings (Card text -> "Most chosen" badge) — not set here. */
	margin: 0;
	text-align: center;
}

.ftc-pricing-card__body {
	display: flex;
	flex-direction: column;
	gap: 11px;
	flex: 1;
}

.ftc-pricing-card__tier {
	margin: 0;
	text-transform: uppercase;
}

.ftc-pricing-card__price {
	margin: 0;
	line-height: 1.1;
}

.ftc-pricing-card__price sup {
	font-size: .5em;
}

.ftc-pricing-card__caption {
	margin: -6px 0 0;
	color: #7A8EA4;
}

.ftc-pricing-card__spec {
	display: flex;
	border-radius: 10px;
	overflow: hidden;
}

.ftc-pricing-card__spec-item {
	flex: 1;
	padding: 8px 10px;
}

.ftc-pricing-card__spec-item + .ftc-pricing-card__spec-item {
	border-left: 1px solid #CBD9E3;
}

.ftc-pricing-card__spec-label {
	margin: 0 0 2px;
	color: #7A8EA4;
	font-family: 'Source Sans 3', sans-serif;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ftc-pricing-card__spec-value {
	margin: 0;
	color: #0C213E;
}

.ftc-pricing-card__perks {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
}

.ftc-pricing-card__perk {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #0C213E;
}

.ftc-pricing-card__perk-icon {
	font-size: 12px;
}

.ftc-pricing-card__cta {
	margin-top: auto;
	display: block;
	text-align: center;
	border-radius: 100px;
	text-decoration: none;
	background: transparent;
	color: #0C213E;
	border: 2px solid #9CB1C3;
}

.ftc-pricing-card__cta.is-recommended {
	background: #52B5A3;
	color: #08192E;
	border: 2px solid transparent;
}

.ftc-pricing-card__tagline {
	margin: 0;
	text-align: center;
}

/* ---- Tier colour ramp (data, not a setting — see file header) ---- */
.ftc-pricing-card--essential .ftc-pricing-card__accent,
.ftc-pricing-card--tier-0 .ftc-pricing-card__accent { background: #2FA98F; }
.ftc-pricing-card--essential .ftc-pricing-card__tier,
.ftc-pricing-card--essential .ftc-pricing-card__price,
.ftc-pricing-card--tier-0 .ftc-pricing-card__tier,
.ftc-pricing-card--tier-0 .ftc-pricing-card__price { color: #0D6E5C; }
.ftc-pricing-card--essential .ftc-pricing-card__perk-icon,
.ftc-pricing-card--tier-0 .ftc-pricing-card__perk-icon { color: #2FA98F; }
.ftc-pricing-card--essential .ftc-pricing-card__tagline,
.ftc-pricing-card--tier-0 .ftc-pricing-card__tagline { background: #DFF1EC; color: #0D6E5C; }

.ftc-pricing-card--standard .ftc-pricing-card__accent,
.ftc-pricing-card--tier-1 .ftc-pricing-card__accent { background: #3E9BC4; }
.ftc-pricing-card--standard .ftc-pricing-card__tier,
.ftc-pricing-card--standard .ftc-pricing-card__price,
.ftc-pricing-card--tier-1 .ftc-pricing-card__tier,
.ftc-pricing-card--tier-1 .ftc-pricing-card__price { color: #0E6E96; }
.ftc-pricing-card--standard .ftc-pricing-card__perk-icon,
.ftc-pricing-card--tier-1 .ftc-pricing-card__perk-icon { color: #3E9BC4; }
.ftc-pricing-card--standard .ftc-pricing-card__tagline,
.ftc-pricing-card--tier-1 .ftc-pricing-card__tagline { background: #D8EDF5; color: #0E6E96; }

.ftc-pricing-card--premium .ftc-pricing-card__accent,
.ftc-pricing-card--tier-2 .ftc-pricing-card__accent { background: #5B7FD4; }
.ftc-pricing-card--premium .ftc-pricing-card__tier,
.ftc-pricing-card--premium .ftc-pricing-card__price,
.ftc-pricing-card--tier-2 .ftc-pricing-card__tier,
.ftc-pricing-card--tier-2 .ftc-pricing-card__price { color: #3A4FB0; }
.ftc-pricing-card--premium .ftc-pricing-card__perk-icon,
.ftc-pricing-card--tier-2 .ftc-pricing-card__perk-icon { color: #5B7FD4; }
.ftc-pricing-card--premium .ftc-pricing-card__tagline,
.ftc-pricing-card--tier-2 .ftc-pricing-card__tagline { background: #E1E7FA; color: #3A4FB0; }

.ftc-pricing-card--elite .ftc-pricing-card__accent,
.ftc-pricing-card--tier-3 .ftc-pricing-card__accent { background: #9A7BD4; }
.ftc-pricing-card--elite .ftc-pricing-card__tier,
.ftc-pricing-card--elite .ftc-pricing-card__price,
.ftc-pricing-card--tier-3 .ftc-pricing-card__tier,
.ftc-pricing-card--tier-3 .ftc-pricing-card__price { color: #7C4BB5; }
.ftc-pricing-card--elite .ftc-pricing-card__perk-icon,
.ftc-pricing-card--tier-3 .ftc-pricing-card__perk-icon { color: #9A7BD4; }
.ftc-pricing-card--elite .ftc-pricing-card__tagline,
.ftc-pricing-card--tier-3 .ftc-pricing-card__tagline { background: #ECE5F7; color: #7C4BB5; }