/*
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.   ***************/
.box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6 {color:#000000}
.title-wrapper {color:#000000}
.absolute-footer{display: none;}

/* Chỉ ép khung vuông 1:1 cho duy nhất ẢNH ĐẠI DIỆN CHÍNH của sản phẩm (Flatsome) */
.product-gallery .flickity-slider > .slide:first-child,
.product-gallery .flickity-slider > .slide:first-child a,
.product-gallery .flickity-slider > .slide:first-child img {
    width: 100% !important;
    height: 500px !important;
    max-height: 500px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important; /* Giữ nguyên dáng ảnh gốc, không bị cắt/méo */
    background-color: #ffffff !important; /* Điền màu nền trắng vào khoảng trống */
    margin: 0 auto !important;
}
/* Ép ảnh sản phẩm trên Trang chủ và trang Danh mục về tỉ lệ 1:1 (Flatsome) */
.product-small .box-image,
.products .product img,
.product-small .box-image img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important; /* Giữ nguyên tỉ lệ ảnh gốc, không bị cắt/méo */
    background-color: #ffffff !important; /* Phủ màu nền trắng vào phần trống */
    margin: 0 auto !important;
}

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


}