/* Estilos para formatar scrollbar */
.dropdown-menu-scrollbar.ecomprei-scrollbar::-webkit-scrollbar {
    width: 7px;
}

.dropdown-menu-scrollbar.ecomprei-scrollbar::-webkit-scrollbar-track {
    background: #F1F1F1;
    border-radius: 0px;
}

.dropdown-menu-scrollbar.ecomprei-scrollbar::-webkit-scrollbar-thumb {
    background-color: #0089CF;
    border-radius: 15px;
    border: 2px solid #F1F1F1;
}

@media(min-width: 992px) {
    #content-category {
        width: 17rem;
        background: var(--bs-primary) !important;
        max-height: 27rem;
        overflow-y: auto;
    }

    a.item-parent {
        color: #F1F1F1 !important;
        border: none !important;
    }

    #offcanvas-category {
        display: none;
    }
}

/*----------------------------------*/


/* link formatting */
.child-content a.widget-list-link:hover {
    color: #4B566B;
}

/*---------------------------------*/

/* mouse over link */
a.filter {
    color: #4B566B;
}

a.filter:hover,
a.filter:active {
    color: #0089CF;
}

.item-parent i.bi-arrow-right {
    color: #F1F1F1
}

.child-content {
    width: 17rem;
    height: 27rem;
    display: none;
    margin-left: 16.9rem;
    z-index: 20;
    border-radius: .3125rem .3125rem 0 0;
}

.child-content.second-child {
    margin-left: 33.8rem;
}

.category-font {
    font-size: 14px !important;
}

.category-font.bold {
    font-weight: 600 !important;
}

.menu-font {
    font-size: 0.875rem !important;
    font-weight: 700 !important;
}

.menu-font i {
    color: #000;
}

.child-content .dropdown-item {
    word-wrap: break-word;
    white-space: normal;
    opacity: 0.9;
    color: #4B566B;
}


@media(max-width: 991px) {
    .nav-link.accordion-button {
        display: inline-flex;
        justify-content: center;
    }

    a.nav-link:hover {
        color: #373f50;
    }

    .parent-content {
        border-bottom: 1px solid #e3e9ef;
        padding: 0.75rem 1.3rem;
    }

    .parent-content div {
        justify-content: center !important;
    }

    #content-category {
        padding: 0;
        border-top: 1px solid #e1edf7;
    }

    #sub-accordion-category .accordion-button::after {
        background-color: transparent !important;
    }

    button.accordion-button {
        border: none !important;
    }

    #accordion-initial .accordion-button:not(.collapsed) {
        box-shadow: none;
    }

    #offcanvas-category .nav-item {
        background-color: white;
    }

    #offcanvas-category .offcanvas-header {
        background: #F8F7F7;
        align-items: start;
    }

    #offcanvas-category .offcanvas-footer {
        margin-top: auto;
    }

    #offcanvas-category .customer-area-info {
        display: flex;
        flex-direction: column;
        margin-left: 10px;
        line-height: 1rem;
    }

    #offcanvas-category .customer-area-info small {
        font-size: 14px;
    }

    #offcanvas-category .customer-area-info .customer-info {
        max-width: 100px;
        font-weight: 700;
        color: #000;
        text-overflow: clip;
        vertical-align: middle;
    }

    #offcanvas-category #close-offcanvas-mobile {
        width: 100%;
        display: flex;
        justify-content: end;
    }

    #offcanvas-category #close-offcanvas-mobile i {
        width: 40px;
        height: 30px;
        cursor: pointer;
        text-align: center;
        font-size: 20px;
        margin-right: -18px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #7E889A9E;
    }

    #offcanvas-category .my-account {
        border: 1px solid #dde4eb;
        background-color: var(--bs-blue);
        width: 100%;
        border-radius: 3px;
        margin-top: 15px;
    }

    #offcanvas-category .dropdown-item {
        border-bottom: 1px solid #dde4eb;
        border-radius: 0;
    }

    #offcanvas-category .dropdown-item a {
        font-size: 16px;
        font-weight: 700;
        color: #5B6475;
    }

    #offcanvas-category .accordion-button::after {
        display: none;
    }

    #offcanvas-category .accordion-button:not(.collapsed) {
        box-shadow: none;
    }

    #sub-accordion-category .dropdown-item {
        width: 80rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: normal !important;
    }

    .menu-accordion-button {
        color: #fff !important;
        background-color: var(--bs-blue) !important;
    }

    .menu-accordion-button::after {
        color: #0089CF;
        background-color: #B3E575;
        width: 2.3rem;
        height: 2.3rem;
        border-radius: 4px;
        margin-right: 0px;
        top: 30px !important;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230089CF' stroke-width='1' fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    }
}