/* ------------------------------------------------------------
   ElZatuna palette alignment (filters: /classes + /instructors)
   ------------------------------------------------------------ */
:where(.courses-lists-filters, .instructors-lists-filters, .instructors-lists-top-filters) {
  --elzatuna-ink: #072923;
  --elzatuna-cream: #faffe0;
  --elzatuna-beige: #e5edb0;
  --elzatuna-border: rgba(229, 237, 176, 0.55);
  --elzatuna-border-strong: rgba(229, 237, 176, 0.85);
  --elzatuna-accent: #c8cd06;
  --elzatuna-muted: rgba(250, 255, 224, 0.75);
}

/* Left filter cards */
:where(.courses-lists-filters, .instructors-lists-filters) :where(.bg-\[\#072923\]) {
  border: 1px solid var(--elzatuna-border);
}

:where(.courses-lists-filters, .instructors-lists-filters)
  :where(.border-bottom-gray-100, .border-top-gray-100, .border-gray-200, .border-gray-300) {
  border-color: var(--elzatuna-border) !important;
}

:where(.courses-lists-filters, .instructors-lists-filters) .form-group-label {
  color: var(--elzatuna-cream) !important;
  opacity: 0.95;
}

/* Inputs/selects inside dark filters */
:where(.courses-lists-filters, .instructors-lists-filters)
  :where(.form-control, input.form-control, select.form-control) {
  background: rgba(250, 255, 224, 0.96) !important;
  color: var(--elzatuna-ink) !important;
  border-color: var(--elzatuna-border-strong) !important;
}

:where(.courses-lists-filters, .instructors-lists-filters)
  :where(.form-control:focus, input.form-control:focus, select.form-control:focus) {
  border-color: rgba(200, 205, 6, 0.7) !important;
  box-shadow: 0 0 0 0.2rem rgba(200, 205, 6, 0.18) !important;
}

/* Checkbox labels inside dark filters */
:where(.courses-lists-filters, .instructors-lists-filters) .custom-control__label {
  color: var(--elzatuna-cream) !important;
}

/* Custom switch (top filters on /classes) */
:where(.courses-lists-filters) .custom-switch .custom-control-label::before {
  background-color: rgba(250, 255, 224, 0.22) !important;
  border-color: rgba(229, 237, 176, 0.55) !important;
}

:where(.courses-lists-filters) .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: rgba(200, 205, 6, 0.55) !important;
  border-color: rgba(200, 205, 6, 0.7) !important;
}

:where(.courses-lists-filters) .custom-switch .custom-control-label::after {
  background: var(--elzatuna-cream) !important;
}

/* Rating count on /classes left filter */
.courses-lists-filters .courses-rating-filter__count {
  color: var(--elzatuna-muted) !important;
}

/* Wrunner range slider (price) */
.courses-lists-filters .wrunner {
  --wrunner-color: var(--elzatuna-accent);
}

.courses-lists-filters .wrunner__handle {
  background: var(--elzatuna-accent) !important;
  border-color: rgba(7, 41, 35, 0.25) !important;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.25) !important;
}

.courses-lists-filters .wrunner__range {
  background: rgba(200, 205, 6, 0.55) !important;
}

.courses-lists-filters .wrunner__track {
  background: rgba(250, 255, 224, 0.18) !important;
  border-color: rgba(229, 237, 176, 0.35) !important;
}

/* Select2 dropdown (global, but only for "default" skin) */
.select2-container--default .select2-dropdown {
  background: #faffe0;
  border-color: rgba(229, 237, 176, 0.9);
}

.select2-container--default .select2-results__option {
  color: #072923;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(200, 205, 6, 0.22);
  color: #072923;
}

.select2-container--default .select2-selection--single {
  background: rgba(250, 255, 224, 0.96);
  border-color: rgba(229, 237, 176, 0.85);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #072923;
}

.select2-container--default.select2-container--open .select2-selection--single {
  border-color: rgba(200, 205, 6, 0.7);
  box-shadow: 0 0 0 0.2rem rgba(200, 205, 6, 0.18);
}

