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

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

.bnt-tuvan {
    border: 1px solid rgb(217 217 217);
    box-shadow: 0 0px 5px #dd060685;
    padding: 5px 10px 0;
    border-radius: 3px;
}
.bnt-tuvan p{
    background: linear-gradient(90deg, #004080, #00b4db);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 16px;
    text-align: center;
	font-weight: bold;
}
.bnt-tuvan h4{
    font-size: 18px;
    color: red;
    margin-bottom: 0;
}
.header-bottom {
    background: linear-gradient(135deg, #003366, #005b99, #29a8d3, #8abce9);
    color: white;
}
.header-vertical-menu__title {
    font-size: 17px;
}
.header-bottom-nav > li > a {
    font-size: 19px;
}
.nav-spacing-xlarge>li {
    margin: 0 25px;
}
.header-bottom .nav > li::after {
    content: '';
    position: absolute;
    margin-bottom: 1px;
    bottom: 1px;
    left: 0;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, #FFF9C4, #FFEB3B, #FFFACD);
    border-radius: 1px;
    transition: width 0.3s ease;
}
.header-bottom .nav > li.header-search-form:hover::after{
	width: 0%;
}
.header-bottom .nav > li:hover::after {
     width: 100%;
}
.form-flat input:not([type=submit]) {
    border-radius: 4px;
    height: 45px;
}
.anh-border img{
	border-radius: 5px;
}
.anh-border:hover, .icon-1:hover, .tm-block:hover, .widget>ul>li:hover, #post-list .post-item .col-inner:hover{
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}
.icon-1{
    background: #106dae;
    border-radius: 5px;
    padding: 10px;
}
.heading h2 {
    background: linear-gradient(90deg, #3cafff, #489ad5, #005997);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    font-size: 32px;
}
.product-small.box {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    background: linear-gradient(135deg, #e0f7fa, #f0ffff) !important;
    padding: 10px;
    border-radius: 5px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-small.box:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}
.slider-wrapper, .flickity-viewport, .flickity-slider {
    overflow: visible !important;
}
.product-small.box .product-title a {
    line-height: 23px;
    height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 17px;
    background: linear-gradient(to right, #005bac, #087291);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    font-weight: 700;
    padding-bottom: 50px;
}
.max-view-product {
    background: linear-gradient(135deg, #0066ff, #33ccff);
    color: #fff !important;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 17px;
    transition: all 0.3s ease;
    top: 15px;
    position: relative;
}
.max-view-product:hover {
    background: linear-gradient(135deg, #0044cc, #00bfff);
}
del span.amount {
    opacity: 1;
    font-size: 14px;
    color: #999;
}
ins span.amount {
    color: #f50000;
    font-size: 18px;
}
.price {
    background: linear-gradient(90deg, #ff4d4d, #b30000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    display: inline-block;
}
.single-product .maxweb-product-price {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    background: #e8f7fb !important;
    padding: 15px 12px !important;
    margin: 12px 0 18px !important;
    line-height: 1.5 !important;
    border: 1px dashed #199bc4;
    border-radius: 3px;
}
.single-product .maxweb-price-main {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 6px !important;
}
.single-product .maxweb-sale-price span.amount {
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #ff0000 !important;
    line-height: 1.2 !important;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 5px #333;
}
.single-product .maxweb-sale-price .woocommerce-Price-currencySymbol {
    /* font-size: 18px !important; */
}
.single-product .maxweb-sale-text {
    font-size: 13px !important;
    color: #555 !important;
}
.single-product .maxweb-price-row {
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
    margin: 3px 0 !important;
}
.single-product .maxweb-price-label {
    width: 100px !important;
    flex-shrink: 0 !important;
}
.single-product .maxweb-price-row del {
    color: #777 !important;
}
.single-product .maxweb-price-row strong span.amount {
    color: #ff0000 !important;
    font-weight: 700 !important;
}
.single-product .maxweb-discount {
    margin-left: 5px !important;
    color: #333 !important;
    font-weight: 600 !important;
}
.single_add_to_cart_button{
    width: 100%;
    border-radius: 99px;
    background-color: red !important;
}
.product-short-description {
    border: 1px solid #106dae;
    padding: 15px 15px 5px;
    margin-bottom: 20px;
    border-radius: 3px;
}
.product-short-description p{
	text-align: justify;
}
.product-short-description ul li{
	list-style: none;
	margin-left: 0!important;
}
.woocommerce-tabs .wc-tabs{
	display: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0
}
tr td,th {
    border: .9px solid #000;
    padding: 12px 10px!important;
    font-size: 16px;
    color: #111;
    font-weight: 500
}
table tr:nth-child(even) {
    background-color: hsl(195deg 47% 33%/3%)
}
.badge-inner {
    background: linear-gradient(135deg, #ff1e1e, #ff7474);
}
.bnt-1{
    display: inline-block;
    padding: 8px 32px;
    background: linear-gradient(90deg, #002d66, #0052cc);
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.tm-block {
    background: linear-gradient(135deg, #ffffff, #f2faff, #e0f2ff, #cce8ff);
    padding: 60px 20px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    box-sizing: border-box;
}
.tm-block h4{
    display: block;
    font-size: 22px;
    font-weight: 600;
    font-style: italic;
    color: #004080;
    margin-bottom: 18px;
}
.tm-block h3 {
    display: block;
    font-size: 36px;
    font-weight: bold;
    background: linear-gradient(90deg, #00306f, #166ef1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.border-right .col-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}
.border-right .tm-divider {
    width: 3px !important;
    min-height: 200px !important;
    margin: 0 !important;
}
.tm-banner .col-inner{
    flex: 4;
    background: linear-gradient(135deg, #ffffff, #f2faff, #e0f2ff, #cce8ff);
    padding: 25px 40px 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid #ccc;
}
.col-height .col-inner{
	height: 100%;
}
.tm-banner h3{
    font-size: 22px;
    font-style: italic;
    margin: 0px 0 0 0;
    background: linear-gradient(90deg, #f5d76e, #e0c240, #bfa136);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.is-divider {
    display: none;
}
span.widget-title {
    font-size: 1em;
    font-weight: 600;
    background: linear-gradient(to right, #4facfe, #00f2fe);
    padding: 15px 5px 10px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    color: #fff;
    display: block;
}
.widget>ul>li {
    list-style: none;
    margin: 10px 0;
    text-align: left;
    border: 1px solid #ececec;
    padding-left: 10px;
    border-radius: 3px;
    background: linear-gradient(to right, #f7f7f7, #f0f0f0);
}
.widget>ul>li:hover a{
	color: #106dae;
}
.widget>ul>li>a{
	color: #111;
}
@media screen and (min-width: 850px) {
    .row-divided>.col+.col:not(.large-12) {
        border-left: 0;
    }
}
.blog-wrapper {
    background-color: #edf6ff;
}


@media (max-width: 549px) {
    .single-product .maxweb-product-price {
        padding: 12px 10px !important;
    }
    .single-product .maxweb-sale-price {
        font-size: 24px !important;
    }
    .single-product .maxweb-price-row {
        font-size: 13px !important;
    }
	.product-small.box .product-title a {
    font-size: 16px;
}
	del span.amount {
    font-size: 12px;
}
	ins span.amount {
    font-size: 16px;
}
}





.absolute-footer {
    background-color: #106dae !important;
    color: #fff !important;
    padding: 10px 0 10px;
}
.absolute-footer .pull-left {
    float: none;
    text-align: center;
}