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

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

@font-face {
    font-family: 'Jost';
    src: url('./fonts/Jost/Jost-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Mona_Sans';
    src: url('./fonts/Mona_Sans/MonaSans_Expanded-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
}

body,
.product-info *{
    font-family: 'Jost';
}

h1, h2, h3, h4, h5, h6, .heading-font{
    font-family: 'Mona_Sans';
}

.product-item .product-info a {
    color: #1B1B1B;
    font-size: 14px;
}

/* Thiết lập cho hộp sản phẩm gốc không bị tràn */
.product-small .box {
    position: relative;
    overflow: hidden;
}

/* Định dạng cho Panel Quick Shop */
.hover-quick-shop-panel {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
    padding: 15px;
    box-shadow: 0 -10px 20px rgba(0,0,0,0.08);
    
    /* Thiết lập trạng thái ẨN mặc định */
    transform: translateY(105%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    
    max-height: 90%; /* Không che hết 100% ảnh để khách vẫn thấy ảnh */
    overflow-y: auto;
}

/* HIỆU ỨNG: Khi trỏ chuột vào sản phẩm -> Hiển thị Panel */
.product-small:hover .hover-quick-shop-panel {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

/* --- Tinh chỉnh giao diện bên trong Panel giống ảnh --- */
.hqs-header { margin-bottom: 15px; }
.hqs-title { 
    font-size: 13px; 
    font-weight: 700; 
    text-transform: uppercase; 
    margin-bottom: 5px; 
    color: #333;
}
.hqs-price { font-size: 15px; font-weight: bold; color: #000; }

/* Chỉnh form biến thể */
.hqs-form-wrapper table.variations { border: none; width: 100%; margin-bottom: 15px; }
.hqs-form-wrapper table.variations tr { display: block; margin-bottom: 10px; border: none; }
.hqs-form-wrapper table.variations th { 
    display: block; 
    text-align: left; 
    padding: 0 0 5px 0; 
    font-size: 12px; 
    text-transform: uppercase; 
    letter-spacing: 1px;
}
.hqs-form-wrapper table.variations td { display: block; padding: 0; border: none; }

/* Tách Quantity và Nút Mua nằm ngang nhau */
.hqs-form-wrapper .woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.hqs-form-wrapper .quantity { margin: 0; flex: 0 0 100px; }
.hqs-form-wrapper .single_add_to_cart_button {
    flex: 1; /* Chiếm phần diện tích còn lại */
    margin: 0;
    background: transparent;
    color: #000;
    border: 1px solid #000;
    padding: 10px 0;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
}
.hqs-form-wrapper .single_add_to_cart_button:hover { background: #000; color: #fff; }

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


}