/* Tông màu trang công — Admin/Lãnh đạo chọn; mặc định xanh lam–trắng */
:root,
html[data-site-theme="blue"] {
  --site-nav: #1d4ed8;
  --site-nav-hover: #1e40af;
  --site-brand: #2563eb;
  --site-brand-deep: #1e3a8a;
  --site-title: #0c4a6e;
  --site-accent: #2563eb;
  --site-header-from: #ffffff;
  --site-header-mid: #eff6ff;
  --site-header-to: #dbeafe;
  --site-shadow: #1e40af;
  --site-section-from: #3b82f6;
  --site-section-to: #1d4ed8;
  --site-section-deep: #1e3a8a;
  --site-section-soft-from: #eff6ff;
  --site-section-soft-to: #ffffff;
  --site-section-border: #bfdbfe;
  --site-section-tint: #eff6ff;
  --site-section-tint-strong: #dbeafe;
  --site-section-glow: rgba(37, 99, 235, 0.35);
  --site-section-border-soft: rgba(37, 99, 235, 0.18);
  /* Alias StyleSheet / BLV / văn bản */
  --red: #1d4ed8;
  --red-dark: #1e40af;
  --sd-accent: #2563eb;
  --sd-accent-dark: #1e3a8a;
  --blv-red: #2563eb;
  --blv-red-deep: #1e3a8a;
  --blv-line: rgba(37, 99, 235, 0.14);
}

html[data-site-theme="teal"] {
  --site-nav: #0f766e;
  --site-nav-hover: #115e59;
  --site-brand: #0d9488;
  --site-brand-deep: #134e4a;
  --site-title: #115e59;
  --site-accent: #0d9488;
  --site-header-from: #ffffff;
  --site-header-mid: #f0fdfa;
  --site-header-to: #ccfbf1;
  --site-shadow: #0f766e;
  --site-section-from: #14b8a6;
  --site-section-to: #0f766e;
  --site-section-deep: #134e4a;
  --site-section-soft-from: #f0fdfa;
  --site-section-soft-to: #ffffff;
  --site-section-border: #99f6e4;
  --site-section-tint: #f0fdfa;
  --site-section-tint-strong: #ccfbf1;
  --site-section-glow: rgba(13, 148, 136, 0.35);
  --site-section-border-soft: rgba(13, 148, 136, 0.18);
  --red: #0f766e;
  --red-dark: #115e59;
  --sd-accent: #0d9488;
  --sd-accent-dark: #134e4a;
  --blv-red: #0d9488;
  --blv-red-deep: #134e4a;
  --blv-line: rgba(13, 148, 136, 0.14);
}

html[data-site-theme="red"] {
  --site-nav: #dc3545;
  --site-nav-hover: #a00000;
  --site-brand: #ff1801;
  --site-brand-deep: #b51000;
  --site-title: #7f1d1d;
  --site-accent: #dc2626;
  --site-header-from: #ffffff;
  --site-header-mid: #fff5f7;
  --site-header-to: #ffe6eb;
  --site-shadow: #b51000;
  --site-section-from: #e11d2f;
  --site-section-to: #c8101f;
  --site-section-deep: #9f1239;
  --site-section-soft-from: #fff7f9;
  --site-section-soft-to: #ffffff;
  --site-section-border: #f1d5db;
  --site-section-tint: #fff5f5;
  --site-section-tint-strong: #ffe6eb;
  --site-section-glow: rgba(185, 28, 28, 0.35);
  --site-section-border-soft: rgba(220, 53, 69, 0.18);
  --red: #b30000;
  --red-dark: #8f0000;
  --sd-accent: #b91c1c;
  --sd-accent-dark: #9f1239;
  --blv-red: #b91c1c;
  --blv-red-deep: #9f1239;
  --blv-line: rgba(185, 28, 28, 0.14);
}

/* —— Header / menu / brand —— */
header {
  background: linear-gradient(90deg, var(--site-header-from), var(--site-header-mid), var(--site-header-to)) !important;
  background-size: 400% 400% !important;
}

.MultiFunctionControl .banner .info {
  color: var(--site-title) !important;
}

