/**
 * RC Vietnam storefront — chỉ dùng biến --rcv-* từ :root (rcv-design-tokens.php).
 * Không hardcode màu cấu hình; đổi màu qua admin → token compiler.
 */

/* ── Tiêu đề section SP trang chủ ── */
body.home h3.title-home {
	color: var(--rcv-color-heading);
	font-weight: 800;
	letter-spacing: 0.02em;
	opacity: 1;
}

/* ── Thẻ sản phẩm thống nhất ── */
#wrapper .product-small.col.rcv-product-card {
	border-left: none;
	border-bottom: none;
	padding: var(--rcv-product-card-padding);
	position: relative;
	overflow: visible;
	background-color: var(--rcv-product-card-bg);
	border: 1px solid var(--rcv-product-card-border);
	border-radius: var(--rcv-product-card-radius);
}

#wrapper .product-small.col.rcv-product-card .box-image {
	padding-bottom: 0;
	height: auto;
}

#wrapper .product-small.col.rcv-product-card .box-text,
#wrapper .product-small.col.rcv-product-card:hover .box-text {
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
	opacity: 1;
	visibility: visible;
	transform: none;
	transition: none;
	background-color: var(--rcv-product-card-bg);
	color: var(--rcv-product-card-text);
	padding: var(--rcv-product-card-padding);
}

#wrapper .product-small.col.rcv-product-card:hover {
	box-shadow: var(--rcv-product-card-shadow);
}

#wrapper .product-small.col.rcv-product-card .product-title {
	font-weight: 700;
	padding: 0;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.35;
	min-height: 2.7em;
}

#wrapper .product-small.col.rcv-product-card .box-image img {
	object-fit: contain;
	background: var(--rcv-product-card-bg);
}

#wrapper .product-small.col.rcv-product-card .product-title,
#wrapper .product-small.col.rcv-product-card .woocommerce-loop-product__title {
	color: var(--rcv-product-title) !important;
}

#wrapper .product-small.col.rcv-product-card .product-title a,
#wrapper .product-small.col.rcv-product-card .woocommerce-loop-product__title a {
	color: var(--rcv-product-title) !important;
	opacity: 1 !important;
}

#wrapper .product-small.col.rcv-product-card .product-title a:hover,
#wrapper .product-small.col.rcv-product-card .woocommerce-loop-product__title a:hover {
	color: var(--rcv-product-title-hover) !important;
}

#wrapper .product-small.col.rcv-product-card .box-text p,
#wrapper .product-small.col.rcv-product-card .box-text span,
#wrapper .product-small.col.rcv-product-card .box-text div,
#wrapper .product-small.col.rcv-product-card .box-text .title-wrapper {
	color: var(--rcv-product-card-text) !important;
}

#wrapper .product-small.col.rcv-product-card .price-wrapper,
#wrapper .product-small.col.rcv-product-card .price {
	background-color: var(--rcv-product-price-bg);
	color: var(--rcv-product-card-text);
}

#wrapper .product-small.col.rcv-product-card .price > del,
#wrapper .product-small.col.rcv-product-card .price > ins {
	width: 50%;
	display: block;
	float: left;
	margin: 0;
}

#wrapper .product-small.col.rcv-product-card .price > del {
	font-size: 1rem;
	color: var(--rcv-product-price-regular);
	opacity: 1;
}

#wrapper .product-small.col.rcv-product-card .price > ins {
	font-size: 1.05rem;
	border-left: 2px solid var(--rcv-product-price-divider);
	padding-left: 10px;
	color: var(--rcv-product-price-sale);
	text-decoration: none;
	font-weight: 700;
}

#wrapper .product-small.col.rcv-product-card .price > del::before {
	content: "giá gốc";
	display: block;
	font-weight: 700;
	padding: 10px 0;
	color: var(--rcv-product-price-label);
}

#wrapper .product-small.col.rcv-product-card .price > ins::before {
	content: "giá sale";
	display: block;
	font-weight: 700;
	padding: 10px 0;
	color: var(--rcv-product-price-label);
}

#wrapper .product-small.col.rcv-product-card .badge.on-sale,
#wrapper .product-small.col.rcv-product-card .badge.on-sale .badge-inner,
#wrapper .product-small.col.rcv-product-card span.onsale {
	background-color: var(--rcv-product-badge-bg);
	color: var(--rcv-product-badge-text);
	border-color: var(--rcv-product-badge-bg);
}

.product-small .out-of-stock-label,
.woocommerce .product-small .out-of-stock-label,
.product-small.col .box-image .out-of-stock-label {
	color: var(--rcv-product-oos-color);
	background-color: var(--rcv-product-oos-bg-rgba);
	font-size: var(--rcv-product-oos-size);
	font-weight: 700;
	line-height: 1.2;
	opacity: 1;
	visibility: visible;
	padding: 0.35em 0.75em;
	border-radius: 4px;
	z-index: 3;
	text-shadow: none;
}

body.rcv-product-styling-off #wrapper .product-small.col.rcv-product-card {
	background: transparent;
	border: none;
	box-shadow: none;
}

body.rcv-product-styling-off #wrapper .product-small.col.rcv-product-card .box-text {
	background: transparent;
	padding: 0.5rem 0 0;
}