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


.wd-product.wd-hover-info {
    --text-align: start
}

.wd-product.wd-hover-info [class*="-information"] {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: var(--wd-prod-gap);
    transition: all .3s ease;
    z-index: 2;
    padding: 1em;
}

.wd-product.wd-hover-info .top-information {
    top: 0px !important;
    inset-inline: 0px !important;
    background: #ffffff94;
}

.wd-product.wd-hover-info.wd-with-labels .top-information {
    inset-inline-end: 60px
}




.wd-product.wd-hover-info .bottom-information {
    inset-inline: 0!important;
    top: calc(100% - 0px) !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateY(0) translateZ(0)
}


.wd-product.wd-hover-info .bottom-information :is(.login-to-prices-msg,.price) {
    position: absolute;
    bottom: 100%;
    inset-inline-start: 0 !important;
    min-width: calc(100% - 0px) !important;
    padding: 1em;
    /* position: absolute; */
    left: 0 !important;
    background: #0000008c;
}

.wd-product.wd-hover-info .bottom-information>link+.wd-swatches-grid,.wd-product.wd-hover-info .bottom-information>*:nth-child(2) {
    margin-top: var(--wd-prod-gap)
}

.wd-product.wd-hover-info .bottom-information .price :is(ins,del) {
    display: block
}

.wd-product.wd-hover-info .bottom-information .price ins {
    margin-top: 5px
}

.wd-product.wd-hover-info :is(.wd-swatches-attr,.wd-quick-shop-2,[class*="star-rating"]) {
    opacity: 0;
    transition: opacity .3s ease
}

.wd-product.wd-hover-info:hover .bottom-information {
    transform: translateY(-100%) translateZ(0)
}

.wd-product.wd-hover-info:hover :is(.wd-swatches-attr,.wd-quick-shop-2,[class*="star-rating"]) {
    opacity: 1
}

.wd-product.wd-hover-info .product-labels {
    inset-inline-start: auto !important;
    align-items: flex-end;
    max-width: 60px
}

.wd-product.wd-hover-info .product-labels.labels-rectangular {
    inset-inline-end: 0
}

.wd-product.wd-hover-info .product-labels[class*="labels-rounded"] {
    inset-inline-end: 7px
}

.wd-product.wd-hover-info:is(.quick-shop-shown,[class*="wd-loading"]) :is(.bottom-information,.top-information) {
    opacity: 0
}

.wd-product.wd-hover-info .wd-quick-shop-2 table.variations {
    display: inline-flex
}


.promo-banner {
    --button-space: 15px;
    --button-size: 28px;
    --content-width: var(--wd-max-width);
    --wd-otl-offset: calc(var(--wd-otl-width) * -1);
    position: relative;
    overflow: hidden;
    border-radius: var(--wd-brd-radius);
    transform: translate3d(0, 0, 0)
}

.promo-banner .banner-image :is(img,picture,video) {
    width: 100%;
    height: var(--wd-img-height);
    object-fit: cover;
    object-position: inherit
}

.promo-banner .banner-image[style^="height"] :is(img,picture) {
    height: 100%
}

.promo-banner .wrapper-content-banner {
    z-index: 2;
    display: flex;
    overflow: hidden;
    padding: 30px;
    border-radius: var(--wd-brd-radius);
    transform: translate3d(0, 0, 0)
}

.promo-banner .content-banner {
    --wd-tags-mb: 10px;
    position: relative;
    width: 100%;
    max-width: 50%;
}

.promo-banner :is(.banner-subtitle,.banner-title,.banner-inner):not(:first-child) {
    margin-top: 7px
}

.promo-banner .banner-title {
    display: block;
    margin-bottom: 0;
    line-height: 1.3
}

.promo-banner .banner-inner p:first-child:empty {
    display: none
}

.promo-banner .wd-countdown-timer {
    margin-top: 10px
}

.promo-banner .banner-btn-wrapper {
    margin-top: var(--button-space)
}

.promo-banner.wd-with-link .wrapper-content-banner {
    pointer-events: none
}

.promo-banner.wd-with-link:hover .btn {
    pointer-events: auto
}

.wd-bg-position-top {
    background-position: center top;
    object-position: center top
}

.wd-bg-position-bottom {
    background-position: center bottom;
    object-position: center bottom
}

.wd-bg-position-left {
    background-position: left center;
    object-position: left center
}

.wd-bg-position-right {
    background-position: right center;
    object-position: right center
}

.wd-bg-position-center {
    background-position: center;
    object-position: center
}

.banner-increased-padding .wrapper-content-banner {
    padding: 7%
}

@media (max-width: 1024px) {
    .banner-subtitle:is(.wd-fontsize-s,.wd-fontsize-m) {
        font-size:14px
    }

    .banner-title:is(.wd-fontsize-xl,.wd-font-size-xxl) {
        font-size: 22px
    }
}

@media (max-width: 768.98px) {
    .banner-btn-wrapper :is(.btn-size-default,.btn-size-large,.btn-size-extra-large) {
        padding:5px 14px;
        min-height: 36px;
        font-size: 12px
    }

    .banner-btn-wrapper .btn-style-link {
        padding: 0;
        min-height: unset
    }
}

@media (max-width: 767px) {
    .promo-banner .banner-subtitle {
        font-size:3vw
    }

    .promo-banner .banner-title {
        font-size: 5vw
    }
}
[class*="banner-hover-zoom"] {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

[class*="banner-hover-zoom"] .banner-image {
    transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18)
}

[class*="banner-hover-zoom"]:hover .banner-image {
    transform: scale(1.09)
}

.banner-hover-zoom-reverse .banner-image {
    transform: scale(1.09)
}

.banner-hover-zoom-reverse:hover .banner-image {
    transform: none
}


    @media (max-width: 767px) {
                                                        #zs-wd-cat-banners-20ee797,	#zs-wd-cat-banners-aabe24d {
                                                            grid-template-columns: repeat(1,minmax(0,1fr));
                                                            gap: 10px;
                                                        }
                                                    }