/* Overrides the Ra-admin theme's default teal palette with the faculty's brand colors.
   Load this AFTER style.css/responsive.css/bootstrap.min.css so the cascade wins.

   Bootstrap 5.3's per-component variables (e.g. .btn-primary's --bs-btn-bg) are compiled
   from Sass with the color baked in as a literal hex value, not a live reference to
   --bs-primary — so overriding --bs-primary alone does nothing to buttons/links/badges.
   The utility classes below are overridden directly instead. */

:root {
  --primary: 72, 190, 206;   /* #48BECE */
  --secondary: 16, 185, 129; /* #10B981 */
  --success: 16, 185, 129;   /* #10B981 */
  --warning: 245, 158, 11;   /* #F59E0B */
  --danger: 239, 68, 68;     /* #EF4444 */
  --bs-primary: #48BECE;
  --bs-primary-rgb: 72, 190, 206;
  --bs-secondary: #10B981;
  --bs-secondary-rgb: 16, 185, 129;
  --bs-success: #10B981;
  --bs-success-rgb: 16, 185, 129;
  --bs-warning: #F59E0B;
  --bs-warning-rgb: 245, 158, 11;
  --bs-danger: #EF4444;
  --bs-danger-rgb: 239, 68, 68;
  --bs-link-color: #48BECE;
  --bs-link-hover-color: #3A98A5;
}

.btn-primary {
  --bs-btn-bg: #48BECE;
  --bs-btn-border-color: #48BECE;
  --bs-btn-hover-bg: #3A98A5;
  --bs-btn-hover-border-color: #3A98A5;
  --bs-btn-active-bg: #3A98A5;
  --bs-btn-active-border-color: #3A98A5;
  --bs-btn-disabled-bg: #48BECE;
  --bs-btn-disabled-border-color: #48BECE;
}
.btn-secondary {
  --bs-btn-bg: #10B981;
  --bs-btn-border-color: #10B981;
  --bs-btn-hover-bg: #0e9e6f;
  --bs-btn-hover-border-color: #0e9e6f;
  --bs-btn-active-bg: #0e9e6f;
  --bs-btn-active-border-color: #0e9e6f;
  --bs-btn-disabled-bg: #10B981;
  --bs-btn-disabled-border-color: #10B981;
}
.btn-outline-primary {
  --bs-btn-color: #48BECE;
  --bs-btn-border-color: #48BECE;
  --bs-btn-hover-bg: #48BECE;
  --bs-btn-hover-border-color: #48BECE;
  --bs-btn-active-bg: #48BECE;
  --bs-btn-active-border-color: #48BECE;
}
.text-primary { color: #48BECE !important; }
.text-secondary { color: #10B981 !important; }
.text-success { color: #10B981 !important; }
.text-warning { color: #F59E0B !important; }
.text-danger { color: #EF4444 !important; }
.bg-primary { background-color: #48BECE !important; }
.bg-secondary { background-color: #10B981 !important; }
.bg-success { background-color: #10B981 !important; }
.bg-warning { background-color: #F59E0B !important; }
.bg-danger { background-color: #EF4444 !important; }
.link-primary { color: #48BECE !important; }
.link-primary:hover { color: #3A98A5 !important; }
.badge.text-bg-success { background-color: #10B981 !important; }
.badge.text-bg-danger { background-color: #EF4444 !important; }
.badge.text-bg-warning { background-color: #F59E0B !important; color: #1F2937 !important; }
.form-check-input:checked {
  background-color: #48BECE !important;
  border-color: #48BECE !important;
}

/* Sidebar background — soft pastel tint of the brand teal instead of the theme's
   plain white, kept light enough that the existing dark menu-text stays readable. */
nav {
  background-color: #EAF6F7;
}

/* "ด้าน..." section headers — solid teal pill instead of the theme's plain light-gray
   one, matching the look the collapsible group toggles had when expanded. A darker
   shade than the base brand teal, since white text on the lighter #48BECE reads as
   low-contrast/washed-out. */
nav .app-nav .menu-title span {
  color: #fff !important;
  background-color: #3A98A5 !important;
}

/* The theme always appends a collapse-chevron glyph after every top-level sidebar
   link (::after, meant for the old expand/collapse arrows) — with items no longer
   collapsible, that glyph has nothing to indicate and just shows as a stray box. */
#sidebarNavList > li:not(.menu-title) > a::after {
  content: none !important;
}