/* =========================================================================
   GOLF THEME OVERRIDE — Moses Golf Academic
   Nạp SAU style.min.css (xem _head.tpl) để đổi tông màu accent sang "sân golf"
   dựa theo logo: XANH LÁ golf chủ đạo + VÀNG gold accent (phụ: xanh dương, đỏ).
   File tách riêng, thuần additive — muốn trả về mặc định chỉ cần gỡ 1 dòng
   <link> trong _head.tpl. KHÔNG sửa style.min.css gốc.
   ========================================================================= */

:root {
  --golf-green:        #1c7a3d;  /* xanh lá golf (chủ đạo) */
  --golf-green-dark:   #145c2d;
  --golf-green-light:  #2ea04f;
  --golf-gold:         #c8a13a;  /* vàng gold logo (accent) */
  --golf-gold-dark:    #a9831f;
  --golf-blue:         #26408b;  /* xanh dương logo (phụ) */
  --golf-red:          #c8102e;  /* đỏ logo (phụ) */
  /* đổi biến gốc của theme sang xanh golf */
  --link-color:        #1c7a3d;
}

/* ---- Link accent ---- */
a { color: var(--golf-green-dark); }
a:hover { color: var(--golf-green); }

/* ---- Nút chính (Bootstrap .btn-primary) ---- */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--golf-green) !important;
  border-color: var(--golf-green) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
  background-color: var(--golf-green-dark) !important;
  border-color: var(--golf-green-dark) !important;
  box-shadow: 0 0 0 .2rem rgba(200, 161, 58, .45) !important; /* viền gold khi focus */
}
.btn-outline-primary {
  color: var(--golf-green) !important;
  border-color: var(--golf-green) !important;
}
.btn-outline-primary:hover {
  background-color: var(--golf-green) !important;
  border-color: var(--golf-green) !important;
  color: #fff !important;
}

/* ---- Gradient "primary" của theme (Argon) -> gradient xanh golf ---- */
.bg-gradient-primary,
.btn.bg-gradient-primary {
  background: linear-gradient(87deg, var(--golf-green) 0, var(--golf-green-light) 100%) !important;
}

/* ---- Chữ/màu nhấn dùng #5e72e4 gốc (nav active, icon, link phụ) -> xanh golf ---- */
.text-primary,
.color-primary,
.main-color {
  color: var(--golf-green) !important;
}
.main-btn,
.btn-main {
  background-color: var(--golf-green) !important;
  border-color: var(--golf-green) !important;
  color: #fff !important;
}
.main-btn:hover,
.btn-main:hover {
  background-color: var(--golf-green-dark) !important;
  border-color: var(--golf-green-dark) !important;
}

/* ---- Nav item / tab active của theme ---- */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--golf-green) !important;
}

/* ---- Badge/chip cashtag mã CK (nếu có) giữ vàng gold cho nổi ---- */
.stock-chip {
  background: rgba(200,161,58,.15) !important;
  border-color: var(--golf-gold) !important;
  color: var(--golf-gold-dark) !important;
}

/* ---- Dải header trên cùng (nếu dùng gradient primary) ---- */
.top-header.bg-gradient-primary,
.header.bg-gradient-primary {
  background: linear-gradient(87deg, var(--golf-green-dark) 0, var(--golf-green) 100%) !important;
}

/* ---- Link/hover xanh #5e72e4 cứng trong feed/menu ---- */
a.text-blue,
.js-color-primary {
  color: var(--golf-green) !important;
}

/* =========================================================================
   GIAO DIỆN BÊN TRONG — tông "sân golf"
   Chỉ đổi MÀU (không đụng layout/kích thước) nên KHÔNG ảnh hưởng tốc độ.
   Cố ý TRÁNH: background-image toàn trang, background-attachment:fixed,
   backdrop-filter — đây là các thứ gây giật khi cuộn.
   ========================================================================= */

/* Nền trang: xám #f0f2f5 -> xanh cỏ rất nhạt (card vẫn trắng nên chữ dễ đọc) */
:root {
  --body-bg-color: #eef4ec;
}

/* Icon hành động trong feed (react/comment/share...) + form tools */
.main-icon, .main-icon *, .x-form-tools,
body.night-mode .main-icon, body.night-mode .main-icon *, body.night-mode .x-form-tools {
  color: var(--golf-green) !important;
  fill: var(--golf-green) !important;
}

/* Nền/gradient utility */
.bg-primary { background: var(--golf-green) !important; color: #fff !important; }
.bg-gradient-blue {
  background: linear-gradient(87deg, var(--golf-green) 0, var(--golf-green-light) 100%) !important;
}

/* Nút viền — các trạng thái còn lại */
.btn-outline-primary.disabled, .btn-outline-primary:disabled,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: var(--golf-green) !important;
  border-color: var(--golf-green) !important;
  color: #fff !important;
}

/* Mục đang chọn ở menu: nền xanh golf nhạt (chữ đã xanh nhờ --link-color) */
.main-side-nav > li.active > a,
.side-nav > li.active > a {
  background-color: rgba(28, 122, 61, .10) !important;
}

/* Badge/counter "blue" -> xanh golf (giữ 'red' làm cảnh báo) */
.navbar-wrapper .counter.blue { background: var(--golf-green) !important; }
