/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/**************
    GLOBAL
**************/

/******* Header ********/

/* Topbar */
.whb-color-dark  .whb-col-right .wd-tools-element:first-child{
    padding-inline: 10px;
}

.dgwt-wcas-ico-magnifier, .dgwt-wcas-ico-magnifier-handler, html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border-color: rgb(255 255 255 / 17%);
    max-width: unset;
}

.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
    border: 1px solid rgba(0, 0, 0, 0.105);
}

.whb-color-dark .dgwt-wcas-ico-magnifier, .whb-color-dark .dgwt-wcas-ico-magnifier-handler, html:not(.dgwt-wcas-overlay-mobile-on) .whb-color-dark .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{
    border-color: rgba(0, 0, 0, 0.105);
}

.dgwt-wcas-search-icon{
    margin: auto;
}

.dgwt-wcas-ico-magnifier-handler{
    max-width: 20px !important;
}

.whb-color-light .dgwt-wcas-ico-magnifier-handler{
    fill: #fff !important;
}

/* Middle bar */

.whb-general-header [class*="wd-header-search-form"] input[type='text']{
    min-width: 450px;
}

/* Bottom bar */
.whb-header-bottom{
    padding-top: 10px;
    padding-bottom: 10px;
}

.whb-header-bottom .searchform{
    --wd-form-height: 40px;
}

.wd-header-cats.wd-style-1 .menu-opener{
    border-radius: 5px !important;
}

/* Dropdow Mega Menu */
.wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp{
    max-width: 1100px;
}

.jo-lish-menu-danhmuc .wd-sub-menu li>a{
    font-size: 18px;
}

.jo-lish-menu-danhmuc ul.wd-list li>a:hover{
    color: rgb(137,201,30);
}

.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li>a{
    padding: 14px 20px !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.wd-dropdown-menu.wd-design-aside .wd-wp-menu>.sub-sub-menu>li{
    width: 25% !important;
}
.wd-dropdown-menu.wd-design-aside .wd-wp-menu>.sub-sub-menu>li>a{
    text-transform: none !important;
}

.wd-dropdown-menu .wd-info-box .info-box-content .info-box-title{
    font-size: 15px !important;
}

.wd-dropdown-menu .wd-info-box .info-box-content .info-box-inner{
    font-size: 12px !important;
}


/* Sticky header */
body .whb-sticked .whb-general-header {
    background-color:#fff;
}

.whb-sticked .wd-header-main-nav li a span,
.whb-sticked .wd-tools-element a {
    color: #333;
}

.whb-sticked .whb-color-light .dgwt-wcas-ico-magnifier-handler{
    fill: #333 !important; 
}

.whb-sticked .wd-tools-element:hover>a{
    color: var(--wd-primary-color);
}

/*** Header Mobile ***/
.whb-mobile-right .wd-dropdown-menu.wd-design-default{
	--wd-dropdown-width: 140px;
  	left: -30%;
}


/* Menu mobile */
.wd-nav-mobile.wd-html-block-on .menu-item-has-block>.wd-sub-menu{
	max-width: unset !important;
}

.mobile-nav .wd-nav-opener{
    width: 90px;
}
.wd-nav-opener:after{
    font-weight: 700;
    font-size: 16px;
}

.wd-nav-mobile.wd-html-block-on .wd-mob-nav-html-block{
    max-width: unset !important;
    border-bottom: none;
    padding-bottom: 10px;
}


#menu-categories-mobile .wd-nav-img{
    display: none;
}

.mobile-nav .wd-nav-mobile>li>a, .mobile-nav .wd-nav-mobile>li>ul li>a{
    padding: 8px 20px;
}

span.jo-subtext-menu {
    font-size: 10px;
}

.mobile-categories-menu .wd-nav-img{
    width: 45px !important;
    height: 45px !important;
    max-height: unset;
}




/******* Main Content *******/

/** HOME PAGE **/

/* Brand Carousel */
.jo-carousel-brands :is(.wd-owl:not(.owl-loaded),.owl-stage){
	gap: 10px;
}

.jo-carousel-brands .brands-widget .brand-item a{
	padding: 0;
}

.jo-carousel-brands .brands-widget .brand-item img{
	max-height: unset;
}


/* Product Item */
.wd-buttons .wd-action-btn.wd-style-icon>a{
    width: 35px;
    height: 35px;
}






/** PRODUCT CATEGORY **/
.wd-builder-off .woocommerce-result-count{
    display: block;
}

@media (min-width: 1025px){
    .tax-product_cat .title-size-small, .woocommerce-shop .title-size-small{
        padding: 80px 0;
    }
}

.woocommerce-shop .title-size-small .wd-nav-product-cat{
    display: none;
}




