/* Quick Search Light Theme - Force Light Colors */
#quickSearchModal .modal-content {
  background-color: #ffffff !important;
  color: #333333 !important;
}

#quickSearchModal .modal-body {
  background-color: #ffffff !important;
  color: #333333 !important;
}

#quickSearchModal .form-control,
#quickSearchModal .form-select {
  background-color: #ffffff !important;
  color: #495057 !important;
  border-color: #dee2e6 !important;
}

#quickSearchModal .form-control:focus,
#quickSearchModal .form-select:focus {
  background-color: #ffffff !important;
  color: #495057 !important;
  border-color: var(--color-primary) !important;
}

#quickSearchModal .input-group-text {
  background-color: #f8f9fa !important;
  color: #6c757d !important;
  border-color: #dee2e6 !important;
}

#quickSearchModal .form-label {
  color: #495057 !important;
}

#quickSearchModal .form-check-label {
  color: #495057 !important;
}

#quickSearchModal .btn-outline-primary {
  background-color: #ffffff !important;
  color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

#quickSearchModal .btn-outline-primary:hover {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
}

#quickSearchModal .btn-outline-secondary {
  background-color: #ffffff !important;
  color: #6c757d !important;
  border-color: #6c757d !important;
}

#quickSearchModal .btn-outline-secondary:hover {
  background-color: #6c757d !important;
  color: #ffffff !important;
}

#quickSearchModal .btn-primary {
  background: linear-gradient(135deg, var(--color-primary) 0%, #0056b3 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

#quickSearchModal .btn-primary:hover {
  color: #ffffff !important;
}

/* Search Icon Light Theme */
.header-area .more-option .item .btn[data-bs-target="#quickSearchModal"] {
  background-color: #ffffff !important;
  border-color: #dee2e6 !important;
  color: #495057 !important;
}

.header-area .more-option .item .btn[data-bs-target="#quickSearchModal"]:hover {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border-color: var(--color-primary) !important;
}

.header-area .more-option .item .btn[data-bs-target="#quickSearchModal"] i {
  color: inherit !important;
}

.header-area .more-option .item .btn[data-bs-target="#quickSearchModal"]:hover i {
  color: #ffffff !important;
}

/* Override any dark mode styles */
@media (prefers-color-scheme: dark) {
  #quickSearchModal .modal-content,
  #quickSearchModal .modal-body,
  #quickSearchModal .form-control,
  #quickSearchModal .form-select,
  #quickSearchModal .input-group-text,
  #quickSearchModal .form-label,
  #quickSearchModal .form-check-label,
  #quickSearchModal .btn-outline-primary,
  #quickSearchModal .btn-outline-secondary {
    background-color: #ffffff !important;
    color: #495057 !important;
    border-color: #dee2e6 !important;
  }

  .header-area .more-option .item .btn[data-bs-target="#quickSearchModal"] {
    background-color: #ffffff !important;
    color: #495057 !important;
    border-color: #dee2e6 !important;
  }
}
