/* Custom dropdown design – loaded after style.css so it overrides theme defaults */

/* Native <select> (form-select) – custom arrow, rounded, border, focus */
.form-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='%236c757d'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.875rem center !important;
  background-size: 14px !important;
  padding-right: 2.5rem !important;
  border: 1px solid var(--bs-border-color, #dee2e6) !important;
  border-radius: 0.5rem !important;
  font-weight: 500 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.form-select:hover {
  border-color: var(--bs-secondary, #6c757d) !important;
}

.form-select:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb, 13, 110, 253), 0.2) !important;
  outline: 0 !important;
}

[data-bs-theme="dark"] .form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='%23adb5bd'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") !important;
}

/* Search bar selects keep pill shape and left padding for icon */
.search-bar .search-select.has-icon .form-select {
  padding-left: 3rem !important;
  border-radius: 30px !important;
}

.search-bar .search-select.has-icon .form-select:focus {
  padding-left: 3rem !important;
}

/* Bootstrap dropdown menus – custom panel */
.dropdown-menu {
  border-radius: 0.5rem !important;
  border: 1px solid var(--bs-border-color, #dee2e6) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  padding: 0.375rem 0 !important;
  margin-top: 0.25rem !important;
}

.dropdown-item {
  border-radius: 0.25rem !important;
  margin: 0 0.25rem !important;
  padding: 0.5rem 1rem !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.08) !important;
  color: var(--bs-primary) !important;
}

.dropdown-item.active {
  background-color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.12) !important;
  color: var(--bs-primary) !important;
  font-weight: 500 !important;
}

.dropdown-divider {
  margin: 0.375rem 0.5rem !important;
  border-color: var(--bs-border-color, #dee2e6) !important;
}

[data-bs-theme="dark"] .dropdown-menu {
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
}