/**
 * NC4 Framework (https://github.com/NC-4/NC4)
 * © NC4 Project.
 *
 * Licensed under The FreeBSD License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @author  　　一般社団法人 教育のための科学研究所 <https://www.s4e.jp/>
 * @author  　　国立研究開発法人 科学技術振興機構 <https://www.jst.go.jp/>
 * @author  　　リーディング・スキル・テスト株式会社 <https://www.rstest.co.jp/>
 * @copyright  NC4 Project
 * @since      4.0.0
 * @license    https://opensource.org/licenses/BSD-2-Clause FreeBSD License
 */

.btn.menus-dropdown-btn {
    /*font-size: 0.75em;*/
    padding: 0.1em 0.4em;
}
.menu-breadcrumb {
    margin-bottom: 0;
}

.menu-breadcrumb .breadcrumb-item.active a {
    color: var(--bs-breadcrumb-item-active-color);
}
.menu-breadcrumb .breadcrumb-item.active a:hover {
    color: var(--bs-link-hover-color);
}

.menu-breadcrumb .breadcrumb-item {
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-list-group:not(:last-child) {
    margin-bottom: 1rem;
}

.menus-nav.nav {
    --bs-nav-link-padding-x: 0.5rem;
}
.menus-nav.nav-tabs .nav-link,
.menus-nav.nav-pills .nav-link {
    border: 0;
}
.menus-nav.nav-tabs .nav-link.dropdown-toggle,
.menus-nav.nav-pills .nav-link.dropdown-toggle {
    display: inline-block;
    white-space: normal;
}

.menus-nav.nav-tabs > .nav-item,
.menus-nav.nav-pills > .nav-item {
    align-items: center;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    max-width: 250px;
    min-width: 100px;
}
.menus-nav.nav-tabs .nav-link:hover:not(.active) {
    background-color: var(--bs-list-group-action-hover-bg);
}
.menus-nav.nav-pills .nav-link:hover:not(.active) {
    background-color: var(--bs-list-group-action-hover-bg);
}
.menus-nav.nav-tabs > .nav-item > .nav-link.dropdown-toggle.show {
    background-color: var(--bs-list-group-action-hover-bg);
    color: var(--bs-nav-link-hover-color);
}
.menus-nav.nav-tabs > .nav-item.active {
    border-color: var(--bs-nav-tabs-link-active-border-color);
}

/**
 * ハンバーガーメニュー
 */
.menus-hamburger-navbar.navbar {
    background-color: transparent;
    padding: 0;
}