/** SHOP **/
@media (max-width: 1024px){
  .wd-buttons :is(.wd-compare-btn) {
     display: inline-flex !important;
  }
}

/** Giao diện grid kiểu small flex (mới) **/
.wd-product .jo-product-wrapper-flex{
    position: relative;
    flex-direction: row;
    gap: 15px;
}

.wd-product .product-image-link{
    max-width: 100px;
    min-width: 100px;
}

.wd-product .hover-img>a{
    max-width: 100px;
    min-width: 100px;
}

.wd-product :is(.product-image-link,.hover-img) img{
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.jo-group-ma-sp{
    display: flex;
    gap: 5px;
}




/** SHOP FOR WHOLESALE **/
.products .wd-product :where(.product-wrapper){
    gap: 10px;
}

.products .wd-product :where(.product-element-bottom){
    gap: 5px;
}

.wd-product .jo-thumbnail-product-table .product-image-link{
    max-width: 70px;
    min-width: 70px;
}

.wd-product .jo-thumbnail-product-table .hover-img>a{
    max-width: 70px;
    min-width: 70px;
}

.wd-product:not(.wd-hover-small) .jo-thumbnail-product-table :is(.product-image-link,.hover-img) img{
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.products .jo-title-product-table .wd-entities-title{
    margin-top: 10px;
    font-size: 15px;
}

.jo-title-product-table .product-label.ma-quoc-te{
    margin-right: 15px;
}

.jo-title-product-table .product-label.out-of-stock{
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    text-transform: inherit;
}


.jo-regular-price-product-table, .jo-regular-price-product-table .amount{
    font-size: 15px;
    font-weight: normal;
    color: #333;
}

.jo-wholesale-price-product-table, .jo-wholesale-price-product-table .amount{
    font-size: 15px;
    font-weight: 500;
    color: #000000;
}

.variations_form.wd-quick-shop-2 :is(.cell.label){
    display: block !important;
    text-align: left;
}

.variations_form.wd-quick-shop-2 .label>*{
    font-size: 14px;
    padding-top: 4px;
}

.variations_form.wd-quick-shop-2 table.variations label:after{
    content: none;
}

.wd-quick-shop-2 table.variations .cell{
    display: block;
    text-align: start;
}

.wd-quick-shop-2 tr:not(:first-child) :is(select,.wd-swatches-grid){
    margin-top: 0 !important;
}

:root .variations_form select{
    height: 30px;
}

.wd-product.wd-hover-standard .wd-add-btn{
    justify-content: flex-start !important;
    gap: 5px !important;
    padding-top: 10px;
}

.wd-product.wd-hover-standard .wd-add-btn div.quantity{
    --wd-form-height: 30px !important;
    border-radius: 25px;
    border: 2px solid rgba(0,0,0,0.1);
}


.wd-product.wd-hover-standard div.quantity input[type="button"], .wd-product.wd-hover-standard div.quantity input[type="number"]{
    border: none;
    font-size: 16px;
}

.wd-product.wd-hover-standard div.quantity input[type="number"]{
    width: 24px;
}

.wd-product.wd-hover-standard div.quantity input.minus{
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.wd-product.wd-hover-standard div.quantity input.plus{
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.wd-products-element .wd-product.wd-hover-standard .wd-add-btn>a{
    border-radius: 25px;
}

.wd-products-element .wd-product.wd-hover-standard .wd-add-btn .add-to-cart-loop span{
    padding: 5px 15px;
    min-height: 30px;
    font-size: 12px;
    text-transform: capitalize;
}


.product_meta_mahang_table, .jo_product_table_mahang_mobile .product_meta_mahang_table{
        display: inline-flex;
        font-size: 12px;
        font-weight: 700;
        width: fit-content;
        padding: 2px 10px;
        background: antiquewhite;
        margin: 0;
        color: #000000 !important;
        min-width: unset !important;
        align-items: center;
}



.product-labels{
    max-width: unset !important;
    
}


.product-labels.labels-rectangular{
    top: 0 !important;
    gap: 6px;
}

.product-label.ma-quoc-te{
    background-color: #00acf4; 
    text-transform: inherit;
    z-index: 1;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.wd-product.wd-hover-standard p.stock.wd-style-default{
    color: #000000;
    padding: 0px 10px;
    border-radius: 25px;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 700;   
}

.wd-product.wd-hover-standard p.stock.wd-style-default.in-stock{
    background: aliceblue;
}

.wd-product.wd-hover-standard p.stock.wd-style-default.out-of-stock{
    color: #d00;
}

.wd-product.wd-hover-standard p.stock.wd-style-default.in-stock:before{
    content: none;
}


.search-highlight {
    background: yellow;
    color: #000;
    font-weight: bold;
    padding: 0 2px;
}

/* Shop - Sidebar */
.shop-loop-head .wd-shop-tools .wd-burger-icon>a:before{
    content: "\f118";
}

.widget-area .widget {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.jo-sidebar-brand .widget {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--brdcolor-gray-300);
}
.jo-sidebar-brand .widget:last-child{
    border: none;
}

.jo-sidebar-brand .widget .widget-title{
    margin-bottom: 10px;
}

.products .product-grid-item .wd-entities-title{
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: left;
    font-weight: 600;
}

.product-grid-item .wd-entities-title a:hover {
    color: #007bff;
}

.product-grid-item .price .amount{
    font-size: 16px;
}

.wd-filter-list .count{
    display: none;
}

.widget-area .wd-filter-list li{
    margin-bottom: 0px;
}

.widget-area [class*="wd-swatches"].wd-bg-style-3 .wd-swatch.wd-bg, .widget-area [class*="wd-swatches"].wd-text-style-3 .wd-swatch.wd-text{
    border: none;
}

.jo-sidebar-brand .widget [class*="wd-swatches"].wd-bg-style-3 .wd-swatch.wd-bg, .jo-sidebar-brand .widget [class*="wd-swatches"].wd-text-style-3 .wd-swatch.wd-text{
    border: none;
}

.widget-area [class*="wd-swatches"].wd-text-style-3 .wd-swatch.wd-text .wd-swatch-text{
    font-size: 14px;
    font-weight: normal;
    padding: 0;
}

.jo-sidebar-brand .widget [class*="wd-swatches"].wd-text-style-3 .wd-swatch.wd-text .wd-swatch-text{
    font-size: 14px;
    font-weight: normal;
    padding: 0;
}


.tax-pa_thuong-hieu #woodmart-woocommerce-layered-nav-10{
    display: none !important;
}

.tax-pa_thuong-hieu #woocommerce_product_categories-2{
    display: none !important;
}

.widget_layered_nav_filters a{
    border: 1px solid;
    border-radius: 25px;
    padding: 0pc 5px;
    font-size: 14px;
}

.wd-active-filters .wd-clear-filters a{
    color: #d00;
}

/** Single Product **/
.single-breadcrumbs-wrapper :is(.single-breadcrumbs,.container), .single-product .container{
    max-width: 1200px;
}

.single-product .jo-title-single-product{
    display: none;
}

.product_title{
    font-size: 23px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 6px;
    margin-bottom: 18px;
    line-height: 1.2;
}

.woocommerce-product-gallery:not(.thumbs-position-centered){
    gap: 10px;
}

.woocommerce-product-gallery img{
    object-fit: cover;
    aspect-ratio: 1 / 1;
    width: 100% !important;
    height: auto !important;
}

.woocommerce-product-gallery .product-image-thumbnail{
    border: 1px solid #ccc;
    opacity: 0.5;
}

.woocommerce-product-gallery .product-image-thumbnail img{
    height: 79px;
    object-fit: cover;
}

.woocommerce-product-gallery .product-image-thumbnail:hover, .woocommerce-product-gallery .product-image-thumbnail.active-thumb{
    opacity: 1 !important;
    border-color: #89c91e;
}

.single-product .woocommerce-product-gallery .product-labels{
    align-items: flex-start;
    inset-inline: 0 !important;
}

.single-product form.variations_form{
    clear: both;
}

.single-product form.variations_form .wd-swatches-product{
    gap: 10px 5px;
}

.single-product .wd-reset-var{
    display: block;
    margin-top: 10px;
}

.single-product .wd-reset-var .reset_variations{
    font-size: 16px;
    font-weight: 700;
    color: #ff6868;
}

.summary-inner .product_meta.jo_sku_2{
    border: none;
    padding-top: 0;
}

.single-product .summary-inner [class*="wd-swatches"].wd-shape-round .wd-swatch{
    border-radius: 5px;
    width: 110px;
}

.price .amount{
    color: #d00;
}

.product-type-variable .product-image-summary .shop_attributes{
    display: none;
}

.product-image-summary .shop_attributes tr{
    justify-content: flex-start;
}

.product-image-summary .shop_attributes td.woocommerce-product-attributes-item__value p{
    border: 1px solid #29a745;
    padding: 5px;
    border-radius: 5px;
    color: #29a745;
  	text-align: left;
}

table.variations .label span{
    color: #0bacf2;
    font-weight: 700;
}

.woocommerce-variation>.woocommerce-variation-description {
    display: none;
}


.product_meta>span.posted_in{
    display: none;
}

.product-tabs-wrapper .tabs-layout-tabs>.wd-nav-tabs-wrapper{
    text-align: left;  
}

.single-product .wd-sizeguide{
    max-width: 996px;
    padding: 0;
}

.single-product .wd-sizeguide-title{
    display: none;
}

.wd-buy-now-btn{
    background-color: #28a745;
}
.wd-buy-now-btn:hover{
    background-color: #1e7e34;
}

/* Làm mờ các swatch hết hàng nhưng vẫn cho click */



/** CHECKOUT PAGE **/
.woocommerce>.woocommerce-checkout{
    gap: unset;
}

.checkout-order-review>.woocommerce-checkout-review-order .wd-table-wrapper{
    box-shadow: 0px 1px 4px rgba(0,0,0,0.05);
}


/* Sidebar chính sách */
.jo-widget-chinhsach{
    border: 2px solid #eee;
    border-radius: 2px;
    padding: 20px;
    margin-bottom: 30px;
    background: #fff;
}

.jo-widget-chinhsach ul.menu li{
    margin: 0;
    position: relative;
}

.jo-widget-chinhsach ul.menu li::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0)));
    background: linear-gradient(90deg,rgba(0,0,0,0.2),rgba(0,0,0,0));
}

