/**
 * Brisk brand theme
 * Colours: Orange #f25a29, Black #111111, Grey #a8a9ad, White
 * Load after cassie.css to override primary/accent colours.
 *
 * Loader: layouts use /assetfiles/img/loader.gif (animated GIF). If the file
 * is missing, a Brisk-coloured spinner is shown. Replace loader.gif with
 * the Brisk animated logo when ready.
 */
:root {
  --brisk-orange: #f25a29;
  --brisk-black: #111111;
  --brisk-grey: #a8a9ad;
  --brisk-white: #ffffff;
  /* Override template primary with Brisk orange */
  --primary: #f25a29;
  --blue: #f25a29;
}

/* Primary buttons and links */
.btn-primary,
.btn-brand-01,
a.bg-primary,
.badge-primary,
.alert-primary .alert-link,
.list-group-item-primary.list-group-item-action.active,
.table-primary {
  background-color: var(--brisk-orange) !important;
  border-color: var(--brisk-orange) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-brand-01:hover,
.btn-brand-01:focus,
.btn-outline-primary:hover {
  background-color: #d94e22 !important;
  border-color: #d94e22 !important;
}
.btn-outline-primary {
  color: var(--brisk-orange);
  border-color: var(--brisk-orange);
}
.text-primary { color: var(--brisk-orange) !important; }
.bg-primary { background-color: var(--brisk-orange) !important; }
.border-primary { border-color: var(--brisk-orange) !important; }

/* Sidebar: active and hover use Brisk orange (override cassie blue #5556fd) */
.sidebar .nav-sidebar .nav-link.active {
  background-color: var(--brisk-orange) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.sidebar .nav-sidebar .nav-link.active svg {
  color: #fff !important;
  fill: rgba(255, 255, 255, 0.12) !important;
}
.sidebar .nav-sidebar .nav-link:hover,
.sidebar .nav-sidebar .nav-link:focus {
  background-color: rgba(242, 90, 41, 0.1) !important;
}
.sidebar .nav-sub-link:hover,
.sidebar .nav-sub-link:focus,
.sidebar .nav-sub-link.active {
  color: var(--brisk-orange) !important;
}

/* Global loader spinner fallback (when GIF not used) */
#global-loader .spinner {
  border-top-color: var(--brisk-orange);
  border-color: var(--brisk-grey);
}

/* Brisk toggle switch – used for checkboxes app-wide */
.brisk-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  user-select: none;
}
.brisk-toggle input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.brisk-toggle-track {
  position: relative;
  width: 2.75rem;
  height: 1.5rem;
  background: var(--brisk-grey);
  border-radius: 999px;
  transition: background 0.2s ease, box-shadow 0.2s ease;
  flex-shrink: 0;
}
.brisk-toggle-track::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 1.25rem;
  height: 1.25rem;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  transition: transform 0.2s ease;
}
.brisk-toggle input[type="checkbox"]:checked + .brisk-toggle-track {
  background: var(--brisk-orange);
}
.brisk-toggle input[type="checkbox"]:checked + .brisk-toggle-track::after {
  transform: translateX(1.25rem);
}
.brisk-toggle input[type="checkbox"]:focus-visible + .brisk-toggle-track {
  box-shadow: 0 0 0 3px rgba(242, 90, 41, 0.35);
}
.brisk-toggle-label {
  font-weight: 500;
  color: #373857;
}