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


/* 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);
}

/*** 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;
    margin-top: 20px;
}

.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;
    margin-top: 20px;
}


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

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

/* Filter product */
.jo-filter-block .wd-product-filters .wd-pf-title{
    background: #fff !important;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    height: 34px;
    padding-inline: 15px 30px
}

.jo-filter-block .wd-style-form .wd-pf-title span{
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
}

.jo-filter-block .wd-style-form .wd-pf-title:hover {
    border-color: rgb(151 156 109);
}

.jo-filter-block .wd-opened .wd-pf-title{
    border-color: rgb(151 156 109);
}

.jo-filter-block .wd-product-filters .wd-pf-checkboxes.danh-muc-sp{
    display: none; 
}


.jo-filter-area .jo-filter-block .wd-product-filters .wd-pf-checkboxes.thuong-hieu{
    display: none !important;
}

.jo-filter-area .jo-filter-block .wd-product-filters .wd-pf-checkboxes.danh-muc-sp{
    display: block !important;
}

.jo-filter-block .wd-product-filters.wd-grid-f-stretch>.wd-col{
    flex: none;
    width: auto;
}

.jo-filter-block .wd-product-filters.wd-grid-stretch>.wd-col{
    flex: none;
    width: auto;
}

.filters-area{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}



.jo-filter-block .wd-product-filters .wd-pf-dropdown ul.wd-swatches-filter{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--wd-swatch-v-sp) var(--wd-swatch-h-sp);
    padding: 7px;
    max-height: 30vh;
    overflow: hidden;
    overflow-y: auto;
}

.jo-filter-block .wd-product-filters .wd-pf-dropdown{
    max-width: 552px;
    min-width: 320px;
    top: 50px;
    width: max-content;
    white-space: normal;
    box-shadow: 0 2px 10px rgba(0,0,0,.5);
}

.jo-filter-block .wd-product-filters .wd-pf-dropdown ul.wd-swatches-filter li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.jo-filter-block .wd-product-filters .wd-pf-dropdown a{
    padding: 3px 5px;
    border: 1px solid var(--brdcolor-gray-300);
    color: #242424;
    font-weight: 500;
    font-size: 14px;
}

.jo-filter-block .wd-product-filters .wd-pf-dropdown li.wd-active a, .jo-filter-block .wd-product-filters .wd-pf-dropdown li.wd-active a .wd-swatch{
    border-color: #29a745 !important;
    color: #29a745;
}

.jo-filter-block .wd-product-filters .wd-pf-dropdown a:hover, .jo-filter-block .wd-product-filters .wd-pf-dropdown a:hover .wd-swatch{
    border-color: #29a745 !important;
    color: #29a745;
}


.jo-filter-block .wd-product-filters .wd-pf-dropdown a .wd-swatch.wd-text{
    border: none;
}

.jo-filter-block .wd-product-filters .wd-pf-dropdown a .wd-swatch-text{
    font-size: 14px !important;
    font-weight: normal;
}




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

.product-label.ma-quoc-te{
    background-color: #00acf4; 
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.product-label.ma-quoc-te::after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 100%;
    border: 12px solid #00acf4;
    border-right: 6px solid transparent;
    margin-left: -10px;
    z-index: -1;
}

/* Shop - Sidebar */
.widget-area{
    background: #fff;
    border: 2px solid #eee;
    border-radius: 2px;
    padding: 20px;
    margin-bottom: 30px;
}

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

.products .product-grid-item .wd-entities-title{
    font-size: 16px;
    font-weight: 500;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
}

.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 .wd-swatches-filter.wd-checkboxes-on li>a{
    font-size: 14px;
}

.widget-area .wd-swatches-filter:is(.wd-layout-inline) a{
    padding: 3px;
    border: 1px solid var(--brdcolor-gray-300);
}


/** Single Product **/
.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: 30px;
}

.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 {
    margin-bottom: 0;
}


.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;
}

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


/* 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: 90% !important;
  }
  
  .products .product-grid-item .wd-entities-title{
  	  	font-size: 14px;
        height: 40px;
  }
  
  .wd-compare-table .product-image{
  	    width: 100px;
  }
}

/* Mobile Extra */
@media (max-width: 768px){
    .icon-stick .list-icon{
        right: 12px;
        bottom: 20%;
    }
}

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


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

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