/* Pricing Navigation Buttons (#00A8CE) */
.pricing-nav-btn.active {
	background-color: #00A8CE;
	color: white;
	box-shadow: 0 2px 8px rgba(0, 168, 206, 0.15);
}

.pricing-nav-btn:not(.active) {
	color: #4b5563;
	background-color: transparent;
}

.pricing-nav-btn:not(.active):hover {
	background-color: #f3f4f6;
}

/* Toggle Buttons */
.currency-toggle,
.billing-toggle,
.pricing-toggle {
	background-color: transparent;
	color: #4b5563;
	transition: all 0.3s ease;
	border: none;
}

/* Currency & Billing Toggle Active Styles (#FFA629) */
.currency-toggle.active,
.billing-toggle.active {
	background-color: #FFA629 !important;
	color: white !important;
	box-shadow: 0 2px 6px rgba(255, 166, 41, 0.2);
}

/* Product Type Toggle Active Styles (#7A2048) */
.pricing-toggle.active {
	background-color: #7A2048 !important;
	color: white !important;
	box-shadow: 0 2px 6px rgba(122, 32, 72, 0.2);
}

/* Hover State - Consistent across all toggles */
.currency-toggle:not(.active):hover,
.pricing-toggle:not(.active):hover,
.billing-toggle:not(.active):hover {
	background-color: #f3f4f6;
}

/* Toggle Container Styling */
.pricing-toggle:not(.active),
.currency-toggle:not(.active),
.billing-toggle:not(.active) {
	color: #6b7280;
}

.pricing-tab {
	animation: fadeIn 0.5s ease-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.service-plan-card:hover,
.retainer-plan:hover {
	transform: translateY(-5px);
	transition: all 0.3s ease;
}

/* Keep feature rows aligned across plan columns */
.plan-meta {
	height: 240px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 16px;
}

.plan-features-list,
.plan-values-list {
	display: grid;
	grid-template-rows: repeat(9, minmax(3.5rem, 1fr));
	row-gap: 0;
	padding: 0;
	margin: 0;
}

.plan-features-list li,
.plan-values-list li {
	margin: 0;
	align-self: center;
	width: 100%;
	box-sizing: border-box;
}