.MultiFunctionControl .banner .info2,
header .info2 {
  color: var(--site-brand) !important;
  text-shadow:
    1px 1px 1px var(--site-shadow),
    1px 2px 1px #a1a1a1,
    1px 2px 1px #e9e9e9,
    1px 4px 1px #b9b9b9,
    1px 7px 2px rgb(166 166 166 / 20%),
    1px 11px 10px rgb(153 153 153 / 20%),
    1px 15px 10px rgb(189 189 189 / 40%) !important;
}

.MultiFunctionControl .banner .info2:hover {
  color: #fff !important;
  text-shadow: 0 0 10px var(--site-brand), 0 0 20px var(--site-accent) !important;
}

nav.main-menu.navbar,
nav.main-menu.bg-danger,
.card-header.bg-danger,
.bg-danger:not(.btn) {
  background-color: var(--site-nav) !important;
  background-image: none !important;
}

.main-menu .nav-link:hover,
.main-menu .nav-link:focus,
.main-menu .nav-link.show,
.navbar .nav-link:hover {
  background-color: var(--site-nav-hover) !important;
}

.main-menu .dropdown-item:hover,
.main-menu .dropdown-item:focus {
  color: var(--site-brand-deep) !important;
}

.main-menu .text-danger,
.dropdown-menu .text-danger,
.fa-caret-right.text-danger {
  color: var(--site-accent) !important;
}

/* —— Tiêu đề nhóm / tab mục tin (nền + chữ theo tông) —— */
.group-tabs-wrap .nav-pills .nav-link.parent-tab {
  color: var(--site-section-deep) !important;
  border-color: var(--site-section-border) !important;
  background: linear-gradient(180deg, var(--site-section-soft-from) 0%, var(--site-section-soft-to) 100%) !important;
  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--site-section-deep) 12%, transparent) !important;
}

.group-tabs-wrap .nav-pills .nav-link.active {
  color: var(--site-accent) !important;
  border-bottom-color: var(--site-accent) !important;
}

.group-tabs-wrap .nav-pills .nav-link.parent-tab.active,
.group-tabs-wrap.single-title-tabs .nav-pills .nav-link.parent-tab,
.group-tabs-wrap.single-title-tabs span.nav-link.parent-tab,
.group-tabs-wrap.nhom6-section-head .nav-pills .nav-link.parent-tab {
  color: #fff !important;
  border-color: var(--site-section-to) !important;
  border-bottom-color: var(--site-section-to) !important;
  background: linear-gradient(180deg, var(--site-section-from) 0%, var(--site-section-to) 100%) !important;
  filter: drop-shadow(0 6px 10px var(--site-section-glow)) drop-shadow(0 2px 4px rgba(16, 24, 40, 0.12));
  box-shadow: none !important;
}

.group-tabs-wrap .nav-pills .nav-link:hover:not(.active):not(.parent-tab) {
  background: var(--site-section-tint) !important;
}

.group-tabs-wrap .nav-tabs {
  border-bottom-color: var(--site-accent) !important;
}

.group-tabs-wrap .nav-tabs .nav-link.active {
  color: #fff !important;
  background: var(--site-accent) !important;
}

.group-tabs-wrap .nav-tabs .nav-link:hover:not(.active) {
  color: var(--site-accent) !important;
  background: var(--site-section-tint) !important;
}

/* Nhóm chuyên đề (HomeGroup=2) — cột nền bên trái */
.nhom5-wrap .nhom5-side {
  background: linear-gradient(165deg, var(--site-section-from) 0%, var(--site-section-to) 55%, var(--site-section-deep) 100%) !important;
}

.nhom5-wrap .nhom5-side a:hover {
  color: var(--site-section-tint-strong) !important;
}

.nhom5-wrap .nhom5-mini-card:hover {
  border-color: var(--site-section-border-soft) !important;
}

/* Tiêu đề trang danh sách / chi tiết */
.mttq-home-section-title {
  color: var(--site-accent) !important;
  border-left-color: var(--site-accent) !important;
}

.custom-header {
  border-bottom-color: var(--site-accent) !important;
  color: var(--site-accent) !important;
}

/* Cột phải & viền card */
.portal-sidebar .portal-sidebar-card,
.portal-sidebar-top .portal-sidebar-card {
  border-color: var(--site-section-border-soft) !important;
}

.portal-sidebar-bundled .portal-sidebar-bundle-section + .portal-sidebar-bundle-section {
  border-top-color: var(--site-section-border-soft) !important;
}

