@charset "UTF-8";
/* Thẻ chọn phiên bản (WPC Linked Variation) — kiểu thẻ có giá
 * LƯU Ý: style.css của theme con có sẵn bộ CSS cũ cho .wpclv-* dùng !important
 * (ép display:flex, ép height 30px + font-size 13px cho mọi a/span bên trong).
 * Vì vậy các thuộc tính xung đột dưới đây buộc phải !important. */

.wpclv-attributes-single { margin: 0 0 20px; }

.wpclv-attributes .wpclv-attribute-label {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin: 0 0 8px;
	padding: 0;
}

.wpclv-attributes .wpclv-terms,
.wpclv-attributes-single .wpclv-terms {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: stretch;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wpclv-attributes .wpclv-terms .azpos-pb,
.wpclv-attributes-single .wpclv-terms .azpos-pb {
	position: relative;
	display: flex !important;
	flex: 1 1 150px;
	max-width: 100%;
	flex-direction: column;
	justify-content: center;
	gap: 1px;
	height: auto !important;
	min-height: 44px;
	line-height: 1.35 !important;
	padding: 10px 12px !important;
	margin: 0 !important;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	background: #fff;
	color: #222;
	text-align: left;
	text-decoration: none;
	box-sizing: border-box;
	transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.wpclv-attributes .wpclv-terms a.azpos-pb:hover,
.wpclv-attributes-single .wpclv-terms a.azpos-pb:hover {
	border-color: var(--fs-color-alert, #ff6600);
	background: #fff8f3 !important;
	transform: translateY(-1px);
	text-decoration: none;
}

.wpclv-attributes .wpclv-terms a.azpos-pb:focus-visible {
	outline: 2px solid var(--fs-color-alert, #ff6600);
	outline-offset: 2px;
}

.wpclv-attributes .wpclv-terms .azpos-pb.is-active,
.wpclv-attributes-single .wpclv-terms .azpos-pb.is-active {
	border: 2px solid var(--fs-color-alert, #ff6600);
	background: #fff6ef;
	padding: 9px 11px !important;
	cursor: default;
}

/* CHI span cap 1 moi xuong dong. Span long ben trong (ky hieu ₫ cua Woo)
   phai giu inline, khong thi chu "đ" rot xuong dong rieng. */
.wpclv-attributes .wpclv-terms .azpos-pb > span,
.wpclv-attributes-single .wpclv-terms .azpos-pb > span {
	display: block !important;
	width: auto !important;
	height: auto !important;
	line-height: 1.35 !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
	white-space: normal !important;
	text-align: left;
}

.wpclv-attributes .wpclv-terms .azpos-pb__gia span,
.wpclv-attributes-single .wpclv-terms .azpos-pb__gia span {
	display: inline !important;
	height: auto !important;
	line-height: inherit !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
	background: none !important;
	white-space: nowrap !important;
}

.wpclv-attributes .wpclv-terms .azpos-pb__gia { white-space: nowrap; }

.wpclv-attributes .wpclv-terms .azpos-pb__ten {
	font-size: 15px !important;
	font-weight: 600;
	color: #222 !important;
	padding-right: 20px !important;
}

.wpclv-attributes .wpclv-terms .azpos-pb__gia {
	font-size: 15px !important;
	font-weight: 600;
	color: #d0021b !important;
}

.wpclv-attributes .wpclv-terms .azpos-pb__gia del {
	font-size: 12px !important;
	font-weight: 400;
	color: #999 !important;
	margin-right: 4px;
}

.wpclv-attributes .wpclv-terms .azpos-pb__gia ins { text-decoration: none; }

.wpclv-attributes .wpclv-terms .azpos-pb__goi {
	font-size: 12px !important;
	font-weight: 400;
	color: #7a7a7a !important;
	margin-top: 2px !important;
}

.wpclv-attributes .wpclv-terms .azpos-pb.is-active .azpos-pb__goi { color: #96603c !important; }

/* Selector phai manh hon rule ".azpos-pb > span { width:auto !important }" o tren,
   neu khong dau tich co ve 0x0 va bien mat. */
.wpclv-attributes .wpclv-terms .azpos-pb > span.azpos-pb__tick,
.wpclv-attributes-single .wpclv-terms .azpos-pb > span.azpos-pb__tick {
	display: block !important;
	position: absolute;
	top: 8px;
	right: 9px;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px;
	border-radius: 50%;
	background: var(--fs-color-alert, #ff6600) !important;
}

.wpclv-attributes .wpclv-terms .azpos-pb > span.azpos-pb__tick:after {
	content: "";
	position: absolute;
	left: 5px;
	top: 3px;
	width: 4px;
	height: 7px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

@media (max-width: 48em) {
	.wpclv-attributes .wpclv-terms,
	.wpclv-attributes-single .wpclv-terms { gap: 8px !important; }
	.wpclv-attributes .wpclv-terms .azpos-pb { flex-basis: 134px; }
	.wpclv-attributes .wpclv-terms .azpos-pb { padding: 9px 10px !important; }
	.wpclv-attributes .wpclv-terms .azpos-pb.is-active { padding: 8px 9px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.wpclv-attributes .wpclv-terms .azpos-pb { transition: none; }
	.wpclv-attributes .wpclv-terms a.azpos-pb:hover { transform: none; }
}