/**
 * assets/css/theme-custom.css
 * Auto-generated by School Admin Theme Settings
 * Generated At: 2026-09-17 19:38:25
 */

@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');

:root {
  /* --- Primary Identity Color --- */
  --nhw-primary: #ef6c00 !important;
  --nhw-primary-hover: #d85d00 !important;
  --nhw-primary-rgb: 239, 108, 0 !important;
  --nhw-primary-light: rgba(239, 108, 0, 0.12) !important;

  /* --- Secondary Identity Color --- */
  --nhw-secondary: #1a237e !important;
  --nhw-secondary-hover: #121858 !important;
  --nhw-secondary-rgb: 26, 35, 126 !important;
  --nhw-secondary-light: rgba(26, 35, 126, 0.08) !important;

  /* --- Typography & Border Radius --- */
  --nhw-font-main: 'Kanit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  --nhw-radius-md: 12px !important;
}

body, h1, h2, h3, h4, h5, h6, .btn, .nav-link, input, select, textarea {
  font-family: var(--nhw-font-main) !important;
}

/* --- Bootstrap Primary Color Overrides --- */
.btn-primary, 
.btn-primary:active, 
.btn-primary:focus {
  background-color: var(--nhw-primary) !important;
  border-color: var(--nhw-primary) !important;
}
.btn-primary:hover {
  background-color: var(--nhw-primary-hover) !important;
  border-color: var(--nhw-primary-hover) !important;
}

.btn-outline-primary {
  color: var(--nhw-primary) !important;
  border-color: var(--nhw-primary) !important;
}
.btn-outline-primary:hover {
  background-color: var(--nhw-primary) !important;
  border-color: var(--nhw-primary) !important;
  color: #ffffff !important;
}

.text-primary, a.text-primary {
  color: var(--nhw-primary) !important;
}

.badge-primary, .bg-primary {
  background-color: var(--nhw-primary) !important;
}

/* --- Secondary Color Overrides --- */
.bg-secondary, .badge-secondary {
  background-color: var(--nhw-secondary) !important;
}

/* --- Card & Shape Styles --- */
.card, .nhw-card {
  border-radius: var(--nhw-radius-md);
}

/* --- Public Header & Navigation Link Highlights --- */
.navbar a:hover, 
.navbar .active, 
.navbar .active:focus, 
.navbar li:hover > a,
.navbar .dropdown ul a:hover, 
.navbar .dropdown ul .active:hover, 
.navbar .dropdown ul li:hover > a {
  color: var(--nhw-primary) !important;
}

.get-started-btn, .back-to-top {
  background-color: var(--nhw-primary) !important;
  border-color: var(--nhw-primary) !important;
}
.get-started-btn:hover, .back-to-top:hover {
  background-color: var(--nhw-primary-hover) !important;
  border-color: var(--nhw-primary-hover) !important;
}

/* --- Form Focus & Pagination --- */
.pagination .page-item.active .page-link {
  background-color: var(--nhw-primary) !important;
  border-color: var(--nhw-primary) !important;
}
.form-control:focus, .form-select:focus {
  border-color: var(--nhw-primary) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--nhw-primary-rgb), 0.25) !important;
}