/**
 * Pricing Box — Style 3: Gradient Header
 *
 * A full-width accent gradient header bleeds to the card edges and holds the
 * icon, title, subtitle and price in white. Bold and marketing-friendly.
 *
 * @package captain-widgets-kit
 * @since   1.3.0
 */

.captwiki-pricing.captwiki-style-3 {
	padding: 0;
	background: #ffffff;
	border: 1px solid #e6e8ee;
	border-radius: 18px;
	overflow: hidden;
}

.captwiki-pricing.captwiki-style-3 .captwiki-pricing__header {
	padding: 32px 30px 0;
}

.captwiki-pricing.captwiki-style-3 .captwiki-pricing__price {
	margin: 18px 0 0;
	padding: 0 30px 30px;
	background:
		linear-gradient( 135deg, var( --captwiki-pb-accent ), color-mix( in srgb, var( --captwiki-pb-accent ) 65%, #000 ) );
	padding-top: 24px;
}

.captwiki-pricing.captwiki-style-3 .captwiki-pricing__header {
	background:
		linear-gradient( 135deg, var( --captwiki-pb-accent ), color-mix( in srgb, var( --captwiki-pb-accent ) 65%, #000 ) );
	padding-bottom: 6px;
}

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

.captwiki-pricing.captwiki-style-3 .captwiki-pricing__subtitle,
.captwiki-pricing.captwiki-style-3 .captwiki-pricing__period {
	color: rgba( 255, 255, 255, 0.85 );
}

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

.captwiki-pricing.captwiki-style-3 .captwiki-pricing__features {
	margin: 26px 0;
	padding: 0 30px;
}

.captwiki-pricing.captwiki-style-3 .captwiki-pricing__footer {
	padding: 0 30px 32px;
}

.captwiki-pricing.captwiki-style-3 .captwiki-pricing__btn:hover {
	filter: brightness( 0.94 );
}
