/**
 * QuickView — restyle quickview Flatsome cho NGHIENGMART.
 *
 * Chỉ tinh chỉnh khối meta (Thương hiệu, Mã SP) và khoảng cách tổng thể.
 * Không can thiệp layout gallery/summary do Flatsome dựng sẵn.
 */

/* Khối Thương hiệu + Mã SP ngay dưới tên sản phẩm (cùng dòng, ngăn bởi "|"). */
.product-quick-view-container .vend-qv {
	margin: 0 0 14px;
	font-size: 0.95em;
}

.product-quick-view-container .vend-qv .d-inline-block {
	display: inline-block;
}

.product-quick-view-container .vend-qv .first_status {
	color: #777;
}

.product-quick-view-container .vend-qv .status_name {
	color: #222;
	font-weight: 600;
}

.product-quick-view-container .vend-qv .line_tt {
	margin: 0 8px;
	color: #ccc;
}

/* Khoảng cách form số lượng + nút đặt hàng cho thoáng giống xanhsam. */
.product-quick-view-container .product-info .cart {
	margin-top: 8px;
}

.product-quick-view-container .product-info .cart .quantity {
	margin-right: 10px;
}

/* Xóa inline padding:30px của Flatsome trên .product-lightbox-inner. */
.product-quick-view-container .product-lightbox-inner {
	padding: 0 !important;
}

/* Ẩn arrow + dots ở slider ảnh chính và thanh thumbnail. */
.product-quick-view-container .product-gallery-slider .flickity-prev-next-button,
.product-quick-view-container .product-gallery-slider .flickity-page-dots,
.product-quick-view-container .nm-qv-thumbnails .flickity-prev-next-button,
.product-quick-view-container .nm-qv-thumbnails .flickity-page-dots {
	display: none !important;
}

/* Thanh thư viện ảnh nhỏ dưới ảnh chính (slider .col small-columns-4: 4 ảnh/view). */
.product-quick-view-container .nm-qv-thumbnails {
	margin-top: 12px;
}

.product-quick-view-container .nm-qv-thumb {
	cursor: pointer;
}

.product-quick-view-container .nm-qv-thumb a {
	display: block;
	line-height: 0;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	overflow: hidden;
	transition: border-color 0.2s ease;
}

.product-quick-view-container .nm-qv-thumb img {
	display: block;
	width: 100%;
	height: auto;
	pointer-events: none;
}

.product-quick-view-container .nm-qv-thumb.is-active a,
.product-quick-view-container .nm-qv-thumb:hover a {
	border-color: var(--primary-color, #1e73be);
}

/* Tăng chiều rộng modal quickview lên 950px (chỉ popup quickview). */
.mfp-content:has(> .product-lightbox.lightbox-content) {
	max-width: 950px;
}

.product-lightbox.lightbox-content {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
}