/* UI Color Overrides - Convert blue elements to site's orange/pink color scheme */

/* Category Filter Buttons */
.btn-outline-primary {
  color: var(--primary-orange, #fd7e14) !important;
  border-color: var(--primary-orange, #fd7e14) !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background-color: var(--primary-orange, #fd7e14) !important;
  border-color: var(--primary-orange, #fd7e14) !important;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.25) !important;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: var(--primary-orange, #fd7e14) !important;
  border-color: var(--primary-orange, #fd7e14) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff !important;
  background-color: var(--primary-orange, #fd7e14) !important;
  border-color: var(--primary-orange, #fd7e14) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.25) !important;
}

/* Category Button Active State Enhancement */
.category-btn.active {
  background-color: var(--primary-orange, #fd7e14) !important;
  border-color: var(--primary-orange, #fd7e14) !important;
  color: #fff !important;
}

/* Tag Filter Active State */
.tag-filter.active {
  background-color: var(--primary-orange, #fd7e14) !important;
  border-color: var(--primary-orange, #fd7e14) !important;
  color: #fff !important;
}

/* Override any remaining blue (#007bff) references */
.btn-primary,
button[style*="007bff"] {
  background-color: var(--primary-orange, #fd7e14) !important;
  border-color: var(--primary-orange, #fd7e14) !important;
}

.btn-primary:hover {
  background-color: var(--hover-orange, #ff9f40) !important;
  border-color: var(--hover-orange, #ff9f40) !important;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.25) !important;
}

/* Links and text that use info blue */
.text-primary,
a.text-primary {
  color: var(--primary-orange, #fd7e14) !important;
}

.text-primary:hover,
a.text-primary:hover {
  color: var(--hover-orange, #ff9f40) !important;
}

/* Progress bars and other blue elements */
.progress-bar,
.bg-primary {
  background-color: var(--primary-orange, #fd7e14) !important;
}

/* Form controls focus state */
.form-control:focus {
  border-color: var(--primary-orange, #fd7e14) !important;
  box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.25) !important;
}

/* Custom select focus */
.custom-select:focus {
  border-color: var(--primary-orange, #fd7e14) !important;
  box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.25) !important;
}

/* Badge and label overrides */
.badge-primary {
  background-color: var(--primary-orange, #fd7e14) !important;
}

/* Alert info override */
.alert-info {
  color: #155724 !important;
  background-color: #d1ecf1 !important;
  border-color: var(--primary-orange, #fd7e14) !important;
}

/* Pagination active state */
.page-item.active .page-link {
  background-color: var(--primary-orange, #fd7e14) !important;
  border-color: var(--primary-orange, #fd7e14) !important;
}

.page-link {
  color: var(--primary-orange, #fd7e14) !important;
}

.page-link:hover {
  color: var(--hover-orange, #ff9f40) !important;
}

/* Dropdown and nav overrides */
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--primary-orange, #fd7e14) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--primary-orange, #fd7e14) !important;
}

/* Main content area buttons - white background cards need light button backgrounds */
.card .btn-outline-primary,
main .btn-outline-primary {
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: var(--primary-orange, #fd7e14) !important;
  border-color: var(--primary-orange, #fd7e14) !important;
}

.card .btn-outline-primary:hover,
main .btn-outline-primary:hover {
  background-color: var(--primary-orange, #fd7e14) !important;
  color: #fff !important;
  border-color: var(--primary-orange, #fd7e14) !important;
}

/* Override for category filter buttons - keep original orange text style */
.category-btn {
  background-color: transparent !important;
  color: var(--primary-orange, #fd7e14) !important;
  border-color: var(--primary-orange, #fd7e14) !important;
}

.category-btn:hover {
  background-color: var(--primary-orange, #fd7e14) !important;
  color: #fff !important;
  border-color: var(--primary-orange, #fd7e14) !important;
}