/*
Theme Name: DigitalSilk
Description: DSMP theme for DigitalSilk projects.
Author: DigitalSilk
Author URI: https://www.digitalsilk.com/
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dstheme
*/
.wc-block-product-filter-checkbox-list__show-more {
    font-size: 14px;
    color: var(--dst--secondary-color1);
}

.wp-block-woocommerce-product-filter-checkbox-list {
    overflow: auto;
}

.m-dcbl.-v4 .dst-media__secondary img {
    object-fit: cover;
}

/* By Bhavesh */
/* keep mega open when JS adds class */
.nav-main__links.desktop-burger .menu-item-has-children.is-open>.sub-menu,
.nav-main__links.desktop-burger .menu-item-has-children.is-open>.sub-menu .megamenu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
}

.indicator_cls {
    padding: 25px 0 !important;
}

.indicator_cls .dst-list {
    position: relative;
}

/* .dst-list.list-v3 .dst-list__title a.active:after{
	        background-color: transparent !important;
} */

.custom-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 0%;
    background: #c89b6d;
    z-index: 9999;
    transition: width 0.15s linear;
}

button.wc-block-cart-item__remove-link {
    background: currentColor !important;
}

.wc-block-components-drawer__content button.wc-block-cart-item__remove-link {
    margin: 0 !important;
    position: unset !important;
}

.wc-block-components-drawer__content .wc-block-cart-item__quantity {
    flex-direction: row !important;
}
/* .single-product .product_meta span.tagged_as {
    display: none;
} */

.single-product .product_meta .tagged_as {
    font-size: 0;
}

.single-product .product_meta .tagged_as a {
    font-size: 14px; /* adjust if needed */
}
.woocommerce-loop .wp-block-ds-blocks-c-slider-woocommerce{
transform: translateY(31%);
}    
.product{
    z-index: 20;
}
.site-footer .dst-button-group{
	padding-top:0px !important;
}
.product_title{
    font-size: 30px !important;
}
.contact-appoint .c-heading__title {
    font-size: 20px;
}
.collection-btn{
    margin: 18px 0 0 28.3rem !important;
    align-self: flex-start !important;
}
.woo-product-sticky{
        display: flex;
    width: 100%;
    align-items: stretch;
}
.woo-product-sticky .woo-left-wrapper{
        position: sticky;
    padding: 0 !important;
}
.woo-product-sticky .woo-left-wrapper .flex-direction-nav{
    position: absolute;
    bottom: -12%;
}
.c-hotspot__popover .swiper-wrapper{
    max-height: 310px !important;
}
.c-hotspot__popover .swiper-wrapper img{
    height: 100% !important;
    object-fit: cover !important;
}
.c-hotspot__popover .swiper-pagination-bullets{
    display: none !important;
}
.ds-designers{
    width: 100vw;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.page-id-7114 .m-shortcode{
    filter: none !important;
}
.page-id-7114 .m-shortcode .m-shortcode__container{
    width: 1296px !important;
    max-width: 100% !important;
}
.page-id-7114 .m-shortcode .ds-pslider{
    padding: 0 !important;
}
.page-id-7114 .m-shortcode .m-shortcode__container .products .product-loop-top-wrapper{
    height: 380px !important;
}
.product-break .wp-block-ds-blocks-c-slider-woocommerce{
    min-height: 100%;
}
.product-break .wp-block-ds-blocks-c-slider-woocommerce__inner{
    top: 15% !important;
}
.elie-saab-maison-logo{
    max-width: 150px;
    margin: 0 auto 15px auto;
}


.footer-first p.gform_description {
    padding: 3rem !important;
}

.catalog-heading .c-heading__pre{
    margin-bottom: 6px !important;
}
.catalog-heading .c-heading{
    margin: 0 !important;
}

/* Size variation wrapper */
.ds-attribute-details[name="pa_size"] .variable-items-wrapper.button-variable-items-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}

