/* unwoke.space look: the dark colours, Roboto font and logo of the original site (searx
   "logicodev-dark" + the site's own style.css), applied to SearXNG's "simple" theme through
   its colour variables only. Loaded after SearXNG's and our uw.css on every page. */

@font-face { font-family: "Roboto"; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/roboto-latin-300-normal.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/roboto-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/roboto-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/roboto-latin-700-normal.woff2") format("woff2"); }

/* the original site was always dark, whatever theme the visitor picked */
:root.theme-dark, :root.theme-black, :root.theme-auto, :root.theme-light {
  color-scheme: dark;
  --uw-old-bg: #1d1f21;
  --uw-old-bar: #2b2c2d;
  --uw-old-panel: #2d2f32;
  --uw-old-input: #161718;
  --uw-old-btn: #3e4147;
  --uw-old-text: #d5d8d7;
  --uw-old-muted: #b5b8b7;
  --uw-old-link: #41a2ce;
  --uw-old-link-hover: #5f89ac;
  --uw-old-green: #35b887;

  --color-base-font: var(--uw-old-text);
  --color-base-font-rgb: 213, 216, 215;
  --color-base-background: var(--uw-old-bg);
  --color-base-background-mobile: var(--uw-old-bg);
  --color-url-font: var(--uw-old-link);
  --color-url-visited-font: var(--uw-old-link-hover);
  --color-header-background: var(--uw-old-bg);
  --color-header-border: var(--uw-old-bar);
  --color-footer-background: var(--uw-old-bg);
  --color-footer-border: var(--uw-old-bg);
  --color-sidebar-border: var(--uw-old-btn);
  --color-sidebar-font: var(--uw-old-text);
  --color-sidebar-background: var(--uw-old-panel);
  --color-backtotop-font: var(--uw-old-text);
  --color-backtotop-border: var(--uw-old-btn);
  --color-backtotop-background: var(--uw-old-panel);
  --color-btn-background: var(--uw-old-btn);
  --color-btn-font: #fff;
  --color-show-btn-background: var(--uw-old-btn);
  --color-show-btn-font: #fff;
  --color-search-border: var(--uw-old-btn);
  --color-search-shadow: none;
  --color-search-background: var(--uw-old-input);
  --color-search-font: var(--uw-old-text);
  --color-search-background-hover: var(--uw-accent, #26a987);
  --color-categories-item-selected-font: var(--uw-old-link);
  --color-categories-item-border-selected: var(--uw-old-link);
  --color-autocomplete-font: var(--uw-old-text);
  --color-autocomplete-border: var(--uw-old-btn);
  --color-autocomplete-shadow: none;
  --color-autocomplete-background: var(--uw-old-panel);
  --color-autocomplete-background-hover: var(--uw-old-btn);
  --color-answer-font: var(--uw-old-text);
  --color-answer-background: var(--uw-old-panel);
  --color-result-background: var(--uw-old-bg);
  --color-result-border: var(--uw-old-bar);
  --color-result-url-font: var(--uw-old-green);
  --color-result-vim-selected: #2b2c2dcc;
  --color-result-vim-arrow: var(--uw-old-link);
  --color-result-description-highlight-font: #fff;
  --color-result-link-font: var(--uw-old-link);
  --color-result-link-font-highlight: var(--uw-old-link);
  --color-result-link-visited-font: var(--uw-old-link-hover);
  --color-result-publishdate-font: #999;
  --color-result-engines-font: #999;
  --color-result-search-url-border: var(--uw-old-btn);
  --color-result-search-url-font: var(--uw-old-text);
  --color-result-detail-background: var(--uw-old-input);
  --color-result-detail-link: var(--uw-old-link);
  --color-result-image-background: var(--uw-old-input);
  --color-settings-tr-hover: var(--uw-old-panel);
  --color-settings-table-group-background: var(--uw-old-input);
  --color-toolkit-dialog-background: var(--uw-old-panel);
  --color-toolkit-select-background: var(--uw-old-panel);
  --color-toolkit-select-border: var(--uw-old-btn);
  --color-toolkit-select-background-hover: var(--uw-old-btn);
  --color-toolkit-input-text-font: var(--uw-old-text);
  --color-toolkit-checkbox-onoff-on-mark-background: var(--uw-accent, #26a987);
  --color-toolkit-checkbox-input-border: var(--uw-accent, #26a987);
  --color-toolkit-badge-background: var(--uw-old-btn);
  --color-toolkit-engine-tooltip-background: var(--uw-old-panel);
  --color-toolkit-engine-tooltip-border: var(--uw-old-btn);
}

html, body, input, button, select, textarea {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body { color: var(--uw-old-text); }
a { color: var(--uw-old-link); }
a:hover { color: var(--uw-old-link-hover); }

/* top bar: the old dark grey strip with "unwoke.space" on the left and links on the right */
body::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2.6rem;
  background: var(--uw-old-bar); z-index: 0;
}
#links_on_top { z-index: 2; top: 0.35rem; }
#links_on_top a, #links_on_top a span { color: var(--uw-old-link); font-weight: 500; }
#links_on_top a svg { stroke: var(--uw-old-link); }
.uw-topbar-brand {
  position: absolute; top: 0.55rem; left: 1.5rem; z-index: 2;
  color: var(--uw-old-link) !important; font-weight: 700; font-size: 1rem; text-decoration: none;
}
#search_logo svg { display: none; }
#search_logo::after {
  content: ""; display: block; width: 2.4rem; height: 2.4rem;
  background: url("uw-globe.png") center / contain no-repeat;
}
#search_header { padding-top: 3rem; }
.uw-page { margin-top: 3.6rem; }

/* home page: the original "unwoke.space" logo with the globe */
.index .title {
  background-image: url("uw-logo.png");
  min-height: 5.5rem;
  max-width: 44rem;
  margin: 5rem auto 2.5rem;
}

/* search box and buttons like the old site */
#q { color: var(--uw-old-text); }
.search_box { border: 1.5px solid var(--uw-old-btn); border-radius: 5px; }
.uw-btn, button.uw-btn, a.uw-btn { border-radius: 5px; }

/* results: plain list on the page background (no cards), green address line */
#urls .result { background: transparent; border: none; }
#urls .result .url_header, #urls .result .url_wrapper { color: var(--uw-old-green); }
#urls .result h3 a { font-weight: 400; }
#urls .result .content { color: var(--uw-old-muted); }

/* footer as on the old site: small grey text with green links */
footer { color: #999; font-size: 0.8rem; }
footer a { color: var(--uw-old-green); }

/* our own pages (layout.html) show the brand in the same place */
.uw-brand {
  position: absolute; top: 0.55rem; left: 1.5rem; z-index: 2;
  font-size: 1rem; font-weight: 700; color: var(--uw-old-link) !important;
}

/* Tor onion (emoji) next to the logo for visitors using Tor (uw-common.js) */
.uw-onion { font-size: 1.4rem; line-height: 1; cursor: help; }
.index .title { position: relative; }
.uw-onion-home { position: absolute; left: 0; top: 50%; transform: translate(-110%, -50%); font-size: 2.8rem; }
#search_logo + .uw-onion { grid-area: logo; align-self: end; justify-self: end; font-size: 1.2rem; margin: 0 -0.4rem 0 0; position: relative; z-index: 2; }
.uw-brand + .uw-onion, .uw-topbar-brand + .uw-onion { position: absolute; top: 0.45rem; left: 8.2rem; z-index: 3; }

/* "Log in to change this setting" next to the locked SafeSearch selector (visitors) */
.uw-safesearch-note { display: inline-block; align-self: center; font-size: 0.8rem; margin: 0 0 0 0.4rem; white-space: nowrap; color: var(--uw-old-link); }

/* About / Search syntax / Preferences pages: our logo instead of SearXNG's, below the top bar */
.page_with_header .logo { content: url("uw-logo.png"); width: auto; height: 2.6rem; margin-top: 3.2rem; }

/* admins: tiny globe right after the green address opens the domain panel (uw-search.js) */
.uw-globe { background: none; border: 0; padding: 0 0.1rem; margin-left: -0.3rem; flex: none; cursor: pointer; font-size: 0.85em;
  line-height: 1; opacity: 0.7; }
.uw-globe:hover, .uw-globe[aria-expanded="true"] { opacity: 1; }

/* "Give Search Results Feedback" at the right end of the SafeSearch row (uw-feedback.js) */
.search_filters .uw-feedback-btn { margin-left: auto; align-self: center; white-space: nowrap; font-size: 0.8rem;
  background: var(--uw-old-btn, #3e4147); color: #fff; border: 1px solid var(--uw-old-btn, #3e4147); border-radius: 4px;
  padding: 0.2rem 0.6rem; cursor: pointer; }
.search_filters .uw-feedback-btn:hover { border-color: var(--uw-accent, #26a987); }
.uw-ad-edit-dialog { max-width: 46rem; width: 94vw; max-height: 92vh; overflow: auto; background: var(--uw-old-panel, #2d2f32);
  color: inherit; border: 1px solid var(--uw-old-btn, #3e4147); border-radius: 6px; }
.uw-ad-edit-dialog::backdrop { background: rgba(0, 0, 0, 0.55); }
.uw-ad-edit-dialog h2 { margin-top: 0; }
.uw-ad-edit-info { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: 0.3rem 1rem; margin: 0 0 0.8rem; font-size: 0.85rem; }
.uw-ad-edit-info dt { opacity: 0.7; }
.uw-ad-edit-info dd { margin: 0; }
.uw-ad-row-actions { flex-wrap: nowrap; }
.uw-ad-edit-dialog form.uw-ad-manage { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem 1rem; }
.uw-ad-edit-dialog form.uw-ad-manage > h2, .uw-ad-edit-dialog .uw-ad-edit-info,
.uw-ad-edit-dialog form.uw-ad-manage > .uw-ad-fieldset:first-of-type, .uw-ad-edit-dialog form.uw-ad-manage > .uw-actions { grid-column: 1 / -1; }
.uw-ad-edit-dialog form.uw-ad-manage > .uw-actions { position: sticky; bottom: -1rem; margin: 0 -1rem -1rem; padding: 0.7rem 1rem;
  background: var(--uw-old-panel, #2d2f32); border-top: 1px solid var(--uw-old-btn, #3e4147); }
@media (max-width: 40rem) { .uw-ad-edit-dialog form.uw-ad-manage { grid-template-columns: 1fr; } }
.uw-feedback-dialog, .uw-ad-delete-dialog, .uw-user-edit-dialog, .uw-user-delete-dialog { max-width: 34rem; width: 92vw; background: var(--uw-old-panel, #2d2f32); color: inherit;
  border: 1px solid var(--uw-old-btn, #3e4147); border-radius: 6px; }
.uw-feedback-dialog::backdrop, .uw-ad-delete-dialog::backdrop, .uw-user-edit-dialog::backdrop, .uw-user-delete-dialog::backdrop { background: rgba(0, 0, 0, 0.55); }
.uw-feedback-text { width: 100%; box-sizing: border-box; background: var(--uw-old-input, #161718); color: inherit;
  border: 1px solid var(--uw-old-btn, #3e4147); border-radius: 4px; padding: 0.5rem; font: inherit; }
.uw-user-edit-dialog h2, .uw-user-delete-dialog h2 { margin-top: 0; }
.uw-user-edit-dialog { max-height: 92vh; overflow: auto; }
.uw-modal [hidden] { display: none !important; }
.uw-user-password { border: 1px solid var(--uw-old-btn, #3e4147); border-radius: 6px; padding: 0.5rem 0.9rem 0.7rem; margin: 0.4rem 0 0.8rem; }
.uw-user-password legend { font-weight: 700; padding: 0 0.3rem; }
.uw-user-password .uw-hint { margin: 0.2rem 0 0.5rem; }
.uw-user-setpw { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem; }
@media (max-width: 30rem) { .uw-user-setpw { grid-template-columns: 1fr; } }
.uw-user-password .uw-actions { align-items: center; }