/**
 * Legacy Price widget → IES Price Card visual language (keeps widgetType `price`)
 */

/* Kill Elementor page chrome on the outer item (old black border + navy bottom shadow). */
.elementor .pricing-wrapper .row .pricing-item,
.pricing-wrapper .row .pricing-item {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	padding: 0 !important;
}

.pricing-wrapper .pricing-item .single-pricing-plan {
	border: 1px solid rgba(17, 41, 75, 0.08);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
	background: var(--ies-white, #fff);
}

.pricing-wrapper .row .pricing-item .pricing-header {
	padding: 40px 30px 30px;
	border-radius: 0 !important;
	/* Keep Elementor/item bd_color via inline style; don't force white over it. */
}

.pricing-wrapper .row .pricing-item .pricing-header h3,
.pricing-wrapper .row .pricing-item .pricing-header * {
	font-family: var(--ies-font-display, Onest, sans-serif);
	color: var(--ies-navy, #11294B);
}

.pricing-wrapper .row .pricing-item ul.plan-features {
	background: var(--ies-light-purple-gray, #F7F7FD);
}

.pricing-wrapper .row .pricing-item ul.plan-features li {
	border-bottom: 1px solid rgba(17, 41, 75, 0.08);
	padding: 20px 30px;
}

.pricing-wrapper .row .pricing-item ul.plan-features li:last-child {
	border-bottom: 0;
}

.pricing-wrapper .row .pricing-item ul.plan-features li i {
	background-color: var(--ies-card-hover-bg, #EFECFC);
	color: var(--ies-primary, #5D43DE);
}

.pricing-wrapper .row .pricing-item .text-link {
	padding: 24px 30px 30px;
	margin-bottom: 0;
	background: var(--ies-light-purple-gray, #F7F7FD);
}

.pricing-wrapper .row .pricing-item .text-link a,
.pricing-item .text-link a,
.elementor .pricing-wrapper .text-link a:not(.ies-btn) {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	max-width: none !important;
	width: 100% !important;
	padding: 14px 30px !important;
	border-radius: 10px !important;
	font-family: var(--ies-font-display, Onest, sans-serif) !important;
	font-size: var(--ies-button-font-size, 16px) !important;
	font-weight: var(--ies-button-font-weight, 600) !important;
	line-height: var(--ies-button-line-height, 1.2) !important;
	background: var(--ies-button-primary, #5D43DE) !important;
	border: 2px solid var(--ies-button-primary, #5D43DE) !important;
	color: var(--ies-button-text, #fff) !important;
	transition: var(--ies-button-transition, background 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease) !important;
}

.pricing-wrapper .row .pricing-item .text-link a:hover,
.pricing-item .text-link a:hover {
	background: var(--ies-button-hover, #4D4285);
	border-color: var(--ies-button-hover, #4D4285);
	color: var(--ies-button-text-hover, #fff);
}

.pricing-wrapper .section-header h2,
.pricing-wrapper .section-header .title {
	font-family: var(--ies-font-display, Onest, sans-serif);
	color: var(--ies-heading-color, var(--ies-navy, #11294B));
}