/* DCB Plugin Custom **/
body {
    --dcb-color-text-primary: #1D2128;
    --dcb-color-text-secondary: #7C818B;
    --dcb-bg-color-info: #ffffff;
    --dcb-color-accent: #c8102e;
    --dcb-bg-color-success: #198754;
    --dcb-bg-color-purple:#1652ca;
}

.dcb_text_primary {
    color: var(--dcb-color-text-primary);
}

.dcb_text_secondary {
    color: var(--dcb-color-text-secondary);
}

.dcb_bg_secondary {
    background-color: #ffffff;
    color: var(--dcb-color-text-secondary);
}

#dcb_custom_add_to_cart_productpage {
    & table.variations ul.wcboost-variation-swatches__wrapper li.wcboost-variation-swatches__item.disabled {
        background-color: #7c818b !important;
    }
}

#dcb_vendor_info_productpage {

    color: var(--dcb-color-text-secondary);

    & div.content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }

    & div.store_info {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }

    & div.thumbnail img {
        border-radius: 1em;
    }
}

#dcb-products-by-vendor,
#dcb-products-by-vendor-ajax {
    padding: 0 30px !important;

    & .swiper .swiper-pagination {
        position: relative !important;
    }

    & .swiper-button-next {
        right: 10px;
    }

    & .swiper-button-prev {
        left: 10px;
    }

    & .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 1.2em !important;
        border-radius: 5px !important;
        padding: 5px 10px;
        background-color: var(--dcb-color-accent) !important;
        color: var(--dcb-bg-color-info) !important;
    }

    & .products {
        flex-wrap: nowrap;
    }

    & .product-actions {
        padding: 10px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        position: relative;
        visibility: visible;
        opacity: 1;
        box-shadow: none;
    }

    & ul.products.product-card-layout-1 li.product .product-inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between !important;
    }

    & .product-actions>a.dcb-custom-wsp-product-card-btn.dokan-whatsapp-button-container {
        padding: 10px !important;
        color: #ffffff;
        background-color: #00b66c !important;
        text-align: center !important;
        border-radius: 10px;
    }
}

#motta-popup-add-to-cart {
    & .product-modal-content {
        & .cart-products-container {
            max-height: 40vh;
        }

        & .motta-product-popup-atc__recommendation {
            margin: 0px !important;
            padding-top: 10px !important;
        }

        & .widget_shopping_cart_content {
            & .cart {
                width: 100% !important;

                & .cart_item {
                    grid-template-columns: 20% auto auto;
                    display: grid;
                    gap: 10px;
                    padding: 10px 0px;
                    border-bottom: 1px solid var(--dcb-color-text-secondary);
                    /*flex-wrap: wrap;*/
                    & dl.variation {
                        display: flex;
                        align-items: self-start;
                        margin: 0px !important;
                        padding:10px;
                        flex-wrap: wrap;
                        dd p{
                          margin: 10px 0px;
                        }
                    }
                }
            }
        }

        & .my-cart-summary-container {
            flex-direction: row !important;
            flex-wrap: wrap !important;
            align-items: center !important;
            gap: 1em !important;

            & .my-cart-footer-buttons {
                margin: 0px !important;
                padding: 0px !important;
            }
        }
    }
}
@media(max-width: 768px){
    #motta-popup-add-to-cart{
        & .widget_shopping_cart_content {
            & .cart {
                & .cart_item {
                    grid-template-columns: 30% auto !important;
                    & dl.variation {
                        flex-wrap: wrap;
                    }
                }
            }
        }
    }
    .modal__content.product-modal-content{
        max-height: 98dvh !important;
    }
}

#dcb-custom-header-pagestore div.dokan-store-info ul li:last-child {
    display: none !important;
}

#dcb-custom-subheader-pagestore a.dcb-custom-btn-whatsapp-subheader-pagestore,
.dcb_btn_whastapp_container a.dcb-custom-btn-whatsapp-subheader-pagestore {
    padding: 10px !important;
    color: #ffffff;
    background-color: #00b66c !important;
    text-align: center !important;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#dcb-custom-products-pagestore .product-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

#dcb-custom-products-pagestore .product-actions .dcb-custom-product-text-pagestore {
    margin: 0px !important;
}

#dcb-custom-products-pagestore .product-actions {
    position: relative !important;
    left: 0;
    right: 0;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
}

.archive {
    & .product-actions {
        position: relative !important;
        left: 0;
        right: 0;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: none !important;
    }

    ul.products.product-card-layout-1 li.product .product-inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between !important;
    }

    a.dcb-custom-wsp-product-card-btn {
        padding: 10px !important;
        color: #ffffff;
        background-color: #00b66c !important;
        text-align: center !important;
        border-radius: 5px;
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
}

#dcb-custom-products-pagestore ul.products.product-card-layout-1 li.product .product-inner:hover,
ul.products.product-card-layout-2 li.product .product-inner:hover {
    height: 100% !important;
}

#dcb-custom-products-pagestore ul.products.product-card-layout-1 li.product .product-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between !important;
}