/* Each size variation box */
.ds-attribute-details[name="pa_size"] .variable-item.button-variable-item {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 72px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Text inside variation */
.ds-attribute-details[name="pa_size"] .variable-item .variable-item-span-button {
    display: block !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    line-height: 1.4 !important;
    text-align: center !important;
    width: 100% !important;
}











/*DESKTOP NEEDED CSS*/
@media (min-width: 1113px) {
    /*HEADER SUBMENU[MEGAMEU] CLICK OVERRIDE CSS START*/
    .nav-main .menu-item-has-children:hover > .sub-menu,
    .nav-main .menu-item-has-children:focus-within > .sub-menu,
    .sub-menu:has(.megamenu):hover,
    .nav-main .menu-item-has-children:hover .sub-menu:has(.megamenu) {
        
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }
    .nav-main .menu-item-has-children:hover .nav-icon .icon,
    .nav-main .menu-item-has-children:focus-within .nav-icon .icon {
        transform: none !important;
    }
    .nav-main .menu-item-has-children > .sub-menu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(30px) !important;
        transition: all 0.4s ease-in-out !important;
    }
    .nav-main .menu-item-has-children.is-open > .sub-menu,
    .nav-main .menu-item-has-children.is-open .sub-menu:has(.megamenu) {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }
    .js-sub-menu-toggle .nav-icon{
        position: static !important;
        display: flex !important;
        border: 1px solid rgba(124, 102, 79, .2) !important;
        border-radius: 50% !important;
        justify-content: center !important;
        padding: 0 !important;
        transform: none !important;
        width: 100% !important;
        height: 100% !important;
    }
    .js-sub-menu-toggle{
        position: relative !important;
        width: 35px !important;
        height: 35px !important;
        top: 0px !important;
        transition: all 0.5s !important;
    }
    .nav-main .menu-item-has-children .sub-menu-toggle, .nav-secondary .menu-item-has-children .sub-menu-toggle{
        right: 0px !important;
        z-index: 11 !important;
    }
    .nav-main__wrap-burger .nav-main .wp-block-ds-blocks-c-media{
        width: 100% !important;
        opacity: 1 !important;          
    }
    .nav-main__links.desktop-burger .menu-item-has-children >.sub-menu{
        padding-left: 40px !important;
    }
    .js-sub-menu-toggle .icon-arrow-navbar{
        transform: none !important;
    }
    .megamenu .wp-block-ds-blocks-c-media.style-1{
        transform: none !important;
    }
    .js-sub-menu-toggle.is-toggled{
        transform: rotate(-90deg) !important;
    }
    /*HEADER SUBMENU[MEGAMEU] CLICK OVERRIDE CSS END*/

    /*HOMEPAGE HERO SECTION LOADER FASTER CSS START*/
    .js-preloader.-animating .-preloader:after {
        animation: animateHeight 2s ease-in forwards !important;
    }
    .js-preloader.-animating .-preloader:before {
        animation: logoReturn 0.5s 5s ease-out forwards !important;
    }
    .js-preloader.-animating .c-gallery-card:nth-child(1) {
        animation: translateTop 2s ease-out forwards !important;
    }
    .js-preloader.-animating .c-gallery-card:nth-child(2) {
        animation: translateTop 1.5s 0.8s ease-out forwards !important;
    }
    .js-preloader.-animating .c-gallery-card:nth-child(3) {
        animation: translateTop 1.8s 1.2s ease-out forwards !important;
    }
    .js-preloader.-animating .c-gallery-card:nth-child(4) {
        animation: translateTop 1.8s 1.5s ease-out forwards !important;
    }
    .js-preloader.-animating .c-gallery-card:nth-child(5) {
        animation: translateTop 1.8s 2s ease-out forwards !important;
    }
    .js-preloader.-animating .c-gallery-card:nth-child(6) {
        animation: translateTop 1.8s 1.8s ease-out forwards !important;
    }
    .js-preloader.-animating .dst-wrapper.-v1 .wp-block-ds-blocks-c-media {
        animation: heroImage 1.8s 2.5s ease-out forwards !important;
    }
    .js-preloader.-animating .-left,
    .js-preloader.-animating .-right,
    .js-preloader.-animating .c-hotspot,
    .js-preloader.-animating .column-v2,
    .js-preloader.-animating .site-header__logo {
        animation: fadeAppear 0.5s 5.5s ease-in-out forwards !important;
    }
    /*HOMEPAGE HERO SECTION LOADER CSS END*/
}

