/* HVShop - Cong Nghe Badges
   Loaded only on single product pages via wp_enqueue_style.
   Scoped under .hv-tech-* to avoid collisions with theme styles. */

.shop_attributes .hv-tech-accordion,
.woocommerce-product-attributes .hv-tech-accordion {
	margin: 0;
	line-height: 1.5;
}

.hv-tech-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	margin: 0;
	background: #f6f7f9;
	border: 1px solid #e3e6eb;
	border-radius: 999px;
	color: #2b6cb0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease;
	-webkit-appearance: none;
	appearance: none;
}

.hv-tech-toggle:hover,
.hv-tech-toggle:focus {
	background: #eef1f5;
	border-color: #cbd2dc;
	outline: none;
}

.hv-tech-toggle:focus-visible {
	box-shadow: 0 0 0 3px rgba(43, 108, 176, .25);
}

.hv-tech-toggle-icon {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid currentColor;
	transition: transform .2s ease;
}

.hv-tech-accordion[data-open="true"] .hv-tech-toggle-icon {
	transform: rotate(180deg);
}

/* Flex-wrap layout: pills keep natural width, flow horizontally and wrap.
   Scoped under .shop_attributes for high specificity to override Flatsome
   theme styles that otherwise force <a> tags inside td to display:block. */
.shop_attributes .hv-tech-list,
.woocommerce-product-attributes .hv-tech-list,
.hv-tech-list {
	margin-top: 5px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 5px;
	background: #fafbfc;
	border: 1px solid #eef0f3;
	border-radius: 10px;
}

.hv-tech-list[hidden] {
	display: none !important;
}

.shop_attributes td .hv-tech-badge,
.woocommerce-product-attributes-item__value .hv-tech-badge,
.hv-tech-list .hv-tech-badge,
.hv-tech-badge {
	display: inline-flex !important;
	align-items: center;
	flex: 0 0 auto;
	width: auto !important;
	max-width: 100%;
	padding: 4px 8px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none !important;
	border: 1px solid transparent;
	white-space: nowrap;
	transition: transform .15s ease, box-shadow .15s ease;
	/* Sentence case: AERO-BOX FRAME → Aero-box frame */
	text-transform: lowercase;
}

.shop_attributes td .hv-tech-badge::first-letter,
.woocommerce-product-attributes-item__value .hv-tech-badge::first-letter,
.hv-tech-list .hv-tech-badge::first-letter,
.hv-tech-badge::first-letter {
	text-transform: uppercase;
}

.hv-tech-badge:hover,
.hv-tech-badge:focus {
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
	text-decoration: none !important;
}

.hv-tech-badge--blue {
	background: #E6F1FB;
	color: #0C447C !important;
	border-color: #85B7EB;
}

.hv-tech-badge--teal {
	background: #E1F5EE;
	color: #085041 !important;
	border-color: #5DCAA5;
}

.hv-tech-badge--purple {
	background: #EEEDFE;
	color: #3C3489 !important;
	border-color: #AFA9EC;
}

.hv-tech-badge--amber {
	background: #FAEEDA;
	color: #633806 !important;
	border-color: #EF9F27;
}

.hv-tech-badge--coral {
	background: #FAECE7;
	color: #712B13 !important;
	border-color: #F0997B;
}