/**
 * Pricing widget — Elementor overrides.
 */
.elementor-widget-beep-pricing {
	--beep-orange: #f97316;
	--beep-grad: linear-gradient(135deg, #f97316 0%, #ef4444 100%);
	--beep-white: #ffffff;
	--beep-navy: #1e1b4b;
}

.elementor-widget-beep-pricing .beep-pd-section {
	width: 100%;
}

/* Heading — match theme beep-section-title-wrapper centering */
.elementor-widget-beep-pricing .beep-section-title-wrapper {
	text-align: center;
}

.elementor-widget-beep-pricing .beep-section-title-wrapper .beep-section-label {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.elementor-widget-beep-pricing .beep-section-title-wrapper .beep-section-title,
.elementor-widget-beep-pricing .beep-section-title-wrapper .beep-section-sub {
	text-align: inherit;
}

.elementor-widget-beep-pricing .beep-section-title-wrapper .beep-section-sub {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 32px;
}

.elementor-widget-beep-pricing .beep-pricing-grid > [class*="col-"] {
	display: flex;
}

.elementor-widget-beep-pricing .beep-price-card {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.elementor-widget-beep-pricing .beep-price-features {
	flex: 1 1 auto;
	margin-bottom: 24px;
}

.elementor-widget-beep-pricing .beep-price-icon i {
	color: inherit;
}

/* Buttons — Bootstrap .btn overrides theme outline styles in Elementor */
.elementor-widget-beep-pricing .beep-price-card .btn,
.elementor-widget-beep-pricing .beep-price-card a.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 58px;
	height: auto;
	padding: 0 44px;
	border-radius: 99px;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	border: 2px solid transparent;
	white-space: nowrap;
	text-decoration: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
	box-sizing: border-box;
	background-image: none;
	box-shadow: none;
	margin-top: auto;
	flex-shrink: 0;
	--bs-btn-border-width: 0;
	--bs-btn-box-shadow: none;
}

.elementor-widget-beep-pricing .beep-price-card .btn.btn-primary,
.elementor-widget-beep-pricing .beep-price-card a.btn.btn-primary {
	background: var(--beep-grad);
	background-color: transparent;
	border-color: transparent;
	color: var(--beep-white);
}

.elementor-widget-beep-pricing .beep-price-card .btn.btn-primary::after,
.elementor-widget-beep-pricing .beep-price-card a.btn.btn-primary::after {
	content: "";
	position: absolute;
	z-index: -1;
	left: -20%;
	right: -20%;
	top: -4%;
	height: 150%;
	width: 150%;
	background: var(--beep-white);
	transform: skewX(45deg) scale(0, 1);
	transition: transform 0.5s ease;
}

.elementor-widget-beep-pricing .beep-price-card .btn.btn-primary:hover,
.elementor-widget-beep-pricing .beep-price-card a.btn.btn-primary:hover {
	color: var(--beep-orange);
	border-color: transparent;
}

.elementor-widget-beep-pricing .beep-price-card .btn.btn-primary:hover::after,
.elementor-widget-beep-pricing .beep-price-card a.btn.btn-primary:hover::after {
	transform: skewX(45deg) scale(1, 1);
}

.elementor-widget-beep-pricing .beep-price-card .btn.btn-outline,
.elementor-widget-beep-pricing .beep-price-card a.btn.btn-outline {
	background: transparent;
	background-color: transparent;
	background-image: none;
	border: 2px solid var(--beep-orange);
	border-color: var(--beep-orange);
	color: var(--beep-orange);
	box-shadow: none;
}

.elementor-widget-beep-pricing .beep-price-card .btn.btn-outline::after,
.elementor-widget-beep-pricing .beep-price-card a.btn.btn-outline::after {
	content: "";
	position: absolute;
	z-index: -1;
	left: -20%;
	right: -20%;
	top: -4%;
	height: 150%;
	width: 150%;
	background: var(--beep-grad);
	transform: skewX(45deg) scale(0, 1);
	transition: transform 0.5s ease;
}

.elementor-widget-beep-pricing .beep-price-card .btn.btn-outline:hover,
.elementor-widget-beep-pricing .beep-price-card a.btn.btn-outline:hover {
	color: var(--beep-white);
	border-color: transparent;
	box-shadow: none;
}

.elementor-widget-beep-pricing .beep-price-card .btn.btn-outline:hover::after,
.elementor-widget-beep-pricing .beep-price-card a.btn.btn-outline:hover::after {
	transform: skewX(45deg) scale(1, 1);
}

.elementor-widget-beep-pricing .beep-price-card .btn i,
.elementor-widget-beep-pricing .beep-price-card a.btn i {
	color: inherit;
}

.elementor-widget-beep-pricing .beep-billing-yearly,
.elementor-widget-beep-pricing .beep-billing-lifetime {
	cursor: pointer;
}

.elementor-widget-beep-pricing .beep-price-num-custom {
	font-size: 32px;
}