/*MOBILE MEDIA QUERIES*/
@media screen and (max-width: 768px) {
    .wp-block-ds-blocks-ds-tabs__panels .wp-block-ds-blocks-ds-tab__text{
        font-size: 16px;
    }
    .c-quote__text{
        font-size: 14px !important;
        width: 80%;
    }
    .c-quote{
        gap:1rem !important;
    }
    .wp-container-18{
        position: unset !important;
    }
    .shop-sticky-mob .c-block.c-block-v3{
        max-width: 100%;
    }
    .shop-sticky-mob .ds-column.-v1.wp-container-19.is-position-sticky,
    .shop-sticky-mob .ds-columns.style-2 .-v1 .ds-row {
        height: auto !important;
    }

    .wp-container-19 .ds-row .ds-column:nth-child(1) {
        height: fit-content !important;
    }

    .wp-container-19 .ds-row .ds-column:nth-child(1) .m-block {
        margin: 0 !important;
    }

    .wp-container-19 .ds-row .ds-column:nth-child(2) {
        display: none !important;
    }
    .shop-sticky-mob .c-block.c-block-v3 .c-block__title{
        text-align: center !important;
    }
    
    .m-slider:has([data-slider-navigation=inner-arrows],[data-slider-navigation=outer-arrows]) .m-slider__arrows{
        top: 11rem !important;
        margin: 8px;
    }
    h2{
        font-size: 26px !important;
    }
    .m-slider__arrows{
        width: 5rem !important;
        height: 5rem !important;
    }
    .ds-attribute-details[name="pa_size"] .variable-items-wrapper.button-variable-items-wrapper {
        grid-template-columns: 1fr !important;
    }
    .footer-first p.gform_description {
        padding: 0 !important;
    }
    .woo-product-sticky{
        flex-wrap: wrap;
        flex-direction: column-reverse;
        gap: 40px;
    }
    .product-break .columns-4{
        margin-bottom: 80px !important;
    }
    .dst-pad-rm{
        margin-top: 120px !important;
    }

    /*FOOTER MOBILE CSS START*/
    .footer-main,.footer-main-column-1 ul li {
        width: 45% !important;
    }
    .footer-main,.footer-main-column-1 ul{
        margin: 3px 0 !important;
    }
    .footer-main ul{
        flex-direction: column;
        margin: 3px 0 !important;
    }
    .footer-main ul li{
        width: 100% !important;
    }
    .footer-main ul li a, .footer-main-column-1 ul li a,.footer-bottom .ds-row a{
        font-size: 12px !important;
    }
    .footer-center-main .ds-row, .footer-main-column-1 ul{
        justify-content: space-between;
    }
    .footer-bottom .ds-row{
        gap: 5px !important;
        flex-direction: column-reverse;
    }
    .footer-bottom .ds-row ul{
        flex-direction: row !important;
        gap: 20px !important;
        margin: 0 !important;
    }
    .footer-search-bar-column .dgwt-wcas-search-wrapp {
        padding-top: 10px !important;
    }
    /*FOOTER MOBILE CSS END*/

    /*DST-CONTENT BLOCK MOBILE START*/
    .dst-content-mobile .c-block{
        flex-direction: column-reverse !important;
    }
    .dst-content-mobile  .dst-content-mobile-2-img{
            order: -1;
    }
    .dst-content-mobile .dst-content-mobile-1-img{
        transform: translate(13rem) translateY(-12rem);
        z-index: 11 !important;
        max-width: 400px !important;
        max-height: 130px !important;
    }
    .dst-content-mobile .dst-content-mobile-1-img .wp-block-ds-blocks-c-media{
        border: none !important;
    }
    .dst-content-mobile .dst-content-mobile-1-img .wp-block-ds-blocks-c-media img{
        max-width: 200px !important;
        object-fit: contain !important;
    }
    .dst-content-mobile .c-heading__title{
        font-size: 25px !important;
    }
    /*DST-CONTENT BLOCK MOBILE END*/

    /*LAVARA EXECUTION START PROCESS [PAGE trade-design-platform] START*/
    .lavara-exec-review #project-review,
    .lavara-exec-review #project-review .ds-column:nth-child(1) .dst-simple-text,
    .lavara-exec-custom .wp-block-ds-blocks-c-heading,
    .lavara-exec-custom #custom-development{
        padding-top: 0 !important;
    }
    .indicator_cls{
        padding-bottom: 0 !important;
    }
    .lavara-exec-review #project-review .ds-column:nth-child(2),
    .browse-source-hide .dst-media__secondary{
        display: none !important;
    }
    .lavara-exec-material .ds-row{
        flex-direction: column-reverse !important;
        gap: 20px !important;
    }
    .lavara-exec-collection{
        margin-top: 40px;
    }
    .lavara-exec-custom .wp-block-ds-blocks-c-media.-v1{
        display: block !important;
    }
    .lavara-exec-custom .ds-row{
        flex-direction: column-reverse !important;
    }
    .lavara-exec-custom .c-heading__title,
    .lavara-exec-delivery-main .lavara-exec-delivery .c-heading__title,
    .lavara-exec-delivery-main .lavara-exec-delivery .c-heading__sub{
        text-align: end !important;
    }
    .lavara-exec-custom .wp-block-ds-blocks-c-heading{
        padding-bottom: 20px !important;
    }
    .lavara-exec-delivery-main .ds-row{
        gap: 0 !important;
    }
    .lavara-exec-delivery-main .wp-block-ds-blocks-c-heading{
        padding-top: 10px !important;
    }
    /*LAVARA EXECUTION START PROCESS [PAGE trade-design-platform] END*/

    .elie-saab-maison-logo{
        max-width: 120px;
        margin: 0 auto 30px auto;
    }
    .elie-saab-maison-logo img{
        min-height: fit-content;
    }
    .collection-btn{
        align-self: flex-start;
        margin: 15px !important;
    }

    /*MEDIA-CONTENT EXACT SECTION"ELIE SAAB COUTURIER" [PAGE elie-saab-maison] GLOBAL STYLE FOR THIS TYPE OF SECTION START*/
    .media-content-mobile .gt .ds-column:nth-child(1) .ds-columns__inner .ds-column:nth-child(1) .wp-block-ds-blocks-c-media,
    .media-content-mobile .gt .ds-column:nth-child(1) .ds-columns__inner .ds-column:nth-child(2) .wp-block-ds-blocks-c-media {
        display: block !important;
    }

    .media-content-mobile .gt .ds-column:nth-child(1) .ds-columns__inner .ds-column:nth-child(2) {
        margin-top: 20px !important;
    }

    .media-content-mobile .gt .ds-column:nth-child(1) .ds-columns__inner .ds-column:nth-child(3) {
        order: -1 !important;
    }

    .media-content-mobile .gt .ds-column:nth-child(2) .ds-columns__inner .ds-row {
        gap: 20px !important;
    }

    .media-content-mobile .gt .ds-column:nth-child(2) .gt-s,
    .media-content-mobile .gt .ds-column:nth-child(2) .ds-columns__inner .ds-row .ds-column:nth-child(1) .wp-block-ds-blocks-c-heading,
    .media-content-mobile .gt .ds-column:nth-child(2) .ds-columns__inner .ds-row .ds-column:nth-child(2) .wp-block-ds-blocks-c-heading {
        padding-top: 0 !important;
    }
    /*MEDIA-CONTENT EXACT SECTION"ELIE SAAB COUTURIER" [PAGE elie-saab-maison] GLOBAL STYLE FOR THIS TYPE OF SECTION END*/
}