/* === MIYA FINAL OVERRIDE === */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Syne:wght@400;500;700;800&family=DM+Mono:wght@400;500&display=swap');

html,
html.theme-dark,
html.theme-auto,
body {
  --color-base-background: #0d0d0f !important;
  --color-base-background-mobile: #0d0d0f !important;
  --color-header-background: rgba(20,20,24,.92) !important;
  --color-footer-background: rgba(20,20,24,.92) !important;
  --color-result-background: rgba(20,20,24,.86) !important;
  --color-result-border: rgba(255,255,255,.08) !important;
  --color-search-background: rgba(20,20,24,.96) !important;
  --color-search-font: #f0ede8 !important;
  --color-search-border: rgba(255,255,255,.14) !important;
  --color-btn-background: #8b7bb5 !important;
  --color-btn-font: #f0ede8 !important;
  --color-url-font: #b88cff !important;
  --color-result-link-font: #f0ede8 !important;
  --color-result-link-visited-font: #cdbdf5 !important;
  --color-categories-item-selected-font: #b88cff !important;
  --color-categories-item-border-selected: #b88cff !important;
  background:
    radial-gradient(circle at 80% 0%, rgba(139,123,181,.18), transparent 32%),
    radial-gradient(circle at 12% 92%, rgba(184,140,255,.14), transparent 30%),
    #0d0d0f !important;
  color: #f0ede8 !important;
  font-family: 'Syne', sans-serif !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .5;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  z-index: -1;
}

.index .title {
  min-height: 13rem !important;
  margin: 1rem auto 1.8rem !important;
  background-size: contain !important;
  filter: drop-shadow(0 0 34px rgba(184,140,255,.42)) !important;
}

.index .title::after {
  content: "Search the Stars ✨";
  display: block;
  padding-top: 13.5rem;
  text-align: center;
  color: rgba(240,237,232,.58);
  font-family: 'DM Mono', monospace;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#main_index {
  margin-top: 13vh !important;
}

#q,
#send_search,
#clear_search {
  background: rgba(20,20,24,.96) !important;
  color: #f0ede8 !important;
  font-family: 'Syne', sans-serif !important;
}

.search_box {
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.24), 0 0 0 1px rgba(184,140,255,.08) !important;
  overflow: hidden !important;
}

.search_box:focus-within {
  border-color: rgba(184,140,255,.65) !important;
  box-shadow: 0 0 0 3px rgba(184,140,255,.12), 0 18px 50px rgba(0,0,0,.30) !important;
}

.result {
  background: rgba(20,20,24,.86) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.20) !important;
}

.result:hover {
  border-color: rgba(184,140,255,.26) !important;
}

.result h3,
.result h3 a {
  font-family: 'DM Serif Display', serif !important;
  color: #f0ede8 !important;
}

a,
.result a,
.url_wrapper,
.url {
  color: #b88cff !important;
}

.result .content,
.result p {
  color: rgba(240,237,232,.76) !important;
}

#search_header,
footer {
  background: rgba(20,20,24,.92) !important;
  border-color: rgba(255,255,255,.08) !important;
}

#categories_container,
.search_categories {
  font-family: 'DM Mono', monospace !important;
}

.category_checkbox label,
.category_button {
  color: rgba(240,237,232,.58) !important;
}

.category_checkbox input[type=checkbox]:checked + label {
  color: #b88cff !important;
  border-bottom-color: #b88cff !important;
}

#links_on_top a {
  color: rgba(240,237,232,.58) !important;
  font-family: 'DM Mono', monospace !important;
}

footer::before {
  content: "Miya Search · private little search portal ✨ ";
  color: rgba(240,237,232,.5);
  font-family: 'DM Mono', monospace;
}

::selection {
  background: #8b7bb5;
  color: white;
}

/* MiyaSearch Schriftzug unter Logo */
.index .title {
    position: relative !important;
    margin-bottom: 110px !important;
}

.index .title::before {
    content: "MiyaSearch";
    position: absolute;
    left: 50%;
    bottom: -62px;
    transform: translateX(-50%);
    white-space: nowrap;

    font-family: 'DM Serif Display', serif;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0.02em;

    color: #f0ede8;
    text-shadow:
        0 0 12px rgba(184, 140, 255, 0.55),
        0 0 28px rgba(184, 140, 255, 0.30);
}

.index .title::after {
    content: "SEARCH THE STARS ✨";
    position: absolute;
    left: 50%;
    bottom: -90px;
    transform: translateX(-50%);
    white-space: nowrap;

    font-family: 'DM Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    color: rgba(240,237,232,0.55);
    padding-top: 0 !important;
}

/* Hintergrund fixieren, nicht kacheln */
html,
body {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
}

body::before {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

/* Fix: kein wiederholender Hintergrund beim Scrollen */
html,
body {
    background-color: #0d0d0f !important;
    background-image:
        radial-gradient(circle at 70% 10%, rgba(139,123,181,.22), transparent 38%),
        radial-gradient(circle at 15% 85%, rgba(184,140,255,.14), transparent 34%) !important;
    background-repeat: no-repeat !important;
    background-size: 100vw 100vh !important;
    background-position: center top !important;
    background-attachment: fixed !important;
}

body::before {
    display: none !important;
}

/* Final Background Fix: keine Kante, kein Repeat */
html,
body {
    background: #0d0d0f !important;
    background-image: none !important;
}

html::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -9999;
    pointer-events: none;

    background:
        radial-gradient(circle at 72% 8%, rgba(139,123,181,.24), transparent 42%),
        radial-gradient(circle at 15% 88%, rgba(184,140,255,.16), transparent 40%),
        linear-gradient(180deg, #0d0d0f 0%, #101016 55%, #0d0d0f 100%) !important;

    background-repeat: no-repeat !important;
    background-size: cover !important;
}

body::before {
    display: none !important;
    content: none !important;
}

/* FINAL FINAL Background Reset */
html,
body,
body.index_endpoint,
body.results_endpoint,
body.preferences_endpoint,
main,
#main_index,
#main_results,
.index {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
}

html {
    background: #0d0d0f !important;
}

html::before,
html::after,
body::before,
body::after {
    display: none !important;
    content: none !important;
}

body {
    position: relative !important;
}

body::after {
    display: block !important;
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: -1 !important;
    pointer-events: none !important;

    background:
        radial-gradient(circle at 72% 8%, rgba(139,123,181,.22), transparent 42%),
        radial-gradient(circle at 15% 88%, rgba(184,140,255,.14), transparent 40%),
        linear-gradient(180deg, #0d0d0f 0%, #101016 55%, #0d0d0f 100%) !important;
}

/* Logo statt Lupe auf Suchergebnis-Seite */
#search_logo {
    background: url("/static/themes/simple/img/searxng.png") center center / contain no-repeat !important;
    width: 48px !important;
    height: 48px !important;
    margin-left: 16px !important;
}

#search_logo svg,
#search_logo img {
    display: none !important;
}

#search_header {
    grid-template-columns: 72px 1fr !important;
}