/* ==========================================================
   ACCORDION PRIMARY COLOR OVERRIDES
   ========================================================== */
.accordion-button:not(.collapsed) {
  background-color: #ffc000 !important;
  color: #fff !important;
}
.accordion-button:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 192, 0, 0.25) !important;
}
.accordion-button {
  color: #ffc000;
}
/* ==========================================================
   Theme Colors
   Primary: #ffc000
   Accent: #87ceeb
   ========================================================== */

/* Bootstrap 5 variable overrides */
:root {
  /* Primary overrides */
  --bs-primary: #ffc000;
  --bs-primary-rgb: 255, 192, 0;
  --bs-link-color: #ffc000;
  --bs-link-hover-color: #ffc000;
  --bs-btn-hover-bg: #ffc000;
  --bs-btn-hover-border-color: #ffc000;
  --bs-btn-active-bg: #ffc000;
  --bs-btn-active-border-color: #ffc000;
  --bs-btn-disabled-bg: #ffc000;
  --bs-btn-disabled-border-color: #ffc000;
  --bs-nav-pills-link-active-bg: #ffc000;
  --bs-list-group-active-bg: #ffc000;
  --bs-list-group-active-border-color: #ffc000;
  --bs-outline-color: #ffc000;
  --plyr-color-main: #ffc000;

  /* Accordion overrides */
  --bs-accordion-active-color: #ffc000;
  --bs-accordion-btn-active-icon: #ffc000;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(255, 192, 0, 0.25);

  /* Accent mapped onto Bootstrap warning */
  --bs-warning: #87ceeb;
  --bs-warning-rgb: 135, 206, 235;

  /* Dropdown active — primary bg */
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #ffc000;
  --bs-dropdown-link-hover-color: #212529;
  --bs-dropdown-link-hover-bg: #f8f9fa;
}

/* ==========================================================
   Pace-js
   ========================================================== */
.pace .pace-progress {
  background: var(--bs-warning);
}

/* ==========================================================
   PRIMARY BUTTONS
   ========================================================== */
.btn-primary {
  background-color: #ffc000 !important;
  border-color: #ffc000 !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #ffc000 !important;
  border-color: #ffc000 !important;
  color: #fff !important;
}
.btn-primary:disabled,
.btn-primary.disabled {
  background-color: #ffc000 !important;
  border-color: #ffc000 !important;
  color: #fff !important;
  opacity: 0.65;
}

/* Outline Primary Button */
.btn-outline-primary {
  color: #ffc000 !important;
  border-color: #ffc000 !important;
  background-color: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #fff !important;
  background-color: #ffc000 !important;
  border-color: #ffc000 !important;
}
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  color: #ffc000 !important;
  background-color: transparent !important;
  border-color: #ffc000 !important;
  opacity: 0.65;
}

/* ==========================================================
   WARNING BUTTONS
   ========================================================== */
.btn-warning {
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;
  color: #fff !important;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #7bc2df !important;
  border-color: #7bc2df !important;
  color: #fff !important;
}
.btn-warning:active {
  background-color: #6fb6d3 !important;
  border-color: #6fb6d3 !important;
  color: #fff !important;
}
.btn-warning:disabled,
.btn-warning.disabled {
  background-color: #87ceeb !important;
  border-color: #87ceeb !important;
  color: #fff !important;
  opacity: 0.65;
}

/* Outline Warning Button */
.btn-outline-warning {
  color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;
  background-color: transparent !important;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
  color: #fff !important;
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;
}
.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
  color: var(--bs-warning) !important;
  background-color: transparent !important;
  border-color: var(--bs-warning) !important;
  opacity: 0.65;
}

/* ==========================================================
   TEXT & BACKGROUNDS
   ========================================================== */
.text-primary {
  color: #ffc000 !important;
}
.bg-primary {
  background-color: #ffc000 !important;
  color: #fff !important;
}

.text-warning {
  color: var(--bs-warning) !important;
}
.bg-warning {
  background-color: var(--bs-warning) !important;
  color: #fff !important;
}

/* ==========================================================
   LINKS
   ========================================================== */
a,
.link-primary {
  color: #ffc000;
}
a:hover,
a:focus,
.link-primary:hover,
.link-primary:focus {
  color: #ffc000;
}

/* ==========================================================
   DROPDOWN MENU
   ========================================================== */
.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;
  background-color: #ffc000 !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #212529 !important;
  background-color: #f8f9fa !important;
}

/* ==========================================================
   NAV PILLS & TABS
   ========================================================== */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #ffc000 !important;
  color: #fff !important;
}
.nav-tabs .nav-link.active {
  border-color: #ffc000 #ffc000 #fff !important;
  color: #ffc000 !important;
}

/* ==========================================================
   LIST GROUP
   ========================================================== */
.list-group-item.active {
  background-color: #ffc000 !important;
  border-color: #ffc000 !important;
  color: #fff !important;
}

/* ==========================================================
   PROGRESS BAR
   ========================================================== */
.progress-bar.bg-primary {
  background-color: #ffc000 !important;
}
.progress-bar.bg-warning {
  background-color: var(--bs-warning) !important;
}

/* ==========================================================
   ALERTS
   ========================================================== */
.alert-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.12) !important;
  border-color: rgba(var(--bs-primary-rgb), 0.35) !important;
  color: var(--bs-primary) !important;
}
.alert-warning {
  background-color: #fff7e0 !important;
  border-color: var(--bs-warning) !important;
  color: #377e9b !important;
}

/* ==========================================================
   BADGES
   ========================================================== */
.badge-primary,
.bg-primary {
  background-color: #ffc000 !important;
  color: #fff !important;
}
.badge-warning,
.bg-warning {
  background-color: var(--bs-warning) !important;
  color: #fff !important;
}

/* ==========================================================
   FORM CONTROLS
   ========================================================== */
.form-control:focus,
.form-select:focus {
  border-color: #ffc000 !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 192, 0, 0.25) !important;
}

/* ==========================================================
   ACCESSIBILITY OUTLINE
   ========================================================== */
:focus {
  outline-color: #ffc000 !important;
}

/* ==========================================================
   CUSTOM PLAYER COLOR
   ========================================================== */
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
  background: #ffc000 !important;
}

/* ==========================================================
   PAGINATION & TABLE HEADERS
   ========================================================== */
.page-item.active .page-link {
  background-color: #ffc000 !important;
  border-color: #ffc000 !important;
  color: #fff !important;
}
.table thead th {
  background-color: #ffc000 !important;
  color: #fff !important;
}
.card-header {
  background-color: #ffc000 !important;
  color: #fff !important;
}

/* ==========================================================
   BOOTSTRAP DARK OVERRIDE
   ========================================================== */
:root {
  --bs-dark: #000000;
  --bs-dark-rgb: 0, 0, 0;
}
.bg-dark {
  background-color: #000000 !important;
}
.btn-dark {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.btn-dark:hover {
  background-color: #222 !important;
  border-color: #222 !important;
}
.border-dark {
  border-color: #000000 !important;
}

/* ==========================================================
   STANDINGS
   ========================================================== */
.pos-1 {
  background-color: var(--bs-warning) !important;
  color: #fff !important;
}