//
// OSIVIA Bootstrap extensions - Content navbar
// --------------------------------------------------


.content-navbar {
    @media screen and (min-width: @screen-sm-min) {
        .navbar;
        .navbar-default;
    }
}

.content-navbar-breadcrumb, .content-navbar-actions {
    display: table-cell;
    vertical-align: top;
}
    
.content-navbar-breadcrumb {
    width: 100%;
    
    .hidden-xs;
    
    .breadcrumb {
        background-color: transparent;
        border-style: none;
        border-radius: 0;
        margin: 0;
        padding: 0 @navbar-padding-horizontal;
        
        > li {
            > a {
                display: inline-block;
                color: @navbar-default-link-color;
                padding: floor((@navbar-height - @line-height-computed) / 2) 5px;
    
                &:hover, &:focus {
                    color: @navbar-default-link-hover-color;
                    text-decoration: none;
                }
            }
            
            + li::before {
                padding-left: 3px;
                padding-right: 0;
            }
            
            &:last-of-type > a {
                font-weight: bold;
                margin-bottom: -1px;
            }
        }
    }
}
    
.content-navbar-actions {
    .text-nowrap;
    
    @media screen and (max-width: @screen-xs-max) {
        display: block;
        text-align: right;
        
        .clearfix;
    }
    
    .menubar {
        @media screen and (max-width: @screen-xs-max) {
            .toolbar-menubar();
        }
        
        @media screen and (min-width: @screen-sm-min) {
            .navbar-menubar();
        }
    }
}


.simple-menubar {
    .text-nowrap;
    
    @media screen and (max-width: @screen-xs-max) {
        &, &.media-right {
            display: block;
            padding-left: 0; 
            text-align: right;
            
            .clearfix;
        }
    }
    
    .menubar {
        .toolbar-menubar();
    }
}


.toolbar-menubar() {
    &, > li > ul {
        padding-left: 0;
    }
    
    > li {
        &.first-group {            
            float: left;
            margin-right: 5px;
            
            @media screen and (min-width: @screen-sm-min) {
                display: none;
            }
        }
        
        &, > ul > li, > ul > li > a {
            display: inline-block;
        }
        
        > ul > li {
            float: left;
            
            > a {
                .btn;
                .btn-default;
            }
            
            + li > a {
                margin-left: -1px;
            }
            
            &:not(:first-of-type):not(:last-of-type) > a {
                border-radius: 0;
            }
            
            &:first-of-type:not(:last-of-type) > a {
                .border-right-radius(0);
            }
            
            &:last-of-type:not(:first-of-type) > a {
                .border-left-radius(0);
            }
        } 
    }
}

.navbar-menubar() {
    &, > li > ul {
        margin-bottom: 0;
        padding-left: 0;
    }
    
    > li {
        &.first-group {
            display: none;
        }
        
        &:not(.first-group), > ul > li, > ul > li > a {
            display: inline-block;
            float: none;
        }
        
        > ul > li {
            > a {
                padding: @navbar-padding-vertical @navbar-padding-horizontal;
                
                color: @navbar-default-link-color;
                
                &:hover, &:focus {
                    background-color: @navbar-default-link-hover-bg;
                    color: @navbar-default-link-hover-color;
                    text-decoration: none;
                }
                
                &.active {
                    color: @brand-info;
                    text-shadow: 0 0 4px fade(@brand-info, 30%);

                    &:hover, &:focus {
                        color: darken(@brand-info, 15%);
                    }
                }
                
                &.disabled {
                    cursor: @cursor-disabled;
                    pointer-events: none;
                    .opacity(@opacity: .65);
                    .box-shadow(@shadow: none);

                }
            }
            
            &.active, &.dropdown.open {
                background-color: @navbar-default-link-active-bg;
                color: @navbar-default-link-active-color;
            }
            
            &.dropdown > .dropdown-menu {
                margin-top: 0;
                .border-top-radius(0);
            }
            
            > p {
                .navbar-vertical-align(@element-height: @line-height-computed);
            }
        }
    }
}