/**
 * Saout (صوت) visual identity — navy blue from official logo.
 */
:root {
  --saout-primary: #1a3d7c;
  --saout-primary-hover: #152e5f;
  --saout-primary-light: #2e5fa8;
  --saout-primary-dark: #0f2847;
  --saout-accent: #00acc1;
  --saout-heading: #2e5fa8;
}

/* Front portal (overrides Tharawat maroon utilities) */
.color-primary {
  color: var(--saout-primary) !important;
}

.color-secondary {
  color: var(--saout-primary-light) !important;
}

.page-wrapper .navbar-nav .active > .nav-link,
.page-wrapper .navbar-nav .nav-link {
  color: var(--saout-primary) !important;
}

.text-primary {
  color: var(--saout-primary) !important;
}

.bg-primary,
.btn-primary,
button.bg-primary {
  background-color: var(--saout-primary) !important;
  border-color: var(--saout-primary) !important;
  color: #fff !important;
}

.bg-primary:hover,
.bg-primary:focus,
.bg-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
button.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:active {
  background-color: var(--saout-primary-hover) !important;
  border-color: var(--saout-primary-hover) !important;
}

.btn-outline-primary {
  color: var(--saout-primary) !important;
  border-color: var(--saout-primary) !important;
}

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

.nav-tabs .nav-link.active {
  background-color: var(--saout-primary) !important;
  color: #fff !important;
}

.nav-tabs .nav-link {
  color: var(--saout-primary) !important;
}

/* Admin theme (Frest primary → Saout navy) */
.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-light .navigation > li ul .active > a {
  box-shadow: inset 3px 0 0 0 var(--saout-primary) !important;
}

.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-light .navigation > li.active > a i {
  color: var(--saout-primary) !important;
}

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

.border-primary {
  border-color: var(--saout-primary) !important;
}

a {
  color: var(--saout-primary-light);
}

a:hover {
  color: var(--saout-primary);
}