html {
  font-size: 14px;
}

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

.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}

.h-custom {
    height: calc(100% - 73px);
}

@media (max-width: 450px) {
    .h-custom {
        height: 100%;
    }
}

/* === 導覽列深藍漸層樣式 === */
.custom-navbar {
    background: linear-gradient(135deg, #0a2e6b 0%, #0d6efd 100%);
    transition: background 0.3s ease;
}

    /* 滑過整條導覽列時變亮 */
    .custom-navbar:hover {
        background: linear-gradient(135deg, #0d47a1 0%, #1976d2 100%);
    }

    /* 連結文字顏色與 hover 效果 */
    .custom-navbar .nav-link,
    .custom-navbar .navbar-brand {
        color: #fff !important;
        transition: color 0.2s ease, background-color 0.2s ease;
    }

        .custom-navbar .nav-link:hover,
        .custom-navbar .navbar-brand:hover {
            color: #ffeb3b !important; /* hover 時變亮黃色 */
            text-shadow: 0 0 6px rgba(255, 255, 255, 0.6);
        }

/* 導覽列陰影強化 */
.custom-navbar {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

/* 行動版按鈕白色線條 */
.navbar-dark .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.7);
}

.btn {
    border-radius: 6px !important; /* 或 10px, 視覺更柔和 */
}

/* === PageDefine 與 Sidebar 高度一致 === */
/*.admin-content {
    min-height: 100vh;*/ /* 填滿與側邊欄相同高度 */
    /*display: flex;
    flex-direction: column;
    padding-top: 50px;*/ /* 與 Navbar 高度相同 */
/*}

    .admin-content > .container-fluid {
        flex: 1;*/ /* 內容撐滿可視高度 */
        /*overflow-y: auto;*/ /* 若內容過長可捲動 */
        /*padding: 20px;*/ /* 與側欄保持間距 */
    /*}*/