#dcb-custom-products-pagestore .product-actions>a.dcb-custom-wsp-product-card-btn.dokan-whatsapp-button-container {
    padding: 10px !important;
    color: #ffffff;
    background-color: #00b66c !important;
    text-align: center !important;
    border-radius: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

@media(max-width: 767px) {
    #dcb-custom-products-pagestore ul.products.mobile-col-2 li.product {
        width: 100% !important;
    }
}

#dcb_custom_add_to_cart_productpage {
    & table.variations th {
        color: #000000 !important;
        font-size: 1em !important;
    }

    & table.variations ul.wcboost-variation-swatches__wrapper li.wcboost-variation-swatches__item {
        font-size: 1em !important;
        padding: 5px !important;
        background-color: #ffffff;
    }

    & table.variations ul.wcboost-variation-swatches__wrapper li.wcboost-variation-swatches__item.selected {
        background-color: #000000
    }
}

#custom-tabs-store {
    & ul>li:first-child {
        display: none !important;
    }
}

#dcb_menu_vendor_categories {
    & .dcb_menu {
        margin: 10px 16px;
        padding: 0px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    & .dcb_menu .submenu {
        margin: 0px;
    }


    & .dcb_menu.submenu.active {
        padding: 10px 6px;
    }

    & .dcb_menu li.dcb_menu_item {
        cursor: pointer;
        border-radius: 1em;
        font-size: 16px;
        padding: 4px 16px;
    }

    & .dcb_menu li.dcb_menu_item.selected {
        background-color: #ffcdd553;
        color: #c8102e;
    }

    & .dcb_menu li.dcb_menu_item:hover {
        background-color: #ffcdd553;
    }

    & .dcb_menu li.dcb_menu_item:hover>a {
        color: #c8102e;
    }

    & .dcb_menu li.dcb_menu_item>a.selected {
        color: #c8102e;
    }

    & #menu {
        list-style: none;
    }

    /* Ocultar todos los submenús por defecto */
    & .submenu {
        list-style: none;
        padding-left: 10px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
    }


    /* Clase para mostrar el submenú */
    & .submenu.active {
        max-height: 500px;
        /* Un valor lo suficientemente grande para que se vea */
        transition: max-height 0.5s ease-in;
    }

    /* /* Estilo para el ícono de "desplegar" */
    & .has-submenu::before {
        content: '+';
        position: absolute;
        float: right;
        transition: transform 0.3s ease;
        right: 2em;
    }

    & .has-submenu.open::before {
        content: '-' !important;
        position: absolute;
    }

    & nav.motta-advanced-menu>ul.menu>li.menu-item>a {
        font-size: 1em;
    }
}

#dcb-top-vendors {

    padding: 0 20px !important;

    & .swiper .swiper-pagination {
        position: relative !important;
    }

    & .swiper-button-next {
        right: 10px;
    }

    & .swiper-button-prev {
        left: 10px;
    }

    & .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 1.2em !important;
        border-radius: 5px !important;
        padding: 5px 10px;
        background-color: var(--dcb-color-accent) !important;
        color: var(--dcb-bg-color-info) !important;
    }
}

.woocommrece-cart-content {
    display: flex !important;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: space-between;

    & .woocommerce-cart-form,
    .cart-collaterals {
        margin: 0 !important;
        background-color: #ffffff;
        border-radius: 1em;
        border: 2px solid !important;
    }
}

/* 
.filtro-combinado-2025 .trigger {
    padding: 16px 24px !important;
    border-radius: 2em !important;
    font-size: 18px !important;
} */

.dcb_btn {
    line-height: inherit;
    padding: 10px 5px;
    font-size: 1em !important;
    border-radius: 1em !important;
    box-shadow: 0px 5px 10px rgb(151, 185, 220, 0.5) !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1em;
}

.dcb_btn_primary {
    background-color: var(--dcb-color-accent);
    color: var(--dcb-bg-color-info);
}

.dcb_btn_success {
    background-color: var(--dcb-bg-color-success);
    color: var(--dcb-bg-color-info);
}

.dcb_btn_terciary {
    background-color: var(--dcb-color-text-secondary) !important;
    color: var(--dcb-bg-color-info) !important;
}

.dcb_dialog {
    background-color: transparent !important;
    border: none;
    visibility: hidden;
    position: absolute;
    height: 100dvh;
    width: 100dvw;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: none !important;
    max-height: none !important;
}


.dcb_dialog .dcb_dialog_container {
    background-color: var(--dcb-bg-color-info);
    color: var(--dcb-color-text-primary);
    border-radius: 10px !important;
    padding: 20px;

    & .current_selecteds {
        text-transform: capitalize !important;
        font-weight: bold;
        color: var(--dcb-bg-color-success);
    }
}


