/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
.woodmart-nav-link {
    font-size: 18px !important;
}

.product-labels {
    position: absolute;
    top: 40px !important;
    inset-inline-start: unset !important;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
    transition: all .3s ease;
    transform: translateZ(0);
    right: 7px;
}

.thong-so-ky-thuat {
    border: 1px solid #e9e9e9;
    font-size: 14px;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 20px;
    border-bottom: none;
}

.thong-so-ky-thuat h3 {
    margin-bottom: 0;
    padding: 10px;
    border-bottom: 1px solid #f15d22;
    background: #f15d22;
    color: #fff;
}

.thong-so-ky-thuat .row-info {
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 7px;
    display: inline-flex;
    clear: both;
    width: 100%;
}

.thong-so-ky-thuat .row-info .left {
    width: 43% !important;
    color: #000;
    display: inline-block;
    float: left;
    padding-right: 10px;
    font-weight: 800;
}

.thong-so-ky-thuat .row-info .right {
    width: 57% !important;
    color: black;
    display: inline-block;
    float: left;
    padding-left: 10px;
}

.san-pham-forlife .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    background-color: #ff5b00;
}

.san-pham-forlife .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a:hover {
    background-color: #02026b;
}

.san-pham-forlife .wrap-price .price .amount {
    color: #ff5b00;
}

.san-pham-forlife .frame {
    content: "" !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    z-index: 9999 !important;
    width: 100% !important;
    height: 100% !important;
    background: url(https://huyhoanglighting.vn/wp-content/uploads/2025/08/frame-forlife.png);
}

.san-pham-forlife nav[class*="-pagination"] li .current {
    color: #fff;
    background-color: #ff5b00;
}

.san-pham-fanlight .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    background-color: #764d29;
}

.san-pham-fanlight .wrap-price .price .amount {
    color: #764d29;
}

.san-pham-fanlight .frame {
    content: "" !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    z-index: 9999 !important;
    width: 100% !important;
    height: 100% !important;
    background: url(https://huyhoanglighting.vn/wp-content/uploads/2025/08/framefanlight.png);
}

.san-pham-fanlight nav[class*="-pagination"] li .current {
    color: #fff;
    background-color: #764d29;
}

.san-pham-355 .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    background-color: #f9b20a;
}

.san-pham-355 .wrap-price .price .amount {
    color: #f9b20a;
}

.san-pham-355 .frame {
    content: "" !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    z-index: 9999 !important;
    width: 100% !important;
    height: 100% !important;
    background: url(https://huyhoanglighting.vn/wp-content/uploads/2025/08/frame-355.png);
}

.san-pham-355 nav[class*="-pagination"] li .current {
    color: #fff;
    background-color: #f9b20a;
}

.san-pham-anfaco .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    background-color: #7f2726;
}

.san-pham-anfaco .wrap-price .price .amount {
    color: #7f2726;
}

.san-pham-anfaco .frame {
    content: "" !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    z-index: 9999 !important;
    width: 100% !important;
    height: 100% !important;
    background: url(https://huyhoanglighting.vn/wp-content/uploads/2025/08/frame-anfaco.png);
    top: 30px;
}

.san-pham-anfaco nav[class*="-pagination"] li .current {
    color: #fff;
    background-color: #7f2726;
}

.san-pham-euroto .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    background-color: #009237;
}

.san-pham-euroto .wrap-price .price .amount {
    color: #009237;
}

.san-pham-euroto .frame {
    content: "" !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    z-index: 9999 !important;
    width: 100% !important;
    height: 100% !important;
    background: url(https://huyhoanglighting.vn/wp-content/uploads/2025/09/frame-euroto.png);
}

.san-pham-euroto nav[class*="-pagination"] li .current {
    color: #fff;
    background-color: #009237;
}

.san-pham-gslighting .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    background-color: #018742;
}

.san-pham-gslighting .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a:hover {
    background-color: #5eb240;
}

.san-pham-gslighting .wrap-price .price .amount {
    color: #018742;
}

.san-pham-gslighting nav[class*="-pagination"] li .current {
    color: #fff;
    background-color: #018742;
}

.san-pham-bosch .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    background-color: #ff000e;
}

.san-pham-bosch .wrap-price .price .amount {
    color: #ff000e;
}

.san-pham-bosch nav[class*="-pagination"] li .current {
    color: #fff;
    background-color: #ff000e;
}

.san-pham-hubert .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    background-color: #ffcf2e;
}

.san-pham-hubert .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a:hover {
    background-color: #231f20;
}

.san-pham-hubert .wrap-price .price .amount {
    color: #ffcf2e;
}

.san-pham-hubert nav[class*="-pagination"] li .current {
    color: #fff;
    background-color: #ffcf2e;
}

.san-pham-huyndai .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    background-color: #033b7a;
}

.san-pham-huyndai .wrap-price .price .amount {
    color: #033b7a;
}

.san-pham-huyndai nav[class*="-pagination"] li .current {
    color: #fff;
    background-color: #033b7a;
}

.san-pham-mpe .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    background-color: #0878bd;
}

.san-pham-mpe .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a:hover {
    background-color: #ff8622;
}

.san-pham-mpe .wrap-price .price .amount {
    color: #0878bd;
}

