.wd-carton-unit-price {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 999px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	color: #475467;
	font-size: .84em;
	font-weight: 600;
	vertical-align: middle;
}

.wd-carton-summary-box {
	margin: 0 0 18px;
	padding: 14px 16px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 18px;
	background: linear-gradient(180deg, #ffffff 0%, #f7f8fa 100%);
	box-shadow: 0 14px 38px rgba(15, 23, 42, 0.05);
}

.wd-carton-summary-inner {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.wd-carton-summary-line {
	color: #1f2937;
	font-size: .97rem;
	font-weight: 600;
}

.wd-carton-summary-line + .wd-carton-summary-line {
	color: #667085;
	font-weight: 500;
}

.wd-carton-summary-warning {
	color: #b54708;
	font-size: .9rem;
}

.wd-carton-order-note {
	margin-top: 8px;
	line-height: 1.45;
	color: #667085;
}

.hwcm-quantity-help {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 10px;
}

.hwcm-quantity-help strong {
	font-size: .96rem;
}

.hwcm-quantity-help span {
	font-size: .9rem;
	color: #667085;
}

.hwcm-price-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 10px 0 14px;
}

.hwcm-top-price-mirror {
	font: inherit;
	margin: 0 0 12px;
}

.hwcm-top-price-mirror .price,
.hwcm-top-price-mirror p.price,
.hwcm-top-price-mirror .woocommerce-variation-price,
.hwcm-top-price-mirror .amount,
.hwcm-top-price-mirror bdi,
.hwcm-top-price-mirror ins,
.hwcm-top-price-mirror del {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
}

.hwcm-top-price-mirror del {
	opacity: .55;
}

.hwcm-top-price-source-hidden {
	display: none !important;
}


.hwcm-loop-piece-price {
	margin: 2px 0 6px;
	line-height: 1.35;
}

.hwcm-loop-piece-price small {
	display: block;
	color: #667085;
	font-size: .88em;
	font-weight: 500;
}

.hwcm-loop-piece-price-value {
	font-weight: 700;
	color: #1f2937;
}

.hwcm-loop-piece-price-sep {
	opacity: .55;
}


.hwcm-loop-piece-price small {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.hwcm-loop-piece-price-info {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 999px;
	background: #f2f4f7;
	color: #667085;
	font-size: 10px;
	font-weight: 700;
	cursor: help;
	position: relative;
	line-height: 1;
}

.hwcm-loop-piece-price-info:hover::after,
.hwcm-loop-piece-price-info:focus::after {
	content: attr(data-hwcm-tip);
	position: absolute;
	left: 50%;
	bottom: calc(100% + 8px);
	transform: translateX(-50%);
	min-width: 180px;
	max-width: 240px;
	padding: 8px 10px;
	border-radius: 8px;
	background: #111827;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.35;
	text-align: left;
	white-space: normal;
	z-index: 20;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.2);
}

.related .hwcm-loop-piece-price,
.products .product .hwcm-loop-piece-price {
	min-height: 0;
}

.hwcm-loop-piece-price-positioned {
	margin-top: 2px;
}

.related .hwcm-loop-piece-price small {
	font-size: .82em;
	line-height: 1.35;
}

.hwcm-loop-piece-price-main {
	white-space: nowrap;
}

.hwcm-loop-piece-price-amount {
	display: inline-block;
	white-space: nowrap;
}

.hwcm-loop-piece-price-range small {
	gap: 4px;
	flex-wrap: nowrap;
}

.hwcm-loop-piece-price-range .hwcm-loop-piece-price-main {
	font-size: .96em;
}

.hwcm-loop-piece-price-range .hwcm-loop-piece-price-from {
	font-size: .92em;
	font-weight: 600;
}

.related .hwcm-loop-piece-price-range small,
.products .product .hwcm-loop-piece-price-range small {
	font-size: .78em;
}


/* WoodMart compatibility: HWCM never owns shop button colors. Re-apply the
 * theme's Accent Button tokens only on product-grid purchase CTAs. This fixes
 * cases where third-party/plugin cascade leaves Select Options / Add to Cart
 * in the default grey state, while still following the color configured in
 * WoodMart Theme Settings. */
.woocommerce-shop .product-grid-item .wd-add-btn > a.button,
.tax-product_cat .product-grid-item .wd-add-btn > a.button,
.tax-product_tag .product-grid-item .wd-add-btn > a.button,
.woocommerce-shop .product-grid-item .wd-add-btn a.add_to_cart_button,
.tax-product_cat .product-grid-item .wd-add-btn a.add_to_cart_button,
.tax-product_tag .product-grid-item .wd-add-btn a.add_to_cart_button,
.woocommerce-shop .product-grid-item a.button.add_to_cart_button,
.tax-product_cat .product-grid-item a.button.add_to_cart_button,
.tax-product_tag .product-grid-item a.button.add_to_cart_button,
.woocommerce-shop .product-grid-item a.button.product_type_variable,
.tax-product_cat .product-grid-item a.button.product_type_variable,
.tax-product_tag .product-grid-item a.button.product_type_variable,
.woocommerce-shop .products .product .wd-add-btn > a.button,
.tax-product_cat .products .product .wd-add-btn > a.button,
.tax-product_tag .products .product .wd-add-btn > a.button,
.woocommerce-shop .products .product .wd-add-btn a.add_to_cart_button,
.tax-product_cat .products .product .wd-add-btn a.add_to_cart_button,
.tax-product_tag .products .product .wd-add-btn a.add_to_cart_button,
.woocommerce-shop .products .product a.button.add_to_cart_button,
.tax-product_cat .products .product a.button.add_to_cart_button,
.tax-product_tag .products .product a.button.add_to_cart_button,
.woocommerce-shop .products .product a.button.product_type_variable,
.tax-product_cat .products .product a.button.product_type_variable,
.tax-product_tag .products .product a.button.product_type_variable {
	background-color: var(--btn-accented-bgcolor, var(--wd-primary-color));
	color: var(--btn-accented-color, #fff);
	border-color: transparent;
	border-radius: var(--btn-accented-brd-radius, var(--btn-brd-radius, 0));
	box-shadow: var(--btn-accented-box-shadow, none);
	font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
	font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
	font-style: var(--btn-accented-font-style, var(--btn-font-style, normal));
	text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
}

.woocommerce-shop .product-grid-item .wd-add-btn > a.button:hover,
.tax-product_cat .product-grid-item .wd-add-btn > a.button:hover,
.tax-product_tag .product-grid-item .wd-add-btn > a.button:hover,
.woocommerce-shop .product-grid-item .wd-add-btn a.add_to_cart_button:hover,
.tax-product_cat .product-grid-item .wd-add-btn a.add_to_cart_button:hover,
.tax-product_tag .product-grid-item .wd-add-btn a.add_to_cart_button:hover,
.woocommerce-shop .product-grid-item a.button.add_to_cart_button:hover,
.tax-product_cat .product-grid-item a.button.add_to_cart_button:hover,
.tax-product_tag .product-grid-item a.button.add_to_cart_button:hover,
.woocommerce-shop .product-grid-item a.button.product_type_variable:hover,
.tax-product_cat .product-grid-item a.button.product_type_variable:hover,
.tax-product_tag .product-grid-item a.button.product_type_variable:hover,
.woocommerce-shop .products .product .wd-add-btn > a.button:hover,
.tax-product_cat .products .product .wd-add-btn > a.button:hover,
.tax-product_tag .products .product .wd-add-btn > a.button:hover,
.woocommerce-shop .products .product .wd-add-btn a.add_to_cart_button:hover,
.tax-product_cat .products .product .wd-add-btn a.add_to_cart_button:hover,
.tax-product_tag .products .product .wd-add-btn a.add_to_cart_button:hover,
.woocommerce-shop .products .product a.button.add_to_cart_button:hover,
.tax-product_cat .products .product a.button.add_to_cart_button:hover,
.tax-product_tag .products .product a.button.add_to_cart_button:hover,
.woocommerce-shop .products .product a.button.product_type_variable:hover,
.tax-product_cat .products .product a.button.product_type_variable:hover,
.tax-product_tag .products .product a.button.product_type_variable:hover {
	background-color: var(--btn-accented-bgcolor-hover, var(--btn-accented-bgcolor, var(--wd-primary-color)));
	color: var(--btn-accented-color-hover, var(--btn-accented-color, #fff));
	box-shadow: var(--btn-accented-box-shadow-hover, var(--btn-accented-box-shadow, none));
}