/* 1970s RETRO DIGGIT.ME THEME - CSS Variable Override */
:root {
  --bg-primary: #f7eed3 !important;      /* Cream */
  --bg-secondary: linear-gradient(135deg, #f7eed3 0%, #f26722 50%) !important; /* Cream→Orange */
  --accent-primary: #f26722 !important;  /* Orange */
  --accent-secondary: #c7b400 !important; /* Gold */
  --search-shadow: 0 8px 25px rgba(242,103,34,0.4) !important;
}

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

#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;
}

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;
}

.logo img {
  width: 40vw;   /* 40% of screen width */
  height: auto;
  max-width: none;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3)) !important;
}
/*
.logo {
  max-width: none !important;
  width: auto !important;
  display: flex;
  justify-content: center;
}

img[src*="searxng.png"] {
  width: 40vw !important;
  height: auto !important;
  max-width: none !important;
  justify-content: center;
}
Force ANY image inside the header to scale
header img,
img[src*="searxng"] {
  width: 40vw !important;
  height: auto !important;
  max-width: none !important;
}
*/

.index .title {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  background-position: center center !important; /* width = 40% of screen */
  background-repeat: no-repeat !important;
  background-size:40vw !important;
  min-height: 50vh !important;
  width: 100vw !important;
}
/* Stop vertical centering */
.index {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;  /* push content to the top */
  min-height: 50vh !important;
  padding-top: 2rem;  /* optional: adds breathing room */
  transform: translateY(-200px) !important;    
}
/* Phones only */
@media (max-width: 600px) {
  .index .title {
    background-size: 70vw auto !important;   /* bigger logo */
    min-height: 70vw !important;             /* match band height */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding-top: 2rem !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    transform: translateY(+60px) !important;  /* or 0 */
  }
}

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