/* 1970s RETRO DIGGIT.ME THEME - CLEAN VERSION */

/* === COLOR THEME === */
:root {
  --bg-primary: #f7eed3;
  --bg-secondary: linear-gradient(135deg, #f7eed3 0%, #f26722 50%);
  --accent-primary: #f26722;
  --accent-secondary: #c7b400;
  --search-shadow: 0 8px 25px rgba(242,103,34,0.4);

  /* Kill SearXNG white fullscreen background */
  --color-base-background: transparent;
}

body, .autocompletes {
  background: var(--bg-secondary) !important;
}

/* === SEARCH BAR === */
#searchText {
  border-radius: 30px !important;
  border: 3px solid var(--accent-secondary) !important;
  box-shadow: var(--search-shadow) !important;
  background: rgba(255,255,255,0.95) !important;
}

/* Buttons */
input[type="submit"], button {
  background: linear-gradient(45deg, var(--accent-primary), var(--accent-secondary)) !important;
  border-radius: 30px !important;
  box-shadow: var(--search-shadow) !important;
  border: none !important;
}

input[type="submit"]:hover {
  box-shadow: 0 6px 20px rgba(242,103,34,0.6) !important;
  transform: translateY(-2px) !important;
}

/* === LOGO === */
.logo img {
  width: 40vw;
  height: auto;
  max-width: none;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3)) !important;
}

/* === LAYOUT === */
.index {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 50vh !important;
  padding-top: 2rem;
  margin-top: -120px;
}

.index .title {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 40vw !important;
  min-height: 50vh !important;
  width: 100vw !important;
}

/* === MOBILE FIXES === */
@media (max-width: 600px) {
  .index {
    margin-top: -40px;
  }

  .index .title {
    background-size: 70vw auto !important;
    min-height: 70vw !important;
    transform: none !important;
  }

  #q,
  input[type="text"],
  .search_filters select {
    font-size: 16px !important;
    -webkit-appearance: none;
    height: 3em !important;
  }
}

/* === 🔥 CRITICAL FIX: Disable SearXNG mobile fullscreen search === */

/* Prevent body lock + white screen */
body.search-open,
body.search_open,
body.search--active {
  overflow: auto !important;
  background: transparent !important;
}

/* Keep search inline */
#search,
.search-container {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  background: transparent !important;
  z-index: auto !important;
}

/* Stop expansion on focus */
#search:focus-within,
.search-container:focus-within {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
}

/* Remove any forced white backgrounds */
#search,
#search form,
#search input {
  background: transparent !important;
}

/* Kill overlay elements completely */
#search_overlay,
.search-overlay,
.fullscreen-search {
  display: none !important;
}
/* Restore white background ONLY for the search input */
#searchText,
#q,
#search input[type="text"] {
  background: rgba(255,255,255,0.95) !important;
}

/* === Fix category bubbles (desktop only) === */
@media (min-width: 768px) {

  /* Target the category links (Images, Videos, etc.) */
  .search_categories a,
  .categories a,
  nav a {
    font-size: 1.1rem !important;
    padding: 0.6em 1.2em !important;
    border-radius: 999px !important;
    line-height: 1.4 !important;
    display: inline-block !important;
  }

}
/* === FORCE FIX: category bubbles (desktop) === */
@media (min-width: 768px) {

  /* Target ALL possible category elements */
  #categories a,
  #categories label,
  #categories button,
  .categories a,
  .categories label,
  .categories button,
  .search_categories a,
  .search_categories label,
  .search_categories button {

    font-size: 1.05rem !important;
    padding: 0.6em 1.2em !important;
    border-radius: 999px !important;
    line-height: 1.4 !important;
    display: inline-block !important;
    white-space: nowrap !important;
  }

}