/* Override Bootstrap 5 primary color */
:root {
  --bs-primary: #335fa8;
  --bs-primary-rgb: 51, 95, 168;
  --bs-link-color: #335fa8;
  --bs-link-hover-color: #335fa8;
  --bs-btn-hover-bg: #335fa8;
  --bs-btn-hover-border-color: #335fa8;
  --bs-btn-active-bg: #335fa8;
  --bs-btn-active-border-color: #335fa8;
  --bs-btn-disabled-bg: #335fa8;
  --bs-btn-disabled-border-color: #335fa8;
  --bs-nav-pills-link-active-bg: #335fa8;
  --bs-list-group-active-bg: #335fa8;
  --bs-list-group-active-border-color: #335fa8;
  --bs-dropdown-link-active-bg: #335fa8;
  --bs-outline-color: #335fa8;
  --plyr-color-main: #335fa8;
  --bs-warning: #e3631b;
  --bs-warning-rgb: 51, 95, 168;
}

/* Buttons */
.btn-primary {
  background-color: #335fa8 !important;
  border-color: #335fa8 !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #335fa8 !important;
  border-color: #335fa8 !important;
  color: #fff !important;
}
.btn-primary:disabled,
.btn-primary.disabled {
  background-color: #335fa8 !important;
  border-color: #335fa8 !important;
  color: #fff !important;
  opacity: 0.65;
}

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

/* Text and backgrounds */
.text-primary {
  color: #335fa8 !important;
}
.bg-primary {
  background-color: #335fa8 !important;
  color: #fff !important;
}

/* Links */
a,
.link-primary {
  color: #335fa8;
}
a:hover,
a:focus,
.link-primary:hover,
.link-primary:focus {
  color: #335fa8;
}

/* Nav pills and tabs */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #335fa8 !important;
  color: #fff !important;
}
.nav-tabs .nav-link.active {
  border-color: #335fa8 #335fa8 #fff !important;
  color: #335fa8 !important;
}

/* List group */
.list-group-item.active {
  background-color: #335fa8 !important;
  border-color: #335fa8 !important;
  color: #fff !important;
}

/* Progress bar */
.progress-bar.bg-primary {
  background-color: #335fa8 !important;
}

/* Alerts */
.alert-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 15px rgba(51, 95, 168, 0.2) !important;
}

/* Badges */
.badge-primary,
.bg-primary {
  background-color: #335fa8 !important;
  color: #fff !important;
}

/* Form controls focus */
.form-control:focus,
.form-select:focus {
  border-color: #335fa8 !important;
  box-shadow: 0 0 0 0.2rem rgba(51, 95, 168, 0.25) !important;
}

/* Outline color for accessibility */
:focus {
  outline-color: #335fa8 !important;
}

/* Custom player color */
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
  background: #335fa8 !important;
}

/* Buttons */
.btn-warning {
  background-color: #e3631b !important;
  border-color: #e3631b !important;
  color: #fff !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: #e3631b !important;
  border-color: #e3631b !important;
  color: #fff !important;
}
.btn-warning:disabled,
.btn-warning.disabled {
  background-color: #e3631b !important;
  border-color: #e3631b !important;
  color: #fff !important;
  opacity: 0.65;
}

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

/* Text and backgrounds */
.text-warning {
  color: #e3631b !important;
}
.bg-warning {
  background-color: #e3631b !important;
  color: #fff !important;
}

/* Progress bar */
.progress-bar.bg-warning {
  background-color: #e3631b !important;
}

/* Alerts */
.alert-warning {
  background-color: #e6ecf3 !important;
  border-color: #e3631b !important;
  color: #e3631b !important;
}

/* Badges */
.badge-warning,
.bg-warning {
  background-color: #e3631b !important;
  color: #fff !important;
}