/*
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.   ***************/


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


/* =========================================
   ĐỒNG BỘ 2 NÚT RIÊNG BIỆT (KHÔNG ẢNH HƯỞNG NÚT KHÁC)
========================================= */

/* 1. Nút Xem Sản Phẩm */
.nut-xem-sp-rieng,
a.nut-xem-sp-rieng {
    display: inline-block !important;
    background-color: #167bc4 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 12px 35px !important;
    border-radius: 4px !important;
    border: none !important;
    text-decoration: none !important;
    text-align: center !important;
    box-shadow: none !important;
}
.nut-xem-sp-rieng:hover {
    background-color: #0f5f9a !important;
    color: #ffffff !important;
}

/* 2. Nút Nhận Báo Giá Ngay */
.nut-bao-gia-rieng,
a.nut-bao-gia-rieng {
    display: inline-block !important;
    background-color: #ffffff !important;
    color: #222222 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 12px 35px !important;
    border-radius: 4px !important;
    border: 2px solid #167bc4 !important;
    text-decoration: none !important;
    text-align: center !important;
    box-shadow: none !important;
}
.nut-bao-gia-rieng:hover {
    background-color: #167bc4 !important;
    color: #ffffff !important;
    border-color: #167bc4 !important;
}
/* =========================================
   CUSTOM 2 NÚT MỚI (GỬI BẢNG GIÁ & TẢI BẢNG GIÁ)
========================================= */

/* 1. Nút bên trái: GỬI BẢNG GIÁ CHI TIẾT (Nền trắng, chữ xanh) */
.nut-gui-gia-chi-tiet,
a.nut-gui-gia-chi-tiet {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    color: #167bc4 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 10px 25px !important;
    border-radius: 99px !important; /* Bo tròn viên thuốc */
    border: none !important;
    text-decoration: none !important;
    text-align: center !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}
.nut-gui-gia-chi-tiet *,
.nut-gui-gia-chi-tiet span {
    color: #167bc4 !important;
}
.nut-gui-gia-chi-tiet:hover {
    background-color: #f2f8fc !important;
    transform: translateY(-1px) !important;
}

/* 2. Nút bên phải: TẢI BẢNG GIÁ PANASONIC (Nền xanh, chữ trắng) */
.nut-tai-gia-panasonic,
a.nut-tai-gia-panasonic {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #167bc4 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 10px 25px !important;
    border-radius: 99px !important; /* Bo tròn viên thuốc */
    border: none !important;
    text-decoration: none !important;
    text-align: center !important;
    box-shadow: 0 2px 6px rgba(22, 123, 196, 0.3) !important;
}
.nut-tai-gia-panasonic *,
.nut-tai-gia-panasonic span {
    color: #ffffff !important;
}
.nut-tai-gia-panasonic:hover {
    background-color: #0f5f9a !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}