/* nyxlab Night-Theme fuer SearXNG (simple theme) - Bild-Version */
:root {
  --color-base-background:        #16131f !important;
  --color-base-background-mobile: #16131f !important;
  --color-base-font:              #cfc9e0 !important;
  --color-result-background:        #1b172b !important;
  --color-result-border:            #2a2440 !important;
  --color-result-link-font:         #a99cf5 !important;
  --color-result-link-visited-font: #8a7fd0 !important;
  --color-result-search-url-font:   #6fd8b8 !important;
  --color-url-font:         #a99cf5 !important;
  --color-url-visited-font: #8a7fd0 !important;
  --color-header-background: #16131f !important;
  --color-header-border:     #2a2440 !important;
  --color-footer-background: #16131f !important;
  --color-footer-border:     #2a2440 !important;
  --color-search-background:       #1d1830 !important;
  --color-search-font:             #e8e4f5 !important;
  --color-search-border:           #534ab7 !important;
  --color-search-background-hover: #241d3a !important;
  --color-btn-background: #534ab7 !important;
  --color-btn-font:       #ffffff !important;
  --color-categories-item-selected-font:   #c4bbff !important;
  --color-categories-item-border-selected: #534ab7 !important;
  --color-sidebar-background: #1b172b !important;
  --color-sidebar-border:     #2a2440 !important;
}
html { background-color: #16131f !important; }
html::before {
  content: ""; position: fixed; inset: 0; z-index: -10; pointer-events: none;
  background-color: #16131f;
  background-image:
    linear-gradient(rgba(22,19,31,.55), rgba(22,19,31,.72)),
    url("/nyxlab-sky.jpg");
  background-position: center;
  background-size: cover, cover;
  background-repeat: no-repeat;
}
article.result, .result, .answer, .infobox,
#sidebar .sidebar_content, .suggestion_item {
  background-color: #1b172b !important; border-color: #2a2440 !important;
}
.result h3 a, article.result h3 a { color: #a99cf5 !important; font-weight: 500; }
.result h3 a:hover { color: #c4bbff !important; }
.result h3 a:visited { color: #8a7fd0 !important; }
.url_wrapper, .result .url_wrapper, .result a.url_header { color: #6fd8b8 !important; }
.result .content, .result p { color: #cfc9e0 !important; }
a { color: #a99cf5; } a:hover { color: #c4bbff; }
#q, .search_box { background-color:#1d1830 !important; color:#e8e4f5 !important; border-color:#2a2440 !important; }
#q:focus, .search_box:focus-within {
  border-color:#534ab7 !important; outline:2px solid #a99cf5 !important; outline-offset:2px !important;
}
@media (forced-colors: active){ #q:focus, .search_box:focus-within { outline:2px solid Highlight !important; } }
#q::placeholder { color:#8a82a8 !important; }
#send_search { background-color:#534ab7 !important; color:#fff !important; border:none !important; }
#send_search:hover { background-color:#635aca !important; }
.paginators button, .paginators a { background-color:#534ab7 !important; color:#fff !important; border:none !important; }
.index .title { position: relative; background-image: none !important; min-height: 110px; }
.index .title::before {
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:64px; height:64px; border-radius:50%;
  background: radial-gradient(circle at 38% 38%, #e8e4f5 0%, #a99cf5 55%, #534ab7 100%);
  box-shadow: 0 0 18px 2px rgba(169,156,245,.45);
  -webkit-mask: radial-gradient(circle at 70% 35%, transparent 32px, #000 33px);
          mask: radial-gradient(circle at 70% 35%, transparent 32px, #000 33px);
}
.index .title::after {
  content:"nyxlab"; position:absolute; top:74px; left:0; right:0; text-align:center;
  font-size:1.6em; font-weight:600; letter-spacing:.12em; color:#a99cf5;
  text-shadow: 0 0 12px rgba(83,74,183,.6);
}
/* Ergebnis-Seite: nur Mond, kein Wortmark (Grid-Zelle ist schmal) */
#search_logo { position: relative !important; width: 3rem !important; height: 100%; overflow: visible; }
#search_logo svg, #search_logo img { display: none !important; }
#search_logo::before {
  content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:28px; height:28px; border-radius:50%;
  background: radial-gradient(circle at 38% 38%, #e8e4f5 0%, #a99cf5 55%, #534ab7 100%);
  box-shadow: 0 0 10px 1px rgba(169,156,245,.4);
  -webkit-mask: radial-gradient(circle at 70% 35%, transparent 13px, #000 14px);
          mask: radial-gradient(circle at 70% 35%, transparent 13px, #000 14px);
}