/**
 * CRM breadcrumbs — fix broken dividers and icon fonts (all pages).
 */

/* Override app.css rotated 1px pseudo-divider (looked like broken icons) */
body.eazydezk-app .breadcrumb .breadcrumb-item + .breadcrumb-item::before,
body.eazydezk-app .breadcrumb-ol .breadcrumb-item + .breadcrumb-item::before,
body.eazydezk-app .admin-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "/" !important;
    position: static !important;
    display: inline-block !important;
    float: none !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 8px !important;
    background: none !important;
    background-color: transparent !important;
    transform: none !important;
    -webkit-transform: none !important;
    color: #94a3b8 !important;
    font-weight: 400 !important;
    line-height: inherit !important;
    vertical-align: baseline !important;
}

/* Boxicons in breadcrumbs — must not use Semantic Icons font */
body.eazydezk-app .breadcrumb i.bx,
body.eazydezk-app .breadcrumb i[class^="bx-"],
body.eazydezk-app .breadcrumb i[class*=" bx-"],
body.eazydezk-app .breadcrumb-ol i.bx,
body.eazydezk-app .lead-marketing-breadcrumb i.bx,
body.eazydezk-app .lv-breadcrumb i.bx,
body.eazydezk-app .finance-breadcrumb-bar i.bx {
    font-family: "boxicons" !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-variant: normal !important;
    line-height: 1 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    speak-as: none;
    -webkit-font-smoothing: antialiased;
}

body.eazydezk-app .breadcrumb .breadcrumb-item,
body.eazydezk-app .breadcrumb-ol .breadcrumb-item,
body.eazydezk-app .breadcrumb-ol li,
body.eazydezk-app .lv-breadcrumb .breadcrumb-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px;
}

body.eazydezk-app .breadcrumb .breadcrumb-item a,
body.eazydezk-app .breadcrumb-ol li a,
body.eazydezk-app .lv-breadcrumb .breadcrumb-item a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px;
}