.jo-widget-chinhsach ul.menu li > a{
    position: relative;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.jo-widget-chinhsach ul.menu li.current_page_item > a{
    color: #dc3545;
}

.jo-widget-chinhsach ul.menu li > a::before{
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-right: 5px;
}



/******* Footer *******/
/* Prefooter */
.scrollToTop{
    left: 20px;
    right: unset;  
  	bottom: 60px;
}

/* Footer main */
.icons-size-default .wd-social-icon.social-linkedin{
    background-image: url(images/icon-zalo.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: white;
    border-radius: 7px;
}
.icons-size-default .wd-social-icon.social-linkedin .wd-icon:before{
    content: none;
}

.icons-size-default .wd-social-icon.social-flickr{
    background-image: url(images/icon-call.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: white;
    border-radius: 7px;
}
.icons-size-default .wd-social-icon.social-flickr .wd-icon:before{
    content: none;
}

.arcontactus-widget.right.arcontactus-message {
    bottom: 100px !important;
}


/* Hotline */
.icon-stick.show .list-icon {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
}

.icon-stick .list-icon {
    position: fixed;
    right: 20px;
    bottom: 20%;
    z-index: 10;
}

.icon-stick a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none !important;
    color: #4a4d58;
    background: url(images/social_44.png) no-repeat;
    background-position: center 0;
    background-size: 38px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.icon-stick a:before {
    content: none;
}

.icon-stick .fa-phone {
    background-position: 0 0px;
}

.icon-stick .fa-facebook, .icon-stick .fa-facebook-f {
    background-position: 0 -76px;
}

.icon-stick .fa-zalo {
    background-position: 0 -304px;
}

.scrollToTop{
    width: 38px !important;
    height: 38px !important;
}


/***********************
      RESPONSIVE
***********************/

/* Mobile */
@media screen and (max-width: 480px){
    .wd-side-hidden{
            width: 100% !important;
    }
    
    .products .product-grid-item .wd-entities-title{
            font-size: 14px;
            height: 40px;
    }
    
    .wd-compare-table .product-image{
            width: 100px;
    }

    .jo-product-gallery .wd-gallery-thumb{
        display: none;
    }

    .single-product .product-summary-shadow .summary-inner{
        padding: 10px;
    }

    .products .wd-product :where(.product-wrapper) {
        gap: 7px;
    }

    .wd-product .product-image-link{
        max-width: 70px;
        min-width: 70px;
    }

    .wd-product .hover-img>a{
        max-width: 70px;
        min-width: 70px;
    }
}
@media (max-width: 576px){
    .product-label{
        font-size: 12px !important;
    }
}


/* Mobile Extra */
@media (max-width: 768px){
  
}

/* Tablet */
@media screen and (max-width: 900px){
  	
  
    .jo-filter-block{
        position: relative;
    }

    .jo-filter-block .wd-product-filters{
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-x: hidden;
        flex-wrap: nowrap;
        overflow: scroll hidden;
    }

    .jo-filter-block .wd-pf-checkboxes{
        position: unset;
    }

    .jo-filter-block .wd-product-filters .wd-pf-dropdown{
        max-width: unset;
        min-width: unset;
        width: 100%;
    }

    .jo-filter-block .wd-style-form .wd-pf-title span{
        font-size: 12px;
    }
  
  	.wd-compare-table tr {
      	display: table-row-group;
  	}

    
}

/* Tablet Extra */
@media screen and (max-width: 1024px){   
	.wd-side-hidden{
  		width: 460px;
  	}

    #gt_float_wrapper{
        bottom: 60px !important; 
    }

    .jo-group-item.jo-title-product-table{
        width: 350px;
    }
}


/* Laptop */
@media screen and (max-width: 1200px){
    
}

/* Desktop */
@media screen and (min-width: 1400px){
    
}