/* cnolesbag child theme — enhancements (PDP trust badges + mobile UX).
   Chuẩn: flatsome-theme-standards.md §1 (enqueue) — trình bày, không đụng nghiệp vụ.
   Load qua functions.php (enqueue sau flatsome-style). */

/* ---------- PDP trust badges (dưới Add to Cart) ---------- */
.cnoles-trust-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 18px 0 6px;
	padding: 14px 0 4px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.cnoles-trust-item {
	display: flex;
	align-items: center;
	gap: 9px;
	flex: 1 1 30%;
	min-width: 150px;
}
.cnoles-trust-item svg {
	width: 26px;
	height: 26px;
	flex: 0 0 26px;
	color: #e8b246; /* gold accent khớp brand */
}
.cnoles-trust-item span {
	line-height: 1.25;
	font-size: 13px;
	color: #444;
}
.cnoles-trust-item strong {
	font-size: 13px;
	color: #222;
}
.cnoles-trust-item small {
	color: #888;
	font-size: 11.5px;
}

/* ---------- Mobile UX (≤ 549px = mobile breakpoint Flatsome) ---------- */
@media (max-width: 549px) {
	/* Nút Add to Cart to hơn, dễ chạm */
	.single_add_to_cart_button.button {
		width: 100%;
		padding: 15px 20px !important;
		font-size: 16px !important;
	}
	.product-page .quantity,
	.woocommerce div.product form.cart .quantity {
		margin-bottom: 10px;
	}
	/* Giá rõ hơn trên mobile */
	.product-page .price,
	.single-product .product-main .price {
		font-size: 22px;
	}
	/* Trust badges xếp dọc gọn trên mobile */
	.cnoles-trust-item {
		flex: 1 1 100%;
	}
	/* Tăng vùng chạm cho thumbnail gallery + nav menu */
	.product-thumbnails .col {
		padding: 0 4px;
	}
	/* Tiêu đề sản phẩm không quá to gây tràn */
	.product-title.product_title {
		font-size: 22px;
		line-height: 1.25;
	}
}

/* ---------- Category / shop grid: khoảng cách đều, ảnh không méo ---------- */
.products .box-image img {
	object-fit: cover;
}

/* ---------- WPML language switcher (append vào menu primary) ---------- */
.menu-item-lang { margin-left: 2px; }
.menu-item-lang > a { padding: 0 6px !important; font-size: 12px; font-weight: 600; opacity: .7; }
.menu-item-lang:first-of-type { margin-left: 14px; border-left: 1px solid rgba(255,255,255,.18); padding-left: 6px; }
.menu-item-lang.current-lang > a { color: #e8b246 !important; opacity: 1; }
.menu-item-lang > a:hover { opacity: 1; }