/* Remove linha duplicada dos breadcrumbs */
.breadcrumb,
.breadcrumb *,
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item.active,
.breadcrumb ol,
.breadcrumb ul,
.breadcrumb li {
    border-bottom: none !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove especificamente o border-bottom que está sendo duplicado */
.breadcrumb {
    border-bottom: none !important;
    border-bottom-color: transparent !important;
    border-bottom-style: none !important;
    border-bottom-width: 0 !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}

/* Remove qualquer elemento que possa ter border-bottom */
*[class*="breadcrumb"] {
    border-bottom: none !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Estilos específicos para sobrescrever o CSS global do nav */
.breadcrumb {
    border-bottom: none !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}

/* Sobrescreve especificamente o border-bottom gray do CSS global */
.breadcrumb,
.breadcrumb *,
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item.active,
.breadcrumb ol,
.breadcrumb ul,
.breadcrumb li,
nav .breadcrumb,
.breadcrumb-container,
.breadcrumb-wrapper {
    border-bottom: none !important;
    border-bottom-color: transparent !important;
    border-bottom-style: none !important;
    border-bottom-width: 0 !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove especificamente o border-bottom gray que está sendo duplicado */
.breadcrumb {
    border-bottom: none !important;
    border-bottom-color: transparent !important;
    border-bottom-style: none !important;
    border-bottom-width: 0 !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}

/* Centralizar breadcrumbs */
.breadcrumb,
.breadcrumb.no-border,
.container .breadcrumb,
main .breadcrumb,
#main .breadcrumb,
body .breadcrumb,
html .breadcrumb,
#main > div > .breadcrumb,
main > div > .breadcrumb {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 auto 20px auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item.active,
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item.active,
body .breadcrumb-item,
html .breadcrumb-item {
    text-align: center !important;
    display: inline-block !important;
    margin: 0 5px !important;
    float: none !important;
}

/* Estilos específicos para o container */
.container .breadcrumb,
main .container .breadcrumb,
#main .container .breadcrumb,
#main > div > .breadcrumb,
main > div > .breadcrumb {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 auto 20px auto !important;
}

/* Estilos específicos para o layout do tema sem container */
#main > div > .breadcrumb,
main > div > .breadcrumb {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 auto 20px auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Estilos para telas responsivas */
@media (max-width: 768px) {
    .breadcrumb,
    .breadcrumb.no-border,
    .container .breadcrumb,
    main .breadcrumb,
    #main .breadcrumb,
    #main > div > .breadcrumb,
    main > div > .breadcrumb {
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        margin: 0 auto 15px auto !important;
    }
}

@media (max-width: 480px) {
    .breadcrumb,
    .breadcrumb.no-border,
    .container .breadcrumb,
    main .breadcrumb,
    #main .breadcrumb,
    #main > div > .breadcrumb,
    main > div > .breadcrumb {
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        margin: 0 auto 10px auto !important;
    }
}