/* Bundle pricing — match production PDP cards
   (avoid Elementor kit `.elementor-kit-5 button` lime styles) */

.elementor-widget-woocommerce-product-add-to-cart .dkh-bundle-pricing,
.dkh-pdp .dkh-bundle-pricing,
.dkh-bundle-pricing {
	display: block !important;
	width: 100%;
	max-width: 100%;
	margin: 0 0 0.85rem;
	padding: 0;
	box-sizing: border-box;
}

.dkh-bundle-pricing[hidden] {
	display: none !important;
}

.dkh-bundle-pricing__heading {
	margin: 0 0 0.5rem !important;
	padding: 0 !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: 0.7rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	line-height: 1.3 !important;
	color: #6b6b6b !important;
	background: none !important;
	border: 0 !important;
}

.dkh-bundle-pricing__tiers {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65rem;
	width: 100%;
	margin: 0;
	padding: 0;
}

@media (min-width: 520px) {
	.dkh-bundle-pricing__tiers:has(> :nth-child(3)) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Use div[role=button] — still override in case markup is a <button> */
.elementor-kit-5 .dkh-bundle-pricing__tier,
.elementor-kit-5 button.dkh-bundle-pricing__tier,
.dkh-bundle-pricing__tier {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 0.15rem !important;
	margin: 0 !important;
	padding: 0.9rem 1rem 1rem !important;
	width: 100% !important;
	min-height: 0 !important;
	box-sizing: border-box !important;
	text-align: left !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	background: #fff !important;
	background-color: #fff !important;
	border: 1px solid #e6e6e6 !important;
	border-radius: 0 !important;
	color: #111 !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: inherit !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	box-shadow: none !important;
	outline: none !important;
	transition: border-color 0.12s ease, background-color 0.12s ease !important;
}

.elementor-kit-5 .dkh-bundle-pricing__tier:hover,
.elementor-kit-5 .dkh-bundle-pricing__tier:focus,
.elementor-kit-5 button.dkh-bundle-pricing__tier:hover,
.elementor-kit-5 button.dkh-bundle-pricing__tier:focus,
.dkh-bundle-pricing__tier:hover,
.dkh-bundle-pricing__tier:focus {
	background: #fff !important;
	background-color: #fff !important;
	border-color: #d0d0d0 !important;
	color: #111 !important;
	box-shadow: none !important;
}

/* Active = production: soft beige + thick left rule */
.elementor-kit-5 .dkh-bundle-pricing__tier.is-active,
.elementor-kit-5 .dkh-bundle-pricing__tier[aria-pressed="true"],
.elementor-kit-5 button.dkh-bundle-pricing__tier.is-active,
.dkh-bundle-pricing__tier.is-active,
.dkh-bundle-pricing__tier[aria-pressed="true"] {
	background: #f3f1ec !important;
	background-color: #f3f1ec !important;
	border: 1px solid #e6e6e6 !important;
	border-left: 3px solid #111 !important;
	color: #111 !important;
	box-shadow: none !important;
}

.dkh-bundle-pricing__badge {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	z-index: 1;
	display: inline-block !important;
	margin: 0 !important;
	padding: 0.22rem 0.42rem !important;
	background: #daf615 !important;
	color: #111 !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: 0.65rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.dkh-bundle-pricing__label {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	padding-right: 2.25rem !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	line-height: 1.3 !important;
	color: #111 !important;
	background: none !important;
}

.dkh-bundle-pricing__unit {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	line-height: 1.4 !important;
	color: #555 !important;
	background: none !important;
}

.dkh-bundle-pricing__unit .woocommerce-Price-amount,
.dkh-bundle-pricing__unit .woocommerce-Price-currencySymbol,
.dkh-bundle-pricing__total .woocommerce-Price-amount,
.dkh-bundle-pricing__total .woocommerce-Price-currencySymbol {
	font-weight: inherit !important;
	color: inherit !important;
}

.dkh-bundle-pricing__total {
	display: block !important;
	margin: 0.2rem 0 0 !important;
	padding: 0 !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	line-height: 1.35 !important;
	color: #111 !important;
	background: none !important;
}
