/*
Theme Name:   Flatsome Child - Maxweb
Theme URI:    https://maxweb.vn
Description:  Child theme của Flatsome dùng cho khung web mẫu chuẩn nhận diện Maxweb. Kỹ thuật tùy biến code tại đây, không sửa trực tiếp theme cha để đảm bảo cập nhật an toàn.
Author:       Maxweb
Author URI:   https://maxweb.vn
Template:     flatsome
Version:      1.0.0
Text Domain:  flatsome-child
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* =========================================================
   BIẾN MÀU NHẬN DIỆN MAXWEB
   Đổi nhanh nhận diện toàn site tại đây (hoặc chỉnh trong
   plugin Maxweb Setting). Khi có mã màu chính thức của khách,
   thay giá trị bên dưới.
   ========================================================= */
:root {
    --mw-primary: #e30613;      /* Đỏ chủ đạo Maxweb (nút, hotline) */
    --mw-primary-dark: #b30410;
    --mw-secondary: #0068ff;    /* Xanh Zalo / phụ */
    --mw-dark: #1f2733;
    --mw-light: #f7f7f7;
}

/* =========================================================
   CSS TÙY BIẾN CHUNG
   Ghi chú: CSS chi tiết nên viết trong assets/css/custom.css
   để dễ quản lý. File style.css này chủ yếu khai báo theme.
   ========================================================= */
html,body,span,label,a,p,button,b,div {
    font-family: "Roboto", sans-serif;
}
h1,h2,h3,h4,h5,h6,:is(h1,h2,h3,h4,h5,h6)>span {
	font-family: "Roboto", sans-serif;
}
.header-main {
    background: linear-gradient(135deg, #356f3d 0%, #5fa343 25%, #9bc943 50%, #b8d63b 65%, #6eae42 82%, #356f3d 100%);
}
.nav-spacing-xlarge>li {
    margin: 0 20px;
}
form{
	margin:0 !important;
}
input[type=submit]{
	margin:0;
}
select.resize-select{
    height: 40px !important;
    border-radius: 99px 0px 0px 99px !important;
}
.search-field {
    height: 40px !important;
}
.ux-search-submit {
    height: 40px !important;
    border-radius: 0px 99px 99px 0px !important;
	width: 65px;
}
form input:not([type=submit]), textarea, select {
    box-shadow: none !important;
}
.box.box-category{
    border: 1px solid #E0E0E0;
    padding: 5px;
}
.box.box-category .box-text h5{
    font-size: 18px;
	line-height: 1.4;
}
.box.box-category .box-text p{
    padding-top: 10px;
    font-size: 14px;
    text-transform: inherit;
    color: #111;
}
@media screen and (min-width: 550px) {
    .box.box-category .box-text {
        vertical-align: top!important;
		padding: 5px;
    }
}
.tieude h2 {
    font-family: "Playfair Display", serif !important;
    color: #347810;
    font-size: 35px;
}
.product-small.box {
    border-radius: 3px;
    background: transparent;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    border: 1px solid rgb(217 217 217);
    margin-top: 10px;
}
.product-small.box:hover{
	transform: translateY(-10px); 
	box-shadow: 0 0px 5px rgba(76, 175, 80, 0.2);
	background: #fff;
}
.product-small.box .product-title a{
	font-size: 19px;
    color: #111;
	font-weight: 700;
	line-height: 1.4;
    min-height: calc(1.4em * 2);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.product-small.box .box-image {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
}
.product-small.box .box-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.product-small.box:hover .product-title a{
    color: #347810;
}
span.amount {
    color: #347810;
}
.additional_information_tab{
	display: none!important;
}
.text-tt{
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #11681E;
	border-radius: 5px;
    padding: 10px 10px 10px 10px;
}
.selected.variable-item{
	background: #347810 !important;
	color: #fff!important;
}
.variable-item{
    font-size: 18px!important;
    border-radius: 99px!important;
    padding: 20px !important;
}
.woocommerce-variation-price span.amount {
    font-size: 21px;
}
.widget>ul>li>a {
    color: #111 !important;
}
.nav-dropdown-default {
    padding: 0;
}
.nav-dropdown>li>a {
    color: #111;
}





.sec-footer li{
	list-style: none;
	margin-left: 0!important;
}
.absolute-footer {
    background-color: #347810!important;
    color: #fff !important;
    padding: 15px 0 10px;
}