/* =========================================================================
 *  rbnd-brand.css — Màu thương hiệu (xanh lá của logo) + trang pháp lý
 * =========================================================================
 *
 *  Nạp SAU bootstrap.min.css và rbnd-app.css (templates/layout/index.php, bare.php).
 *  Màu chính lấy từ logo (assets/images/logo-web.png): #0a603d.
 *
 *    --brand         #0a603d   nền nút, liên kết, viền nhấn
 *    --brand-hover   #084d31   di chuột
 *    --brand-active  #073f28   đang nhấn
 *    --brand-soft    #e6f4ec   nền nhạt (nhãn, dòng đang chọn)
 *    --brand-ring    rgba(10, 96, 61, .25)   viền focus
 *
 *  Chữ trắng trên #0a603d đạt tương phản ~7,7:1 (đạt AA/AAA).
 *  Bootstrap 5.3 đọc màu qua biến --bs-*, nên chỉ cần ghi đè biến ở đây, không sửa file vendor.
 * ====================================================================== */

:root {
    --brand: #0a603d;
    --brand-hover: #084d31;
    --brand-active: #073f28;
    --brand-soft: #e6f4ec;
    --brand-ring: rgba(10, 96, 61, .25);

    --bs-primary: #0a603d;
    --bs-primary-rgb: 10, 96, 61;
    --bs-link-color: #0a603d;
    --bs-link-color-rgb: 10, 96, 61;
    --bs-link-hover-color: #084d31;
    --bs-link-hover-color-rgb: 8, 77, 49;
    --bs-primary-bg-subtle: #e6f4ec;
    --bs-primary-border-subtle: #c4e3d1;
    --bs-primary-text-emphasis: #063d27;
}

/* ---------- Nút ---------- */
.btn-primary {
    --bs-btn-bg: #0a603d;
    --bs-btn-border-color: #0a603d;
    --bs-btn-hover-bg: #084d31;
    --bs-btn-hover-border-color: #073f28;
    --bs-btn-focus-shadow-rgb: 10, 96, 61;
    --bs-btn-active-bg: #073f28;
    --bs-btn-active-border-color: #063620;
    --bs-btn-disabled-bg: #0a603d;
    --bs-btn-disabled-border-color: #0a603d;
}

.btn-outline-primary {
    --bs-btn-color: #0a603d;
    --bs-btn-border-color: #0a603d;
    --bs-btn-hover-bg: #0a603d;
    --bs-btn-hover-border-color: #0a603d;
    --bs-btn-focus-shadow-rgb: 10, 96, 61;
    --bs-btn-active-bg: #0a603d;
    --bs-btn-active-border-color: #0a603d;
    --bs-btn-disabled-color: #0a603d;
    --bs-btn-disabled-border-color: #0a603d;
}

.btn-link { --bs-btn-color: #0a603d; --bs-btn-hover-color: #084d31; }

/* ---------- Tiện ích Bootstrap ---------- */
.bg-primary     { background-color: #0a603d !important; }
.text-primary   { color: #0a603d !important; }
.border-primary { border-color: #0a603d !important; }
.badge.bg-primary { background-color: #0a603d !important; }

/* ---------- Ô nhập, chọn, chuyển ---------- */
.form-control:focus,
.form-select:focus {
    border-color: #7cc3a0;
    box-shadow: 0 0 0 .25rem rgba(10, 96, 61, .25);
}
.form-check-input:checked {
    background-color: #0a603d;
    border-color: #0a603d;
}
.form-check-input:focus {
    border-color: #7cc3a0;
    box-shadow: 0 0 0 .25rem rgba(10, 96, 61, .25);
}
.form-range::-webkit-slider-thumb { background-color: #0a603d; }
.form-range::-moz-range-thumb { background-color: #0a603d; }

/* ---------- Phân trang, tab, menu, thanh tiến độ ---------- */
.page-link { color: #0a603d; }
.page-link:hover { color: #084d31; }
.page-link:focus { box-shadow: 0 0 0 .25rem rgba(10, 96, 61, .25); }
.page-item.active .page-link { background-color: #0a603d; border-color: #0a603d; color: #fff; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.dropdown-item.active,
.dropdown-item:active,
.list-group-item.active { background-color: #0a603d; border-color: #0a603d; color: #fff; }
.progress-bar { background-color: #0a603d; }

/* ---------- Form đăng ký: dòng đồng ý điều khoản ---------- */
.auth-terms {
    margin: 12px 0 0;
    font-size: .8125rem;
    line-height: 1.5;
    color: #6c757d;
    text-align: center;
}
.auth-terms a { color: #0a603d; }

/* =========================================================================
 *  Trang pháp lý: /dieu-khoan-su-dung, /chinh-sach-bao-mat
 * ====================================================================== */
.legal-page { max-width: 860px; padding-top: 24px; padding-bottom: 48px; }
.legal-page h1 { font-size: 1.75rem; margin-bottom: 6px; }
.legal-meta { color: #6c757d; font-size: .875rem; margin-bottom: 20px; }
.legal-toc {
    background: #f0f8f4;
    border: 1px solid #d2eadb;
    border-radius: 10px;
    padding: 14px 20px;
    margin-bottom: 28px;
}
.legal-toc ol { margin: 0; padding-left: 1.25rem; columns: 2; column-gap: 32px; }
.legal-toc li { break-inside: avoid; padding: 2px 0; font-size: .9rem; }
.legal-toc a { color: #0a603d; text-decoration: none; }
.legal-toc a:hover { text-decoration: underline; }
.legal-page section { margin-bottom: 26px; scroll-margin-top: 90px; }
.legal-page h2 { font-size: 1.2rem; margin: 0 0 10px; color: #063d27; }
.legal-page p, .legal-page li { line-height: 1.7; }
.legal-page ul { padding-left: 1.25rem; }
.legal-page li { margin-bottom: 6px; }
.legal-page a { color: #0a603d; }
.legal-contact { list-style: none; padding-left: 0 !important; }
.legal-contact li { margin-bottom: 3px; }

@media (max-width: 767px) {
    .legal-page h1 { font-size: 1.4rem; }
    .legal-toc ol { columns: 1; }
}