/* ==================================================
   全站字體設定
   字體：Chiron GoRound TC
================================================== */

@font-face {
    font-family: "Chiron GoRound TC";
    src: url("../fonts/Chiron_GoRound_TC/ChironGoRoundTC-VariableFont_wght.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* 覆蓋 Bootstrap 預設字體變數 */
:root {
    --bs-body-font-family: "Chiron GoRound TC", "Microsoft JhengHei", Arial, sans-serif;
    --bs-font-sans-serif: "Chiron GoRound TC", "Microsoft JhengHei", Arial, sans-serif;
    --bs-btn-font-family: "Chiron GoRound TC", "Microsoft JhengHei", Arial, sans-serif;
    /* 補給後台按鈕使用 */ 

    --color-green: #8CB369;
    --color-yellow: #F4E285;
    --color-brown: #4C2E05;
    --color-bluegray: #3A445D;

    --color-bg: #fbfaf2;
    --color-section-bg: #f5f7ed;
    --color-white: #ffffff;
    --color-text: #3A445D;
    --color-muted: #5f665f;
    --color-border: rgba(140, 179, 105, 0.28);

    --shadow-soft: 0 8px 22px rgba(76, 46, 5, 0.08);
    --shadow-medium: 0 12px 30px rgba(76, 46, 5, 0.12);

}

/* 全站強制套用 */
html,
body {
    font-family: "Chiron GoRound TC", "Microsoft JhengHei", Arial, sans-serif !important;
}

/* 常見元素一起套用 */
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
label,
div,
button,
input,
select,
textarea,
.btn,
.form-control,
.form-select,
.navbar,
.nav-link,
.navbar-brand {
    font-family: "Chiron GoRound TC", "Microsoft JhengHei", Arial, sans-serif !important;
}

[v-cloak] {
    display: none;
}

.page-loading {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 95% 8%, rgba(246, 215, 122, 0.10), transparent 26%),
        linear-gradient(135deg, #f7fbfc 0%, #f9fcfb 50%, #eef8fb 100%);
}

.loading-card {
    width: min(360px, 90%);
    padding: 34px 28px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(47, 111, 146, 0.16);
    box-shadow: 0 12px 30px rgba(74, 144, 184, 0.14);
    text-align: center;
}

.loading-title {
    font-size: 20px;
    font-weight: 900;
    color: #3A445D;
    margin-bottom: 6px;
}

.loading-text {
    font-size: 14px;
    color: #6c757d;
}
/* =========================
   全站統一按鈕樣式
========================= */

.btn {
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.3px;
    transition: all 0.2s ease;
}

/* 主要操作：新增、儲存、送出 */
.btn-main,
.btn-primary-action {
    background: var(--color-accent) !important;
    border: 1px solid var(--color-accent-dark) !important;
    color: var(--color-text) !important;
    box-shadow: 0 4px 12px rgba(246, 215, 122, 0.35);
}

.btn-main:hover,
.btn-primary-action:hover {
    background: var(--color-accent-dark) !important;
    border-color: var(--color-accent-dark) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(246, 215, 122, 0.45);
}

/* 次要操作：回首頁、返回、取消 */
.btn-secondary-action {
    background: #ffffff !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-primary) !important;
    box-shadow: 0 4px 12px rgba(74, 144, 184, 0.10);
}

.btn-secondary-action:hover {
    background: var(--color-section-bg) !important;
    border-color: #9cc9dc !important;
    color: var(--color-primary) !important;
    transform: translateY(-1px);
}

/* 查看、預覽、檢視檔案 */
/* 查看、預覽、重新載入 */
.btn-view {
    background-color: #4a90b8 !important;
    border-color: #4a90b8 !important;
    color: #ffffff !important;
    border-radius: 999px;
    font-weight: 700;
    padding: 7px 16px;
    box-shadow: 0 4px 12px rgba(74, 144, 184, 0.28);
}

.btn-view i,
.btn-view span {
    color: #ffffff !important;
}

.btn-view:hover {
    background-color: #2f6f92 !important;
    border-color: #2f6f92 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(47, 111, 146, 0.35);
}

.btn-view:hover i,
.btn-view:hover span {
    color: #ffffff !important;
}

/* 編輯、修改、改密碼 */
.btn-edit {
    background: #fff7da !important;
    border: 1px solid var(--color-accent-dark) !important;
    color: #8a6400 !important;
    box-shadow: 0 4px 12px rgba(246, 215, 122, 0.22);
}

.btn-edit:hover {
    background: var(--color-accent) !important;
    border-color: var(--color-accent-dark) !important;
    color: var(--color-text) !important;
    transform: translateY(-1px);
}

/* 刪除、停用、登出 */
.btn-danger-soft {
    background: #fff1f1 !important;
    border: 1px solid #e0a0a0 !important;
    color: #b34a4a !important;
    box-shadow: 0 4px 12px rgba(179, 74, 74, 0.10);
}

.btn-danger-soft:hover {
    background: #b34a4a !important;
    border-color: #b34a4a !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* 小按鈕統一 */
.btn-sm {
    padding: 6px 14px;
    font-size: 13px;
}

/* 表格內按鈕排列 */
.member-action-buttons,
.table-action-buttons {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    align-items: center;
}

.member-action-buttons .btn,
.table-action-buttons .btn {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .member-action-buttons,
    .table-action-buttons {
        flex-wrap: wrap;
    }
}