.portal-bando-banner {
  background: linear-gradient(145deg, var(--site-section-deep) 0%, var(--site-section-to) 40%, var(--site-accent) 100%) !important;
  box-shadow: 0 4px 16px var(--site-section-glow) !important;
}

.portal-bando-banner:hover,
.portal-bando-banner:focus-visible {
  box-shadow: 0 8px 22px var(--site-section-glow) !important;
}

/* Chữ / link tiêu đề tin */
.box-title,
.box-title a,
.news-title-link,
.category-title,
.home-cat-title,
.nhom-title,
.title-news,
.tin-tieu-de a {
  color: var(--site-title);
}

a:hover .tin-tieu-de,
.news-item a:hover,
.featured-list-title:hover {
  color: var(--site-accent) !important;
}

.mttq-leader-card img,
.leader-card img {
  border-color: var(--site-accent) !important;
}

/* Thanh tiêu đề khối Thường trực (trang chủ + /lanh-dao) */
.leader-title {
  background: linear-gradient(180deg, var(--site-section-from) 0%, var(--site-section-to) 100%) !important;
  color: #fff !important;
  box-shadow: 0 6px 10px var(--site-section-glow);
}

/* Chi tiết tin / nút công */
.news-detail .news-title,
.article-title,
.btn-outline-danger {
  --bs-btn-color: var(--site-accent);
  --bs-btn-border-color: var(--site-accent);
  --bs-btn-hover-bg: var(--site-accent);
  --bs-btn-hover-border-color: var(--site-accent);
  --bs-btn-active-bg: var(--site-nav-hover);
  --bs-btn-active-border-color: var(--site-nav-hover);
}

.btn-danger {
  --bs-btn-bg: var(--site-accent);
  --bs-btn-border-color: var(--site-accent);
  --bs-btn-hover-bg: var(--site-nav-hover);
  --bs-btn-hover-border-color: var(--site-nav-hover);
  --bs-btn-active-bg: var(--site-section-deep);
  --bs-btn-active-border-color: var(--site-section-deep);
}

.text-danger {
  color: var(--site-accent) !important;
}

#backtotop {
  background: var(--site-accent) !important;
}

#backtotop:hover {
  background: var(--site-nav-hover) !important;
  box-shadow: 0 0 15px var(--site-section-glow) !important;
}

.mttq-home-fab {
  background: var(--site-accent) !important;
}

.mttq-home-fab:hover {
  background: var(--site-nav-hover) !important;
  box-shadow: 0 0 15px var(--site-section-glow) !important;
}

.mttq-home-fab:focus-visible {
  outline-color: var(--site-accent) !important;
}

.footer,
.footer .portal-footer-copy strong,
.footer .portal-footer-title {
  border-color: var(--site-nav);
}

.footer {
  background: linear-gradient(180deg, var(--site-nav) 0%, var(--site-nav-hover) 100%) !important;
  color: #fff !important;
}

.footer .portal-footer-copy a:hover,
.footer .portal-footer-copy a:focus-visible {
  color: #ffe8a3;
}

.stat-icon--total {
  background: var(--site-accent);
}

/* —— Văn bản (danh sách /van-ban) —— */
.search-document-page {
  --sd-accent: var(--site-accent);
  --sd-accent-dark: var(--site-section-deep);
}

.search-document-page .search-doc-filter {
  border-color: var(--site-section-border-soft) !important;
}

.search-document-page .search-doc-filter__head {
  background: linear-gradient(
    135deg,
    var(--site-section-deep) 0%,
    var(--site-section-to) 45%,
    var(--site-section-from) 100%
  ) !important;
}

.search-document-page .search-doc-filter__body .form-control:focus,
.search-document-page .search-doc-filter__body .form-select:focus {
  border-color: color-mix(in srgb, var(--site-accent) 45%, transparent) !important;
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--site-accent) 12%, transparent) !important;
}

.search-document-page .search-doc-actions .btn-danger,
.search-document-page .search-doc-btn-view {
  background: linear-gradient(180deg, var(--site-section-from) 0%, var(--site-section-to) 100%) !important;
  box-shadow: 0 4px 12px var(--site-section-glow) !important;
  border: none !important;
  color: #fff !important;
}

