html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }

    .navbar-brand {
        margin-left: 0.5rem; /* 手機螢幕上減少左邊間距 */
        margin-top: 0.25rem; /* 手機螢幕上減少上邊距 */
    }
}

@media (max-width: 768px) {
    .investor-sidebar{
        width: 100% !important;
    }
}



.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0; /* 移除邊距，確保全寬 */
    padding: 0;
    font-family: 'Inter', 'Noto Sans TC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* 為 navbar-brand 添加左邊和上邊間距 */
.navbar-brand {
    margin-left: 1rem; /* 左邊間距，約 16px，可調整 */
    margin-top: 0.5rem; /* 上邊距，約 8px，可調整 */
}

/* 調整 navbar 高度和背景色 */
.navbar {
    padding-top: 2rem; /* 增加上內距 */
    padding-bottom: 1rem; /* 增加下內距 */
    background-color: #004976 !important; /* 自訂深藍色 */
}

/* 調整 nav-link 文字顏色 */
.nav-link {
    color: #ffffff !important; /* 白色文字 */
}

    .nav-link:hover {
        color: #cccccc !important; /* 滑鼠懸停時淺灰色 */
    }

/* 調整 nav bar 下拉選單顏色 */
.dropdown-menu {
    background-color: rgba(0, 73, 118, 0.9);
    border: none;
}

.dropdown-item {
    color: white !important;
}

    .dropdown-item:hover,
    .dropdown-item:focus {
        background-color: rgba(0, 73, 118);
        color: #ffffff;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        background-color: rgba(0, 73, 118);
        color: #ffffff;
    }

.bg-lightblue {
    background-color: #e9f1f7; /* 接近圖片的藍灰色背景 */
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.iog-bg-color {
    background-color: #004976;
    color: white;
}

.iog-color {
    color: #004976;
}


.pill-heading {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

/* —— 只改顏色 —— */

/* 讓 mega-menu 背景跟其他 dropdown 一致 */
.navbar .dropdown-menu.dropdown-mega {
    margin-top: 0 !important;
    background-color: rgba(0, 73, 118, 1) !important; /* 改成和 navbar 一樣的純深藍 */
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
/* 讓 mega-menu 裡的標題變白 */
.navbar .dropdown-mega .investor-nav h5 {
    color: #ffffff !important;
}

/* 去掉連結底線，並維持白字 */
.navbar .dropdown-mega .investor-nav a {
    color: #ffffff !important;
    text-decoration: none !important;
}

    /* 懸停時也不要底線，可視需求改顏色 */
    .navbar .dropdown-mega .investor-nav a:hover {
        text-decoration: none !important;
        /* optional: color: #e9f1f7; */
    }


/* 標題與連結文字都用白色 */
.dropdown-mega .investor-nav h3,
.dropdown-mega .investor-nav a {
    color: #ffffff !important;
}

    /* 懸停時換個亮一點的 */
    .dropdown-mega .investor-nav a:hover {
        color: #e9f1f7 !important;
    }

/* 分隔線改成白色半透明 */
.dropdown-mega .investor-nav .nav-column {
    border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
}

    /* 第一欄不需要分隔 */
    .dropdown-mega .investor-nav .nav-column:first-child {
        border-left: none !important;
    }

.dropdown-mega a:focus {
    outline: none !important;
    box-shadow: none !important;
}


.investor-sidebar {
    width: 280px;
    background: #f8f9fa;
    padding: 1rem;
}


    .investor-sidebar .submenu-link {
        display: block;
        padding: 0.5rem 0;
        color: #333; /* 預設文字色 */
        text-decoration: none;
        border-left: 2px solid transparent;
        padding-left: 1rem;
    }

        .investor-sidebar .submenu-link:hover {
            text-decoration: underline;
        }

        /* 當前頁面 */
        .investor-sidebar .submenu-link.active {
            color: #004976; /* 你要的藍色 */
            font-weight: bold;
        }

        /* 不要在 hover 時改變顏色，只有 active 有色 */
        .investor-sidebar .submenu-link:hover:not(.active) {
            color: #333;
        }

    .investor-sidebar .sidebar-toggle {
        display: flex;
        align-items: center;
        justify-content: flex-start; /* 靠左對齊 */
        width: 100%;
        padding: 0.5rem 0;
        color: #333;
        text-decoration: none;
        border-left: 2px solid transparent;
        padding-left: 1rem;
        /* 覆蓋 .btn 的 text-align: center */
        text-align: left !important;
    }

/* 統一定義 Accordion 變數 */
#boardAccordion {
    --bs-accordion-active-bg: #ffffff;
    --bs-accordion-active-color: #004976; /* 調整為您的需求 */
    --bs-accordion-bg: #ffffff;
    --bs-accordion-color: #004976;
    --bs-accordion-border-color: #ddd;
    --bs-accordion-btn-focus-box-shadow: none;
}

    /* 應用變數至 Accordion 元素 */
    #boardAccordion .accordion-button {
        background-color: var(--bs-accordion-bg);
        box-shadow: none;
        font-weight: bold;
        padding: 1rem 1.25rem;
    }
    /* 移除最外層邊框 */
    #boardAccordion .accordion-item {
        border: none;
        border-bottom: 1px solid var(--bs-accordion-border-color);
    }

    #boardAccordion .accordion-button {
        background-color: var(--bs-accordion-active-bg);
        color: black;
        box-shadow: none;
    }

        #boardAccordion .accordion-button .member-name {
            color: var(--bs-accordion-active-color);
        }

        #boardAccordion .accordion-button:not(.collapsed) {
            background-color: var(--bs-accordion-active-bg);
            color: black;
            box-shadow: none;
        }

            #boardAccordion .accordion-button:not(.collapsed) .member-name {
                color: var(--bs-accordion-active-color);
            }

        #boardAccordion .accordion-button:focus {
            background-color: var(--bs-accordion-bg);
            border-color: var(--bs-accordion-border-color);
            outline: none;
            box-shadow: var(--bs-accordion-btn-focus-box-shadow);
        }

    #boardAccordion .accordion-body {
        background-color: var(--bs-accordion-bg);
        padding: 1rem 1.25rem;
    }

    #boardAccordion h6 {
        font-weight: bold;
        margin-top: 1rem;
    }


/* 全寬背景區塊 */
.investor-banner {
    position: relative;
    width: 100vw;
    padding: 50px 0;
    margin-left: calc(-50vw + 50%);
    background-color: #004976;
}

    /* 中間卡片 */
    .investor-banner .card {
        background-color: rgba(0, 73, 118, 0.9);
        border: none;
    }

    .investor-banner .section-pill {
        display: inline-block;
        padding: 8px 32px;
        border: 3px solid #fff;
        border-radius: 999px;
        font-size: 1.25rem;
        font-weight: 600;
        color: #fff;
    }

    .investor-banner .card-body {
        color: #004976;
    }

    .investor-banner .container {
        z-index: 2;
    }