/* Hide the default SearXNG logo background */
.index .title {
  background: none !important;
  min-height: auto !important;
}
/* Modern dark theme overrides */

/* Brand styling */
.brand-search {
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #e0e0e0;
}
.brand-dot {
  color: #7c6cf0;
  font-weight: 700;
}

/* Homepage title */
.index .title h1 {
  font-size: 3.5rem;
  font-weight: 300;
  letter-spacing: -0.03em;
  margin-bottom: 1.5rem;
}

/* Search logo on results page */
.custom-logo-text {
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #e0e0e0;
  text-decoration: none;
}
#search_logo {
  text-decoration: none;
}
#search_logo svg {
  display: none;
}

/* Search box modernization */
.search_box {
  border-radius: 12px !important;
  border: 1px solid rgba(124, 108, 240, 0.3) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.search_box:focus-within {
  border-color: rgba(124, 108, 240, 0.6) !important;
  box-shadow: 0 0 20px rgba(124, 108, 240, 0.15) !important;
}
#q {
  font-size: 1rem !important;
  padding: 12px 16px !important;
}

/* Send button */
#send_search {
  border-radius: 0 12px 12px 0 !important;
  background: rgba(124, 108, 240, 0.2) !important;
  transition: background 0.2s ease !important;
}
#send_search:hover {
  background: rgba(124, 108, 240, 0.4) !important;
}

/* Category tabs */
#categories_container .category {
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}

/* Results styling */
.result {
  border-radius: 10px !important;
  padding: 16px !important;
  margin-bottom: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  transition: border-color 0.2s ease !important;
}
.result:hover {
  border-color: rgba(124, 108, 240, 0.3) !important;
}
.result h3 a {
  font-weight: 500 !important;
}

/* Footer cleanup */
footer {
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
footer:hover {
  opacity: 1;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(124, 108, 240, 0.3);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(124, 108, 240, 0.5);
}