/* ===== Toolbar ===== */
.shop-page-title .flex-col.medium-text-center {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.smt-glv-toolbar {
	display: inline-flex;
	border: 1px solid var(--border-color, #e0e0e0);
	border-radius: var(--border-radius, 3px);
	overflow: hidden;
	vertical-align: middle;
}

.smt-glv-toolbar .smt-glv-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 32px;
	padding: 0;
	border: none;
	border-left: 1px solid var(--border-color, #e0e0e0);
	background: var(--light, #fff);
	color: var(--dark, #333);
	cursor: pointer;
	line-height: 1;
	transition: background-color .2s ease, color .2s ease;
}

.smt-glv-toolbar .smt-glv-btn:first-child {
	border-left: none;
}

.smt-glv-toolbar .smt-glv-btn:hover {
	background: #f0f0f0;
}

.smt-glv-toolbar .smt-glv-btn:focus-visible {
	outline: 2px solid var(--primary-color, #333);
	outline-offset: 2px;
}

.smt-glv-toolbar .smt-glv-btn[aria-pressed="true"] {
	background: var(--primary-color, #333);
	color: #fff;
}

/* ===== Grid mobile: 2 cột ===== */
@media (max-width: 549px) {
	.products:not(.smt-glv-list-view) {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px;
	}

	.products:not(.smt-glv-list-view) > .product {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
	}
}

/*
 * ===== List view =====
 * Markup thật Flatsome:
 *   div.product.col > div.col-inner > div.product-small.box.box-vertical
 *     > div.box-image > div.image-none > a > img
 *     > div.box-text.box-text-products.text-center.grid-style-2
 *         > .title-wrapper / .price-wrapper / .add-to-cart-button
 *
 * Scope: chỉ .product-small.box.box-vertical trong .products.smt-glv-list-view
 */

.products.smt-glv-list-view {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px;
}

.products.smt-glv-list-view > .product {
	width: 100% !important;
	max-width: 100% !important;
	flex-basis: 100% !important;
	margin: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.products.smt-glv-list-view > .product > .col-inner {
	padding: 0;
	position: relative;
}

/* Card — chỉ box bên trong có class box-vertical */
.products.smt-glv-list-view .product-small.box.box-vertical {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 12px;
	width: 100%;
	padding: 10px;
	border: 1px solid var(--border-color, #e0e0e0);
	border-radius: 8px;
	background: var(--light, #fff);
	overflow: hidden;
	box-shadow: none !important;
}

/* Badge "New" — giữ góc trên trái của card */
.products.smt-glv-list-view > .product > .col-inner > .badge-container {
	top: 10px;
	left: 10px;
}

/* Gỡ inline height do Flatsome equalize-box */
.products.smt-glv-list-view .product-small.box.box-vertical .box-text,
.products.smt-glv-list-view .product-small.box.box-vertical .box-text .title-wrapper,
.products.smt-glv-list-view .product-small.box.box-vertical .box-text .price-wrapper,
.products.smt-glv-list-view .product-small.box.box-vertical .box-text .add-to-cart-button,
.products.smt-glv-list-view .product-small.box.box-vertical .box-text .name,
.products.smt-glv-list-view .product-small.box.box-vertical .box-text .product-title {
	height: auto !important;
	min-height: 0 !important;
}

/* Ghi đè text-center + grid-style-2 của Flatsome */
.products.smt-glv-list-view .product-small.box.box-vertical .box-text.box-text-products {
	flex: 1 1 auto !important;
	min-width: 0;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left !important;
}

.products.smt-glv-list-view .product-small.box.box-vertical .box-text .title-wrapper,
.products.smt-glv-list-view .product-small.box.box-vertical .box-text .price-wrapper {
	padding: 0;
	margin: 0;
}

.products.smt-glv-list-view .product-small.box.box-vertical .box-text .product-title,
.products.smt-glv-list-view .product-small.box.box-vertical .box-text .name {
	font-size: 14px;
	line-height: 1.35;
	margin: 0 0 4px;
}

.products.smt-glv-list-view .product-small.box.box-vertical .box-text .price,
.products.smt-glv-list-view .product-small.box.box-vertical .box-text .woocommerce-Price-amount {
	font-size: 15px;
	font-weight: 600;
	color: var(--primary-color, #333);
	margin: 0;
}

.products.smt-glv-list-view .product-small.box.box-vertical .box-text .category {
	margin: 0 0 4px;
	font-size: 11px;
}

.products.smt-glv-list-view .product-small.box.box-vertical .box-text .box-excerpt {
	font-size: 12px;
	color: var(--text-secondary, #777);
	margin: 4px 0 0;
	line-height: 1.4;
}

/* Nút add-to-cart — hiện trong list view (grid-style-2 thường ẩn/hover) */
.products.smt-glv-list-view .product-small.box.box-vertical .box-text .add-to-cart-button {
	display: block !important;
	margin-top: 8px;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

.products.smt-glv-list-view .product-small.box.box-vertical .box-text .add-to-cart-button .button {
	font-size: 12px;
	padding: 6px 14px;
	margin: 0;
}

/* Ảnh — ghi đè min-width Flatsome .box-vertical .box-image */
.products.smt-glv-list-view .product-small.box.box-vertical .box-image {
	flex: 0 0 90px !important;
	width: 90px !important;
	min-width: 90px !important;
	max-width: 90px !important;
	height: 90px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 6px;
	overflow: hidden;
}

.products.smt-glv-list-view .product-small.box.box-vertical .box-image .image-none,
.products.smt-glv-list-view .product-small.box.box-vertical .box-image .image-fade_in_back,
.products.smt-glv-list-view .product-small.box.box-vertical .box-image .image-zoom_in,
.products.smt-glv-list-view .product-small.box.box-vertical .box-image > div {
	width: 100% !important;
	height: 100% !important;
	padding-top: 0 !important;
	margin: 0 !important;
}

.products.smt-glv-list-view .product-small.box.box-vertical .box-image a {
	display: block;
	width: 100%;
	height: 100%;
}

.products.smt-glv-list-view .product-small.box.box-vertical .box-image img {
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	object-fit: cover;
	position: static !important;
	margin: 0 !important;
}

.products.smt-glv-list-view .product-small.box.box-vertical .box-image .back-image {
	display: none !important;
}

/* Ẩn hover tools trong list view */
.products.smt-glv-list-view .product-small.box.box-vertical .image-tools {
	display: none !important;
}

@media (max-width: 549px) {
	.products.smt-glv-list-view .product-small.box.box-vertical .box-image {
		flex: 0 0 70px !important;
		width: 70px !important;
		min-width: 70px !important;
		max-width: 70px !important;
		height: 70px !important;
	}
}