.dcb_scroll_more_products_btn {
    position: absolute;
    top: 120px;
    left: 5px;
    z-index: 900;
    /* transform: translateX(-50%); */
    padding: 10px 20px;
    border-radius: 1em;
    /* background-color: #e74c3c; */
    background-color: #1652ca;
    /* background-color: #5500ff; */

    color: var(--dcb-bg-color-info);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
    flex-wrap: wrap;
    font-size: 20px;
    line-height: inherit;
    box-shadow: 0px 5px 10px rgb(151, 185, 220, 0.5) !important;
    transition: linear 1s;

    &:hover {
        opacity: 1 !important;
    }
}

@media (max-width: 767px) {
    .dcb_scroll_more_products_btn {
        position: fixed;
        left: 50%;
        top: auto;
        bottom: 10px;
        transform: translateX(-50%) !important;
        opacity: 1 !important;
        /* font-size: 1em; */
    }
}

.swal2-popup .swal2-footer {
    display: flex !important;
    flex-direction: row-reverse !important;

    gap: 1em;
    align-items: center !important;
    justify-content: center !important;

    & .btn_swal_2 {
        line-height: inherit;
        padding: 10px 20px;
        box-shadow: 0px 5px 10px rgb(151, 185, 220, 0.5) !important;
        border-radius: 12px;
    }

    & .swal2-styled.swal2-confirm {
        background-color: var(--dcb-bg-color-success) !important;
        color: var(--dcb-bg-color-info) !important;
    }
}

@media (max-width: 767px) {
    .swal2-popup .swal2-footer {
        flex-wrap: wrap;
    }
}

.wpcpv-item.wpcpv-item-video {
    width: 80px !important;
    height: 80px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
    border-radius: 20px !important;
    box-shadow: 0px 5px 10px rgb(151, 185, 220, 0.8) !important;

    &::before {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 2em !important;
        width: 100% !important;
        height: 100% !important;
    }
}

.eael-lr-form-wrapper.style-2 .lr-form-wrapper {
    width: 100% !important;
    padding: 10px !important;
}

.eael-lr-form-wrapper {
    width: 100% !important;
    padding: 10px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}


.dokan-wholesale-migration-wrapper {
    display: none !important;
}

.dokan-account-migration-lists {
    display: none !important;
}

/* .wpcpv-item .wpcpv-item-image {
    width: 30px !important;
    height: 30px !important;
    top: 15px !important;
    left: 15px !important;
    transform: translateY(0) translateX(0) !important;
    & ::before{
        font-size: 1em !important;
    }
} */

.motta-myaccount__wrapper,
.woocommerce-MyAccount-content {
    background-color: var(--dcb-bg-color-info) !important;
    color: var(--dcb-color-text-primary) !important;
    border-radius: 10px !important;
    box-shadow: 0px 5px 10px rgb(151, 185, 220, 0.8) !important;
}

@media (max-width: 767px) {

    .woocommerce-cart .woocommerce-cart-form {
        padding: 1em;
    }
}

#dcb-products-by-vendor-ajax.swiper{
    padding-right: 50px !important;
    align-items: stretch !important;
    & .swiper-slide{
        align-self: stretch !important;
        height: auto !important;
        border: 2px solid #d7dee8;
        border-radius: 10px;
        padding: 10px;
        & .product-inner{
            padding: 0px !important;
            & .product-thumbnail img{
                border-radius: 5px !important;
            }
        }
    }
}
@media (max-width: 767px) {
   .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-5.images{
        margin: 0 !important;
        width: 100% !important;
    }
    .wp-post-image{
        width: 100% !important;
    }
    .woocommerce-product-gallery__wrapper{
        width: 100% !important;
        height: 100% !important;
    }
}

.dcb_to_more_vendor_btn{
    position: absolute;
    bottom: 20px;
    left: 30px;
    padding: 10px 20px !important;
    border-radius: 1em !important;
    background-color: var(--dcb-bg-color-purple) !important;
    color: var(--dcb-bg-color-info) !important;
    box-shadow: 0px 5px 10px rgb(151, 185, 220, 0.8) !important;
    font-size: 18px !important;
    line-height: 1em !important;
    align-self: flex-start !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
}

@media(max-width: 767px ){
    .dcb_to_more_vendor_btn{
        display: none !important;
    }
}
body.home #page.site{
    & .elementor-location-header{
        position: fixed !important;
        z-index: 9000 !important;;
        width: 100dvw !important;
        box-shadow:0 0 10px 3px rgb(52 152 219 / 24%);
    }
    & #site-content.site-content{
        margin-top: 50px !important;
    }
}

.woocommerce-invalid-required-field{
    & input.input-text{
        border-color: var(--dcb-color-accent) !important;
    }
}

.woocommerce .woocommerce-thankyou-order-details{
    gap: 1em;
    padding: 10px;
}

form.checkout.woocommerce-checkout{
    padding: 0px;
}
@media(max-width: 767px){
    .e-n-tabs-heading{
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 1em !important;
        & button{
            margin: 0px !important;
            padding: 10px 0px !important;
            & span{
                max-width: 80% !important;
                line-height: normal !important;
            }
        }
    }
    .e-n-tabs{
        gap: 1em !important;
    }
}