.search-document-page .search-doc-btn-view:hover {
  box-shadow: 0 4px 14px var(--site-section-glow) !important;
  color: #fff !important;
}

.search-document-page .search-doc-badge {
  background: color-mix(in srgb, var(--site-accent) 10%, transparent) !important;
  color: var(--site-section-deep) !important;
  border-color: color-mix(in srgb, var(--site-accent) 20%, transparent) !important;
}

.search-document-page .search-doc-table .btn-view-doc {
  border-color: color-mix(in srgb, var(--site-accent) 35%, transparent) !important;
  color: var(--site-accent) !important;
}

.search-document-page .search-doc-table .btn-view-doc:hover {
  background: linear-gradient(180deg, var(--site-section-from) 0%, var(--site-section-to) 100%) !important;
  color: #fff !important;
  border-color: transparent !important;
}

.search-document-page .search-doc-pager-edge:hover {
  color: var(--site-accent) !important;
  background: var(--site-section-tint) !important;
  box-shadow: 0 2px 8px var(--site-section-glow) !important;
}

.search-document-page a.search-doc-pager-num:hover {
  color: var(--site-accent) !important;
  border-color: color-mix(in srgb, var(--site-accent) 25%, transparent) !important;
}

.search-document-page .search-doc-pager-num--current {
  background: linear-gradient(180deg, var(--site-section-from) 0%, var(--site-section-to) 100%) !important;
  border-color: var(--site-section-to) !important;
  box-shadow: 0 4px 14px var(--site-section-glow) !important;
}

.search-document-page .search-doc-pager-meta__icon,
.search-document-page .search-doc-results__title i {
  color: var(--site-accent) !important;
}

/* —— BLV / form công (theo tông site) —— */
.blv-page {
  --blv-red: var(--site-accent);
  --blv-red-deep: var(--site-section-deep);
  --blv-line: var(--site-section-border-soft);
}

.blv-hero {
  background: linear-gradient(
    135deg,
    var(--site-section-deep) 0%,
    var(--site-section-to) 48%,
    var(--site-section-from) 100%
  ) !important;
  box-shadow: 0 10px 28px var(--site-section-glow) !important;
}

.blv-form-head {
  background: linear-gradient(
    135deg,
    var(--site-section-deep) 0%,
    var(--site-section-to) 50%,
    var(--site-section-from) 100%
  ) !important;
}

.blv-block__head {
  color: var(--site-section-deep) !important;
  border-bottom-color: var(--site-section-border) !important;
}

.blv-step {
  background: linear-gradient(160deg, var(--site-section-tint-strong), var(--site-section-tint)) !important;
  color: var(--site-accent) !important;
}

.blv-page .blv-input.form-control:focus,
.blv-page .blv-input.form-select:focus {
  border-color: color-mix(in srgb, var(--site-accent) 45%, transparent) !important;
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--site-accent) 12%, transparent) !important;
}

.blv-radio input:checked + label,
.blv-radio input:checked + label:hover {
  background: linear-gradient(
    145deg,
    var(--site-section-from) 0%,
    var(--site-section-to) 45%,
    var(--site-section-deep) 100%
  ) !important;
}

.blv-check input[type="checkbox"] {
  accent-color: var(--site-accent) !important;
}

.blv-btn-add {
  border-color: var(--site-accent) !important;
  color: var(--site-accent) !important;
}

.blv-btn-add:hover {
  color: var(--site-section-deep) !important;
  box-shadow: 0 8px 18px var(--site-section-glow) !important;
}

/* —— Overrides cứng còn sót (mttq-overrides / StyleSheet) —— */
.mttq-leader-card img {
  border-color: var(--site-accent) !important;
}

.group-tabs-wrap .nav-tabs {
  border-bottom-color: var(--site-accent) !important;
}

.group-tabs-wrap .nav-tabs .nav-link.active {
  background: var(--site-accent) !important;
}

.group-tabs-wrap .nav-tabs .nav-link:hover:not(.active) {
  color: var(--site-accent) !important;
  background: var(--site-section-tint) !important;
}

.mttq-carousel-btn:hover,
.mttq-carousel-btn:focus-visible {
  color: var(--site-accent) !important;
}

.MultiFunctionControl .banner .info2,
header .info2 {
  color: var(--site-brand) !important;
}