/* Tiêu đề Cassiopeia luôn xanh navy */
.navbar-brand a,
.brand-logo {
    color: #001B4C !important;   /* xanh navy */
    font-weight: bold;
    font-size: 28px;
    text-decoration: none;
}

/* Khi hover cũng giữ nguyên màu xanh navy */
.navbar-brand a:hover,
.brand-logo:hover {
    color: #001B4C !important;
}
/* Đổi nền header sang xám đậm */
.header.container-header {
    background-color: #4d4d4d !important;
    color: #fff !important;
}

/* Chữ Cassiopeia giữ màu trắng */
.header .navbar-brand a,
.header .navbar-brand {
    color: #ffffff !important;
}

body {
    background-color: #e0e0e0 !important; /* bạn có thể đổi sang #d9d9d9 hoặc #ccc nếu muốn nhạt hơn */
}

/* Xóa nền trắng mặc định của các container */
.container-component,
.container-banner,
.container-top-a,
.container-top-b,
.container-bottom-a,
.container-bottom-b,
.container-footer,
.grid-child,
.wrapper-static,
.wrapper-fluid {
    background-color: transparent !important;
    box-shadow: none !important; /* bỏ viền đổ bóng nếu có */
    border: none !important;
}
:root{
  --template-bg-light: #ffffff !important;   /* xám đậm */
  --template-text-dark: #eaeaea !important;  /* chữ trên nền tối */
}

/* Đảm bảo các khối lấy theo biến */
.site-grid,
.container-component,
.container-top-a,
.container-top-b,
.container-bottom-a,
.container-bottom-b,
.container-sidebar-left,
.container-sidebar-right,
.container-footer,
.grid-child {
  background: var(--template-bg-light) !important;
}

/* Nếu các module dạng card vẫn trắng, ép nền & bỏ viền/đổ bóng */
.card, .mod-card {
  background: var(--template-bg-light) !important;
  border: none !important;
  box-shadow: none !important;
}
body, 
.site-grid,
.container-component,
.container-top-a,
.container-top-b,
.container-bottom-a,
.container-bottom-b,
.container-sidebar-left,
.container-sidebar-right,
.container-footer,
.grid-child {
  background-color: #4d4d4d !important;  /* xám đậm */
  color: #f1f1f1 !important;             /* chữ sáng để dễ đọc */
}

/* Sửa các card/module để đồng bộ nền */
.card, .mod-card, .moduletable {
  background-color: #4d4d4d !important;
  border: none !important;
  box-shadow: none !important;
  color: #f1f1f1 !important;
}

/* Tiêu đề module hoặc heading */
h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important;
}

/* Breadcrumbs nếu có */
.breadcrumb {
  background: transparent !important;
  color: #eaeaea !important;
}
.navbar-brand {
    display: flex;
    justify-content: center;  /* Căn giữa ngang */
    align-items: center;      /* Căn giữa dọc */
    width: 100%;              /* Cho chiếm toàn bộ chiều ngang */
    text-align: center;       /* Căn giữa text */
}

.navbar-brand a {
    margin: 0 auto;
    font-weight: bold;
    color: #ffffff; /* chỉnh màu nếu cần */
    text-decoration: none;
}
/* Đổi màu link toàn site (Cassiopeia dùng CSS variables) */
:root{
  --link-color: #f5c518;        /* vàng chính */
  --link-hover-color: #ffd95e;  /* vàng khi hover */
}

/* Phòng khi có chỗ không dùng biến */
a { color: var(--link-color) !important; }
a:hover, a:focus { color: var(--link-hover-color) !important; }
html { scroll-behavior: auto; }
html, body { overflow-x: hidden; }