/* ===============================
   NQT PRODUCT ADDON – CLEAN UI
================================ */

.nqt-product-addon__list{
	display:flex;
	flex-direction:column;
	gap:10px;
}

/* ITEM */
.nqt-product-addon__row{
	display:flex;
	align-items:center;
	gap:12px;
	background:var(--nqt-color-light);
	border:1px solid var(--nqt-box-border);
	border-radius:10px;
	padding:10px 12px;
}

/* THUMB 16:9 */
.nqt-product-addon__thumb{
	flex: 0 0 54px;          /* chiều ngang */
	width: 96px;
	height: 54px;           /* chiều cao */
	overflow: hidden;
	border-radius: 5px;
}

.nqt-product-addon__thumb img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

/* TITLE */
.nqt-product-addon__title-wrap{
	flex:1 1 auto;
	min-width:0;
}

.nqt-product-addon__title{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;

	font-size:14px;
	font-weight:600;
	line-height:1.35;

	color:var(--nqt-color-dark);
	text-decoration:none;
}

.nqt-product-addon__title:hover{
	color:var(--nqt-color-primary);
}

/* CTA */
.nqt-product-addon__cta{
	margin-left:auto;
	display:flex;
	align-items:center;
}

.nqt-product-addon__cta .button,
.nqt-product-addon__cta .add_to_cart_button{
	padding:6px 12px;
	font-size:14px;
	font-weight:400;
	white-space:nowrap;
	border-radius:var(--nqt-radius-btn);
}

/* ===============================
   NQT PRODUCT ADDON – PRICE ROW
================================ */

.nqt-product-addon__price{
	margin-top: 2px;
	font-size: 14px;
	font-weight: 600;
	color: var(--nqt-color-primary);
	line-height: 1.3;
	white-space: nowrap;
}

/* Woo sale price */
.nqt-product-addon__price del{
	opacity: .5;
	font-weight: 500;
	margin-right: 4px;
}

.nqt-product-addon__price ins{
	text-decoration: none;
	font-weight: 900;
}


/* MOBILE */
@media (max-width:767px){
	.nqt-product-addon__thumb{
		flex:0 0 80px;
		max-width:80px;
	}
	.nqt-product-addon__title{
		font-size:12px;
		font-weight: 400;
	}
	.nqt-product-addon__cta .button{
		padding:6px 10px;
		font-size:12px;
	}
}


/* =====================================
   NQT PRODUCT ADDON – MOBILE / TABLET
   Button + Thumbnail SQUARE
===================================== */

@media (max-width: 1024px){

	/* ===== ITEM ALIGN ===== */
	.nqt-product-addon__row{
		align-items: center;
	}

	/* ===== THUMB: VUÔNG 1:1 ===== */
	.nqt-product-addon__thumb{
		flex: 0 0 64px;
		max-width: 64px;
		aspect-ratio: 1 / 1;          /* 👈 VUÔNG */
		border-radius: var(--nqt-radius-box);
	}

	.nqt-product-addon__thumb img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* ===== CTA: NÚT VUÔNG ===== */
	.nqt-product-addon__cta .button,
	.nqt-product-addon__cta .add_to_cart_button{
		width: 36px;
		height: 36px;

		padding: 0;
		font-size: 0;                 /* Ẩn chữ */
		border-radius: var(--nqt-radius-btn);

		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	/* DẤU + Ở GIỮA */
	.nqt-product-addon__cta .button::before,
	.nqt-product-addon__cta .add_to_cart_button::before{
		content: "+";
		font-size: 18px;
		font-weight: 900;
		line-height: 1;
		color: currentColor;
	}

	/* ===== TITLE GỌN HƠN ===== */
	.nqt-product-addon__title{
		font-size: 13px;
		line-height: 1.3;
	}
	
	.nqt-product-addon__price{
	font-size: 12px;
	}
}