/*
 ACIB Syncfusion Bootstrap5 Theme Overrides
 - Imports stock Syncfusion Bootstrap5 theme then overrides primary palette to corporate yellow
 - Primary: #F5B301
 - Contrast (text on primary): #1B1B1B
*/

@import url("/_content/Syncfusion.Blazor/styles/bootstrap5.css");

:root {
  --acib-primary: #F5B301;
  --acib-primary-rgb: 245, 179, 1;
  --acib-contrast: #1B1B1B;

  /* If Syncfusion variables are honored in this build */
  --e-primary: var(--acib-primary);
}

/* General accents that default to bootstrap blue in Syncfusion */
.e-link, a.e-link, .e-accent, .e-control .e-primary, .e-control .e-accent {
  color: var(--acib-primary) !important;
}

/* Buttons */
.e-btn.e-primary, .e-css.e-btn.e-primary {
  background-color: var(--acib-primary) !important;
  border-color: var(--acib-primary) !important;
  color: var(--acib-contrast) !important;
}
.e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover,
.e-btn.e-primary:focus, .e-css.e-btn.e-primary:focus {
  background-color: #E2A900 !important;
  border-color: #E2A900 !important;
  color: var(--acib-contrast) !important;
}

/* Tabs - Fill & Default */
.e-tab .e-tab-header .e-indicator {
  background-color: var(--acib-primary) !important;
}
.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  background-color: var(--acib-primary) !important;
  border-color: var(--acib-primary) !important;
  color: var(--acib-contrast) !important;
}
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
  color: var(--acib-contrast) !important;
}
/* Non-active titles should not be blue */
.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
  color: #495057 !important;
}
.e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
  background-color: rgba(var(--acib-primary-rgb), 0.10) !important;
  color: #1F2937 !important;
  border-color: var(--acib-primary) !important;
}

/* Inputs focus */
.e-input-focus, .e-input-group .e-input-focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--acib-primary-rgb), .25) !important;
  border-color: var(--acib-primary) !important;
}

/* Checkbox/Radio */
.e-checkbox .e-frame.e-check, .e-checkbox .e-frame.e-stop {
  background-color: var(--acib-primary) !important;
  border-color: var(--acib-primary) !important;
}
.e-radio:checked + label .e-radiobtn, .e-switch-wrapper .e-switch-on {
  background-color: var(--acib-primary) !important;
  border-color: var(--acib-primary) !important;
}

/* Grid/Toolbar accents */
.e-grid .e-pager .e-numericitem.e-active,
.e-grid .e-toolbar .e-tbar-btn.e-active,
.e-toolbar .e-btn.e-tbar-btn.e-active {
  background-color: var(--acib-primary) !important;
  border-color: var(--acib-primary) !important;
  color: var(--acib-contrast) !important;
}

/* Badge/Chip primary */
.e-badge.e-badge-primary, .e-chip.e-primary {
  background-color: var(--acib-primary) !important;
  border-color: var(--acib-primary) !important;
  color: var(--acib-contrast) !important;
}

/* Progress/Slider */
.e-progressbar .e-progressbar-track .e-progressbar-progress,
.e-slider .e-handle.e-tab-handle, .e-slider .e-range {
  background-color: var(--acib-primary) !important;
  border-color: var(--acib-primary) !important;
}