//
// OSIVIA Bootstrap extensions - Menubar
// --------------------------------------------------



.breadcrumb, .menubar {
    .dropdown-menu {
        i {
            width: @font-size-base + 1px;
        }
    }
}


.menubar {
    :not(.dropdown-menu) > .active > a {
        color: @state-info-text;
        text-shadow: 0 0 4px fade(@state-info-border, 50%);
        
        &:hover, &:focus {
            color: darken(@state-info-text, 15%);
        }
    }
}


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


.content-navbar-breadcrumb {
    .breadcrumb {
        padding: 0 @navbar-padding-horizontal;
        
        > li {
            > a, > span {
                padding: floor((@navbar-height - @line-height-computed) / 2) 5px;
            }
            
            > a, > .dropdown > a {
                color: @navbar-default-link-color;                
                
                &:hover, &:focus {
                    color: @navbar-default-link-hover-color;
                    text-decoration: none;
                }
            }
            
            > .dropdown {
                padding: floor((@navbar-height - @line-height-computed) / 2) 0;
                
                &.open {
                    background-color: @navbar-default-link-active-bg;
                }
                
                > a {
                    padding: floor((@navbar-height - @line-height-computed) / 2) 5px;
                }
            }
        }
    }
}


.content-navbar-actions {
    .menubar {
        @media screen and (max-width: @screen-xs-max) {
            .toolbar-menubar();
        }
        
        @media screen and (min-width: @screen-sm-min) {
            .navbar-menubar();
        }
    }
}


.simple-menubar, .portlet-container {
    .menubar {
        .toolbar-menubar();
    }
}



.toolbar-menubar() {
    > li {
        > ul > li {
            > a {
                .btn;
                .btn-default;
            }
        }
    }
}

.navbar-menubar() {
    > li {
        > 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;
                }
            }
            
            &.dropdown.open {
                background-color: @navbar-default-link-active-bg;
                color: @navbar-default-link-active-color;
            }
        }
    }
}