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

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

                    & dl.variation {
                        margin: 0px !important;
                    }
                }
            }
        }

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



#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 {
    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;
    }
}