/*
 * Rentek brand override for the DashLite admin theme.
 * Loaded after dashlite.css/theme.css so it wins the cascade without
 * editing the vendor framework file directly - keeps future DashLite
 * updates easy to reapply.
 *
 * dashlite.css defines --bs-primary as a CSS variable (used by
 * .text-primary/.bg-primary and similar utility classes), but several
 * high-visibility interactive components compile it as literal hex
 * instead - those need explicit overrides below.
 */

:root {
  --bs-primary: #F47826;
  --bs-primary-rgb: 244, 120, 38;
  --bs-body-font-family: 'Manrope', system-ui, sans-serif;
  --bs-body-bg: #FAF8F4;
}

body {
  background-color: #FAF8F4;
}

.nk-header {
  background: #FAF8F4;
  border-bottom-color: rgba(9, 38, 68, 0.08);
}

.card {
  background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6,
.nk-block-title, .card-title, .title,
.nk-sidebar-brand, .logo-text {
  font-family: 'Sora', system-ui, sans-serif;
}

/* Links */
a {
  color: #F47826;
}
a:hover {
  color: #d9631a;
}

/* Primary buttons */
.btn-primary {
  background-color: #F47826;
  border-color: #F47826;
}
.btn-primary:hover {
  background-color: #d9631a;
  border-color: #c25717;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  background-color: #d9631a;
  border-color: #c25717;
  box-shadow: 0 0 0 0.25rem rgba(244, 120, 38, 0.5);
}
.btn-primary:disabled,
.btn-primary.disabled {
  background-color: #F47826;
  border-color: #F47826;
}

.btn-outline-primary {
  color: #F47826;
  border-color: #F47826;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #F47826;
  border-color: #F47826;
}

/* Sidebar navigation default text color (light sidebar only - is-dark/
   is-theme sidebar variants keep their own light text for contrast
   against a navy background, defined in the skin file) */
.nk-menu-link {
  color: #092644;
}

/* Sidebar navigation active/hover state */
.nk-menu-link:hover,
.active > .nk-menu-link {
  color: #F47826;
}
.nk-menu-link:hover .count,
.active > .nk-menu-link .count {
  color: #F47826;
}
.nk-menu-link:hover .nk-menu-icon,
.nk-menu-item.active > .nk-menu-link .nk-menu-icon,
.nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon {
  color: #F47826;
}

/* Light "dim" tint used for selected/highlighted rows (e.g. dual-listbox) */
.text-primary-dim {
  color: #fde3d0 !important;
}
.bg-primary-dim,
.dual-listbox .dual-listbox__item:active,
.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
  background-color: #fde3d0 !important;
}