@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;700&display=swap');

/* 預留空間避免內容被 footer 遮蓋 */
body {
    font-family: 'Noto Serif TC', serif;
    padding-bottom: 4px;
}

nav {
    background-color: #4976bb;
}

.nav-link{
    color: #fff;
}

.nav-link:hover {
    background-color: #ffffff;
    color: #5b81d3;
    border-radius: 6px;
}

.dropdown-menu .dropdown-menu {
    left: 100%;
    top: 0;
    margin-left: .1rem;
    margin-top: 0;
    position: absolute;
    visibility: hidden;
    display: block;
    min-width: 180px;
}



.dropdown-menu .dropdown-item:focus+.dropdown-menu,
.dropdown-menu .dropdown-item:hover+.dropdown-menu,
.dropdown-menu .dropdown-menu:hover {
    visibility: visible;    
}

.dropdown-menu .dropdown-item:hover {
    background-color: #9ab6e0;
    color: #fff;
}

.dropdown-item.dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-item.dropdown-toggle::after {
    font-size: 0.8em;
    margin-left: 8px;
    align-self: center;
}

#footer-container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #4976bb;
    color:#fff;
    padding: 2px 2px;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    z-index: 1030;
}

.dropdown-menu,
.dropdown-menu .dropdown-menu {
    box-shadow: 2px 4px 12px rgba(0,0,0,0.12);
    margin-top: 10px;
    margin-left: 20px;
}

.dropdown-menu .dropdown-menu {
    position: absolute;
    left: calc(10% + 20px);
    top: 20px;
    min-width: 180px;
    box-shadow: 2px 4px 12px rgba(0,0,0,0.16);
}

.navbar-toggler {
    background-color: #4976bb; /* 可依需求調整底色 */
    border-color: #fff;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}