/*
Theme Name: Chai Lọ Minh Anh
Description: Chai Lọ Minh Anh B2B storefront; Woodmart-derived parent.
Author: Founda / Minh Anh
Author URI: http://foundamedia.com
Template: minhanh
Version: 1.0.0
*/

/* Import parent theme styles */
/* Parent CSS is enqueued by functions.php. */
.nested-categories-container h3 i{margin-left:4px;color: #D4AF37;font-size:16px;}

.nested-category .products {
    display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}
.nested-category .wd-product{width:calc(25% - 20px);}

.subcategory {
    margin: 60px auto;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	border-radius:4px;
}
.subcategory:hover {
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
transition: 0.5s ease-out;
}
/* Ensure product container width and alignment */
.subcategory .products {
	display:flex;
    margin: 20px auto; /* Center the products container */
    padding: 20px 10px; /* Adjust for container padding */
    gap: 20px; /* Adjust spacing between products */

}
.subcategory .product-wrapper{    box-shadow: var(--wd-prod-shadow);}
.subcategory .wd-fontsize-l ,.subcategory .wd-fontsize-m{
	border-bottom: 2px solid lightgray;
	padding:10px;
}
.wd-fontsize-m,.wd-fontsize-l {
    display: flex;
    justify-content: space-between;
	text-transform: uppercase;
	margin-top:20px;
    padding-bottom: 10px;
	align-items: baseline;
}
.view-all {
    color: #0073e6; /* Adjust color as needed */
    text-decoration: none;
    margin-left: 10px;
	font-size:14px;
	font-style:italic;
}

.view-all:hover {
    text-decoration: underline;
}

/* Product image link */
.product-image-link {
    display: block;
    position: relative;
}

/* Product hover image */
.hover-img img {
    display: block;
    width: 100%;
    height: auto;
}

/* Product details and actions */
.wd-buttons {
    margin-top: 10px;
}

/* Product title */
.wd-entities-title {
    font-size: 16px;
    margin: 10px 0;
}

.price {
    font-size: 18px;
    font-weight: bold;
}
.wd-pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    align-content: center;
    justify-content: center;
	margin-top:30px;
}
span.page-numbers-number{padding:10px;}

.wd-pagination ul {
    list-style: none;
    display: flex;
    align-items: baseline;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 20px;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 20px 0px;
}
.wd-pagination ul li .page-numbers {
    background: gray;
    padding: 8px;
    /* border: 1px solid grey; */
    color: white;
}
.wd-pagination ul li .current {
    background: var(--btn-accented-bgcolor);
}

a.view-all {
    border: 1px solid gray;
    border-radius: 10px;
    padding: 4px;
	text-align:right;
	font-size:12px;
}
/* Responsive Adjustments */
@media (max-width: 1200px) {
	.subcategory{padding:10px;}
    .nested-category .wd-product,.subcategory .wd-product {
        width: calc(50% - 20px); /* 2 columns on smaller screens */
    }
	
.nested-category .products, .subcategory .products  {
flex-wrap: wrap;}

}

@media (max-width: 992px) {
		.subcategory{padding:10px;}

.nested-category .wd-product,.subcategory .wd-product {
        width: calc(50% - 20px); /* 2 columns on smaller screens */
    }
.nested-category .products, .subcategory .products  {
flex-wrap: wrap;}
}

@media (max-width: 768px) {
		.subcategory{padding:10px;}

    .nested-category .wd-product,.subcategory .wd-product {
        width: calc(50% - 20px); /* 2 columns on smaller screens */
    }
.nested-category .products, .subcategory .products {display:flex;flex-wrap: wrap;}
.subcategory{padding:0px;}

}

/* MINHANH_BRAND_OVERLAY_V1 */
body.wp-theme-minhanh{--wd-primary-color:#a47b29;--btn-accented-bgcolor:#a47b29;--btn-accented-bgcolor-hover:#896321;}
body.wp-theme-minhanh .site-logo img{max-height:80px;width:auto;height:auto;}
body.wp-theme-minhanh .whb-top-bar{background-color:#a47b29;}
@media(max-width:1024px){body.wp-theme-minhanh .site-logo img{max-height:48px;}}