/**
 * MYKINGDOM Demo - bundle picker ("mua bộ" 1/2/3 món) + báo giá bộ.
 *
 * Số đo lấy từ nguồn mykingdom.co (1440): hàng giá 30px (giá 20/700 cam, giá gốc
 * 16/700 gạch, badge tiết kiệm xanh #006de5 12/700 bo 6), tiêu đề bộ 14/900 có
 * gạch hai bên, hộp mức viền 4px bo 12 (nền rgba(255,95,0,.02) → .1 khi chọn),
 * banner cam nằm trên viền, bộ chọn từng món 21px ngay trong hộp đang chọn.
 * Every selector stays under a .mkd- root class.
 */

/* Báo giá bộ trong hàng giá và trong thanh thêm giỏ dính. */
.mkd-bundle-price {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.mkd-bundle-price .mkd-bundle-price__now {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 1.2px;
	color: #ff5f00;
	text-decoration: none;
}

.mkd-bundle-price .mkd-bundle-price__was {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0.96px;
	color: rgba(44, 45, 46, 0.9);
}

.mkd-bundle-price .mkd-bundle-price__save {
	display: inline-flex;
	align-items: center;
	gap: 4.8px;
	padding: 0 6px;
	min-height: 23px;
	border: 1px solid #006de5;
	border-radius: 6px;
	background: #006de5;
	color: rgba(255, 255, 255, 0.9);
	font-size: 12px;
	font-weight: 700;
	line-height: 21px;
	letter-spacing: 1px;
}

/* Nguồn không in dòng "giá bộ N món" trong hàng giá; số món đã thấy ở hộp mức. */
.mkd-bundle-price .mkd-bundle-price__note {
	display: none;
}

.sticky-add-to-cart .mkd-bundle-price .mkd-bundle-price__now {
	font-size: 16px;
	line-height: 24px;
}

.sticky-add-to-cart .mkd-bundle-price .mkd-bundle-price__was {
	font-size: 14px;
	line-height: 20px;
}

/* Flatsome đặt `display:flex !important` cho `.ux-quantity` nên phải ép ẩn. */
.mkd-bundle--picker .quantity,
.mkd-bundle--picker .ux-quantity,
.mkd-bundle--picker .woocommerce-variation-price {
	display: none !important;
}

.mkd-bundle__picker {
	margin: 9px 0;
}

/* Tiêu đề "Mua bộ tiết kiệm hơn" với hai gạch ngang. */
.mkd-bundle__title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 900;
	line-height: 14px;
	letter-spacing: 0.66px;
	text-align: center;
	color: #2c2d2e;
}

.mkd-bundle__title > span:first-child,
.mkd-bundle__title > span:last-child {
	flex: 1;
	height: 1px;
	background: rgba(44, 45, 46, 0.2);
}

.mkd-bundle__options {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.mkd-bundle__box {
	position: relative;
	border: 4px solid rgba(255, 95, 0, 0.3);
	border-radius: 12px;
	background: rgba(255, 95, 0, 0.02);
}

.mkd-bundle__box:hover {
	border-color: rgba(255, 95, 0, 0.6);
}

.mkd-bundle__box.is-selected {
	border-color: #ff5f00;
	background: rgba(255, 95, 0, 0.1);
}

.mkd-bundle__option {
	display: block;
	position: relative;
	margin: 0;
	padding: 12.5px 14px;
	cursor: pointer;
}

.mkd-bundle__option .mkd-bundle__radio {
	position: absolute;
	top: 50%;
	left: 14px;
	width: 18px;
	height: 18px;
	margin: -9px 0 0;
	accent-color: #ff5f00;
}

.mkd-bundle__option-body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding-left: 30px;
}

.mkd-bundle__option-head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.mkd-bundle__option-title {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 15px;
	font-weight: 900;
	line-height: 22px;
	letter-spacing: 0.66px;
	color: #2c2d2e;
}

/* Badge tiết kiệm: viền xanh trên nền kem như nguồn. */
.mkd-bundle__badge {
	display: inline-flex;
	align-items: center;
	padding: 3px 7.5px;
	border: 1px solid #006de5;
	border-radius: 6px;
	background: #f4f0e6;
	color: #006de5;
	font-size: 10px;
	font-weight: 700;
	line-height: 15px;
}

/* Banner phần trăm giảm nằm trên viền hộp, góc trên phải. */
.mkd-bundle__banner {
	position: absolute;
	top: -16px;
	right: 8px;
	padding: 0 10.5px;
	border-radius: 3px;
	background: #ff5f00;
	color: rgba(255, 255, 255, 0.9);
	font-size: 13px;
	font-weight: 700;
	line-height: 24px;
}

.mkd-bundle__option-prices {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}

.mkd-bundle__option-total {
	font-size: 16px;
	font-weight: 700;
	color: #2c2d2e;
}

.mkd-bundle__option-unit {
	font-size: 14px;
	color: rgba(44, 45, 46, 0.75);
}

/* Bộ chọn từng món: nằm trong hộp đang chọn, select nhỏ như nguồn. */
.mkd-bundle__slots {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 10px 14px 4px 44px;
}

.mkd-bundle__slot {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* `display:flex` ghi đè `[hidden]` của trình duyệt nên phải ẩn lại tường minh. */
.mkd-bundle__slot[hidden] {
	display: none;
}

.mkd-bundle__slot-title {
	font-size: 12px;
	font-weight: 700;
	color: rgba(44, 45, 46, 0.75);
}

.mkd-bundle__slot-fields {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mkd-bundle__field-label {
	display: none;
}

/* Đặc tả cao hơn quy tắc input chung của child theme (`.mkd-site select`). */
.mkd-bundle__slot-fields select.mkd-bundle__select {
	height: 21px;
	min-height: 21px;
	margin: 0;
	padding: 0 25px 0 8px;
	border: 0;
	border-radius: 3.2px;
	background-color: #f4f0e6;
	box-shadow: none;
	font-size: 12px;
	line-height: 21px;
	color: #2c2d2e;
}

.mkd-bundle__slot-note {
	margin: 0;
	font-size: 12px;
	color: #c7331e;
}

.mkd-bundle__slot-note:empty {
	display: none;
}

.mkd-bundle__slot-note.is-error {
	color: #d1122c;
}

.mkd-bundle__error {
	margin-top: 8px;
	font-size: 13px;
	color: #c7331e;
}

.mkd-bundle .single_add_to_cart_button.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

@media screen and (max-width: 549px) {
	.mkd-bundle__option {
		padding: 10px 12px;
	}

	.mkd-bundle__option-title {
		font-size: 14px;
	}

	.mkd-bundle__slots {
		padding: 8px 12px 10px 38px;
	}

	.mkd-bundle-price .mkd-bundle-price__now {
		font-size: 20px;
	}

	.mkd-bundle-price .mkd-bundle-price__was {
		font-size: 16px;
	}
}