/* ============================================================
   BẠC ĐẠN THÀNH CÔNG - custom.css
   Giữ nguyên các hiệu ứng/token thiết kế từ bản HTML gốc.
   ============================================================ */

body { font-family: 'Inter', sans-serif; }

.glass-header { background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(12px); }

.green-gradient { background: linear-gradient(135deg, #15803d 0%, #16a34a 50%, #22c55e 100%); }

.hero-pattern {
	background-image: radial-gradient(#16a34a 0.75px, transparent 0.75px);
	background-size: 16px 16px;
}

.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f5f9; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #16a34a; }

@keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.animate-spin-slow { animation: spin-slow 6s linear infinite; }

/* Menu đang active (Astra thường tự thêm current-menu-item) */
.current-menu-item > a,
.current_page_item > a {
	color: #15803d !important;
	font-weight: 700 !important;
}

/* ============================================================
   WOOCOMMERCE - card sản phẩm theo đúng phong cách bản gốc
   ============================================================ */
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	list-style: none;
	margin: 0 !important;
}
@media (min-width: 768px) {
	.woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
	.woocommerce ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.woocommerce ul.products li.product {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	padding: 1.1rem;
	transition: all .3s cubic-bezier(.4,0,.2,1);
	float: none;
	width: auto;
}
.woocommerce ul.products li.product:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px -10px rgba(22,163,74,.18);
}
.woocommerce ul.products li.product img {
	border-radius: .75rem;
	aspect-ratio: 1/1;
	object-fit: contain;
	background: #f8fafc;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: .85rem;
	font-weight: 700;
	color: #0f172a;
	margin-top: .6rem;
}
.woocommerce ul.products li.product .price {
	margin-top: .35rem;
}
.woocommerce div.product .woocommerce-tabs,
.woocommerce span.onsale {
	border-radius: .5rem;
}
.woocommerce span.onsale {
	background: #16a34a;
}

/* Nút "Thêm Vào List Báo Giá" đã có class .green-gradient nên kế thừa gradient ở trên */

/* Sidebar bộ lọc danh mục (trang Shop) */
.bdtc-shop-sidebar {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	padding: 1.25rem;
	box-shadow: 0 1px 2px rgba(0,0,0,.03);
}

/* Toast thông báo */
#bdtc-toast.show { display: block !important; animation: bdtc-fade-in .2s ease-out; }
@keyframes bdtc-fade-in { from { opacity: 0; transform: translateY(8px);} to { opacity: 1; transform: translateY(0);} }