/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*=== Car Attribute ===*/
.product-small.col {
    border: 1px solid #eee;
	border-right: 0 none;
    background: #fff;
    display: block;
	margin-bottom:5px;
}
.product-small.col:hover{box-shadow: 0 0 4px 2px rgba(0,0,0,.15);z-index: 1;cursor:pointer;}
.product-small.col:last-child,.archive .product-small.col:nth-child(3n){border-right: 1px solid #eee;}
.car-attribute-wrap{
	background:#f8f9fa;
	padding:10px;
	border-radius:8px;
}
.car-attribute-wrap ul {    
	margin-bottom:0;
}
.car-attribute-wrap ul li{list-style:none;}
.car-attribute-wrap ul li.car-attr-section {    
    margin-left: 0;
    display: flex;
}
.car-attribute-wrap ul li.car-attr-section ul{margin:0;display:flex;}
.car-attribute-wrap ul li.car-attr-section ul li {margin-left: 5px;border: 1px dotted; padding: 0 5px;border-radius:5px;font-size: .9em;}
/*Begin Widget Filter*/
.yith-wcan-filter {
    border: 1px solid #f2f2f2;
    border-radius: 8px;
}
.yith-wcan-filter .filter-content{padding: 0 15px;}
.yith-wcan-filter .filter-title{
	text-align:center;
	background: url(img/widget-header-bg.png) no-repeat top;
	background-size: cover;
	color:#fff !important;
	text-transform:uppercase;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-color {
    border: 1px dotted #ccc;
}
/*End Widget Filter*/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}



/* CSS ACF thuộc tính sản phẩm */

/* Thêm vào file style.css của theme hoặc Customizer */

/* Override text-center cho class chính */
.box-text.box-text-products.text-center.grid-style-2 {
    text-align: left !important;
}

/* Đảm bảo tất cả elements con cũng căn trái */
.box-text.box-text-products.text-center.grid-style-2 * {
    text-align: left !important;
}

/* Styling cơ bản cho thông tin sản phẩm tùy chỉnh */
.custom-product-info {
    margin: 15px 0;
    text-align: left;
}

.product-info-line {
    margin-bottom: 8px;
    text-align: left;
}

.info-text {
    font-size: 16px;
    color: #000;
	font-weight: 700;
    line-height: 1.4;
    text-align: left;
    display: block;
    width: 100%;
}

/* Styling cho shop loop */
.custom-product-info.shop-version {
    margin: 10px 0;
    text-align: left;
}

.custom-product-info.shop-version .info-text {
    font-size: 16px;
    color: #000;
	font-weight: 600;
    text-align: left;
}

/* Responsive design */
@media (max-width: 768px) {
    .custom-product-info {
        margin: 10px 0;
        text-align: left;
    }
    
    .product-info-line {
        margin-bottom: 6px;
        text-align: left;
    }
    
    .info-text {
        font-size: 15px;
        text-align: left;
    }
    
    .custom-product-info.shop-version .info-text {
        font-size: 13px;
        text-align: left;
    }
}

/* HẾT CSS ACF thuộc tính sản phẩm */
/* CSS tối ưu - Product image square với Flexbox */
.product-small .box-image {
    aspect-ratio: 1/1 !important;
    overflow: hidden !important;
    display: flex !important;
    align-content: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

.product-small .box-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Chỉ cần thêm cho mobile nếu có vấn đề cụ thể */
@media (max-width: 768px) {
    .product-small .box-image img {
        transform: scale(1) !important;
    }
}