/**
 * Pricing Box — Style 5: Filled Accent
 *
 * The whole card is filled with the accent color and reversed to white text —
 * ideal for the one featured plan you want to dominate the row.
 *
 * @package captain-widgets-kit
 * @since   1.3.0
 */

.captwiki-pricing.captwiki-style-5 {
	padding: 36px 30px;
	color: #ffffff;
	background:
		linear-gradient( 160deg, var( --captwiki-pb-accent ), color-mix( in srgb, var( --captwiki-pb-accent ) 70%, #000 ) );
	border-radius: 18px;
	box-shadow: 0 26px 54px -28px var( --captwiki-pb-accent );
}

.captwiki-pricing.captwiki-style-5 .captwiki-pricing__badge {
	color: var( --captwiki-pb-accent );
	background: #ffffff;
}

.captwiki-pricing.captwiki-style-5 .captwiki-pricing__icon,
.captwiki-pricing.captwiki-style-5 .captwiki-pricing__title,
.captwiki-pricing.captwiki-style-5 .captwiki-pricing__amount,
.captwiki-pricing.captwiki-style-5 .captwiki-pricing__currency,
.captwiki-pricing.captwiki-style-5 .captwiki-pricing__feature-text {
	color: #ffffff;
}

.captwiki-pricing.captwiki-style-5 .captwiki-pricing__subtitle,
.captwiki-pricing.captwiki-style-5 .captwiki-pricing__period,
.captwiki-pricing.captwiki-style-5 .captwiki-pricing__note {
	color: rgba( 255, 255, 255, 0.82 );
}

.captwiki-pricing.captwiki-style-5 .captwiki-pricing__original {
	color: rgba( 255, 255, 255, 0.7 );
}

.captwiki-pricing.captwiki-style-5 .captwiki-pricing__feature-icon {
	color: #ffffff;
}

.captwiki-pricing.captwiki-style-5 .captwiki-pricing__feature.is-excluded .captwiki-pricing__feature-text {
	color: rgba( 255, 255, 255, 0.6 );
}

.captwiki-pricing.captwiki-style-5 .captwiki-pricing__feature.is-excluded .captwiki-pricing__feature-icon {
	color: rgba( 255, 255, 255, 0.5 );
}

.captwiki-pricing.captwiki-style-5 .captwiki-pricing__features--divided .captwiki-pricing__feature {
	border-bottom-color: rgba( 255, 255, 255, 0.18 );
}

.captwiki-pricing.captwiki-style-5 .captwiki-pricing__btn {
	color: var( --captwiki-pb-accent );
	background: #ffffff;
}

.captwiki-pricing.captwiki-style-5 .captwiki-pricing__btn:hover {
	background: rgba( 255, 255, 255, 0.9 );
}