.san-pham-mpe .frame {
    content: "" !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    z-index: 9999 !important;
    width: 100% !important;
    height: 100% !important;
    background: url(https://huyhoanglighting.vn/wp-content/uploads/2025/08/frame-mpe.png);
}

.san-pham-mpe nav[class*="-pagination"] li .current {
    color: #fff;
    background-color: #0878bd;
}

.san-pham-pth .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    background-color: #bf070f;
}

.san-pham-pth .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a:hover {
    background-color: #013052;
}

.san-pham-pth .wrap-price .price .amount {
    color: #bf070f;
}

.san-pham-pth .frame {
    content: "" !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    z-index: 9999 !important;
    width: 100% !important;
    height: 100% !important;
    background: url(https://huyhoanglighting.vn/wp-content/uploads/2025/08/frame-pth.png);
}

.san-pham-pth nav[class*="-pagination"] li .current {
    color: #fff;
    background-color: #bf070f;
}

.san-pham-vinaled .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
    background-color: #135da6;
}

.san-pham-vinaled .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a:hover {
    background-color: #15a75e;
}

.san-pham-vinaled .wrap-price .price .amount {
    color: #135da6;
}

.san-pham-vinaled .frame {
    content: "" !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    z-index: 9999 !important;
    width: 100% !important;
    height: 100% !important;
    background: url(https://huyhoanglighting.vn/wp-content/uploads/2025/08/frame-vinaled.png);
}

.san-pham-vinaled nav[class*="-pagination"] li .current {
    color: #fff;
    background-color: #135da6;
}

::-webkit-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgb(215,148,45);
  border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}


/*Product Css*/
.wd-buy-now-btn {
    background-color: #e9562a !important;
}

.sp-fanl-btn .single_add_to_cart_button {
    background-color: #764d29;
}

.sp-fanl-btn div.quantity input[type="button"]:hover {
    background-color: #764d29;
    border-color: #764d29;
}

.sp-fl-btn .single_add_to_cart_button {
    background-color: #02026b;
}

.sp-fl-btn div.quantity input[type="button"]:hover {
    background-color: #02026b;
    border-color: #02026b;
}

.sp-355-btn .single_add_to_cart_button {
    background-color: #f9b20a;
}

.sp-355-btn div.quantity input[type="button"]:hover {
    background-color: #f9b20a;
    border-color: #f9b20a;
}

.sp-anfa-btn .single_add_to_cart_button {
    background-color: #7f2726;
}

.sp-anfa-btn div.quantity input[type="button"]:hover {
    background-color: #7f2726;
    border-color: #7f2726;
}

.sp-bosch-btn .single_add_to_cart_button {
    background-color: #ff000e;
}

.sp-bosch-btn div.quantity input[type="button"]:hover {
    background-color: #ff000e;
    border-color: #ff000e;
}

.sp-euroto-btn .single_add_to_cart_button {
    background-color: #06a14e;
}

.sp-euroto-btn div.quantity input[type="button"]:hover {
    background-color: #06a14e;
    border-color: #06a14e;
}

.sp-gslighting-btn .single_add_to_cart_button {
    background-color: #106339;
}

.sp-gslighting-btn div.quantity input[type="button"]:hover {
    background-color: #106339;
    border-color: #106339;
}

.sp-hubert-btn .single_add_to_cart_button {
    background-color: #ffcf2e;
}

.sp-gslighting-btn div.quantity input[type="button"]:hover {
    background-color: #ffcf2e;
    border-color: #ffcf2e;
}

.sp-huyndai-btn .single_add_to_cart_button {
    background-color: #1c3463;
}

.sp-huyndai-btn div.quantity input[type="button"]:hover {
    background-color: #1c3463;
    border-color: #1c3463;
}

.sp-mpe-btn .single_add_to_cart_button {
    background-color: #0978BF;
}

.sp-mpe-btn div.quantity input[type="button"]:hover {
    background-color: #0978BF;
    border-color: #0978BF;
}

.sp-pth-btn .single_add_to_cart_button {
    background-color: #bf070f;
}

.sp-pth-btn div.quantity input[type="button"]:hover {
    background-color: #bf070f;
    border-color: #bf070f;
}

.sp-vinaled-btn .single_add_to_cart_button {
    background-color: #125fa7;
}

.sp-vinaled-btn div.quantity input[type="button"]:hover {
    background-color: #125fa7;
    border-color: #125fa7;
}


.wd-nav-product-cat {
    display: block;
}

.wd-nav-product-cat .cat-item {
    background-color: var(--wd-brand-bg, rgba(var(--bgcolor-black-rgb), 0.04));
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.wd-nav-product-cat .cat-item .category-nav-link {
    padding: 0px;
}

.wd-brand-item a {
    color: #000;
    font-weight: 600;
}

.marquee-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.marquee-logo .marquee__group {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    min-width: 100%;
    animation-direction: reverse;
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    -webkit-animation: scroll-x 45s linear infinite;
    animation: scroll-x 45s linear infinite
}

.marquee-logo .marquee__group img {
    width: 214px;
    height: 110px;
    margin: 20px;
}

@-webkit-keyframes scroll-x {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes scroll-x {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}