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

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

/* Tùy chỉnh nút Mua ngay trên danh sách sản phẩm */
.add_to_cart_button, 
.product-summary .single_add_to_cart_button,
.view-details {
    background-color: #f37021 !important; /* Màu cam đặc trưng */
    color: #ffffff !important;           /* Chữ trắng */
    border-radius: 4px !important;      /* Bo góc nhẹ */
    text-transform: uppercase;           /* Viết hoa chữ */
    font-weight: bold;
    border: none !important;
    padding: 10px 20px !important;
    transition: background 0.3s ease;
}

/* Hiệu ứng khi di chuột vào (Hover) */
.add_to_cart_button:hover, 
.product-summary .single_add_to_cart_button:hover {
    background-color: #d65d15 !important; /* Màu cam đậm hơn khi hover */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}p.name.product-title.woocommerce-loop-product__title a {
    color: #000 !important;
    font-weight: 900;
}.product-small.product-type-simple .col-inner {
    border: 1px solid #000;
}

/* Đảm bảo nút hiển thị rõ ràng trên nền trắng */
.price-wrapper + .add_to_cart_button {
    margin-top: 10px;
    display: inline-block;
}.add-to-cart-button a {
    /* width: 100px; */
    padding: 10px;
    font-size: 15px !important;
    margin: auto;
    display: block;
    border-radius: 4px !important;
    background: -webkit-linear-gradient(top, #fd6e1d, #f59000) !important;
    color: #fff !important;
}




/* Khung bao ngoài */
.custom-info-box {
    border: 1px solid #ff0000; /* Viền đỏ */
    padding: 15px;
    margin-top: 20px;
    background-color: #fff;
}

.info-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
    color: #333;
}

/* Hàng nút bấm */
.info-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.info-buttons a {
    flex: 1;
    text-align: center;
    padding: 10px;
    color: #fff !important;
    font-weight: bold;
    border-radius: 4px;
    text-decoration: none;
}

.btn-phone {
    background-color: #3b3e89; /* Màu tím xanh */
}

.btn-buy-now {
    background-color: #f37021; /* Màu cam */
}

/* Lưới thông tin phía dưới */
.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Chia 2 cột */
    gap: 1px;
    background-color: #eee; /* Màu đường kẻ giữa */
    border: 1px solid #eee;
}

.info-item {
    background-color: #f9f9f9;
    padding: 10px;
    font-size: 13px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 8px;
}

.info-item i {
    color: #f37021; /* Màu icon */
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}