/* Брендинг страницы поиска.
 *
 * SearXNG живёт в контейнере, и трогать его файлы нельзя — при обновлении
 * образа правки исчезнут. Поэтому свой стиль подмешивается снаружи, через
 * nginx, и переживает любые обновления поисковика.
 *
 * Ссылку «Работает на SearXNG» в подвале не убираем: это требование лицензии
 * AGPL. Только приглушаем, чтобы не спорила с нашим знаком.
 */

:root {
  --mv-bg: #121110;
  --mv-surface: #1a1817;
  --mv-surface-2: #221f1d;
  --mv-line: #2f2b28;
  --mv-ink: #f3f0eb;
  --mv-ink-2: #a8a099;
  --mv-ink-3: #756d66;
  --mv-accent: #ff8c00;
  --mv-accent-2: #ffa333;
}

/* ── общий фон и текст ── */
html, body,
.index,
#main_index,
#main_results {
  background: var(--mv-bg) !important;
  color: var(--mv-ink) !important;
}

/* тема simple красит всё через свои переменные — перебиваем их разом */
html {
  --color-base-background: var(--mv-bg) !important;
  --color-base-background-mobile: var(--mv-bg) !important;
  --color-base-font: var(--mv-ink) !important;
  --color-header-background: var(--mv-surface) !important;
  --color-header-border: var(--mv-line) !important;
  --color-footer-background: var(--mv-surface) !important;
  --color-footer-border: var(--mv-line) !important;
  --color-sidebar-background: var(--mv-surface) !important;
  --color-sidebar-border: var(--mv-line) !important;
  --color-sidebar-font: var(--mv-ink) !important;
  --color-url-font: var(--mv-accent) !important;
  --color-url-visited-font: var(--mv-accent-2) !important;
  --color-search-background: var(--mv-surface) !important;
  --color-search-border: var(--mv-line) !important;
  --color-search-font: var(--mv-ink) !important;
  --color-result-background: var(--mv-surface) !important;
  --color-result-border: var(--mv-line) !important;
  --color-result-link-font: var(--mv-ink) !important;
  --color-result-link-visited-font: var(--mv-ink-2) !important;
  --color-result-url-font: var(--mv-ink-3) !important;
  --color-result-description-font: var(--mv-ink-2) !important;
  --color-categories-item-selected-font: var(--mv-accent) !important;
  --color-categories-item-border-selected: var(--mv-accent) !important;
  --color-error: #ef6b5c !important;
  --color-warning: #e8b73a !important;
  --color-success: #4ecb7e !important;
}

/* ── логотип ──
 * Саму картинку searxng.png подменяет nginx (см. конфиг портала), поэтому
 * здесь остаётся только размер: исходный логотип был крупнее нашего знака. */
.title { background-size: contain !important; min-height: 3.2rem !important; }
.title h1 { font-size: 0 !important; }
img.logo { max-height: 44px !important; width: auto !important; }

/* ── поисковая строка ── */
#search_form .search_box,
.search_box,
#q {
  background: var(--mv-surface) !important;
  border-color: var(--mv-line) !important;
  color: var(--mv-ink) !important;
}
#send_search {
  background: var(--mv-accent) !important;
  color: #1a1005 !important;
  border-color: var(--mv-accent) !important;
}
#send_search:hover { background: var(--mv-accent-2) !important; }

/* ── вкладки категорий ──
 * Спокойные, как ссылки: выбранная помечается акцентом, остальные молчат. */
.category_button {
  background: transparent !important;
  color: var(--mv-ink-2) !important;
  border-color: var(--mv-line) !important;
}
.category_button.selected {
  background: var(--mv-surface-2) !important;
  color: var(--mv-accent) !important;
  border-color: var(--mv-accent) !important;
}

/* ── результаты ── */
article.result,
.result {
  background: var(--mv-surface) !important;
  border-color: var(--mv-line) !important;
}
article.result h3 a { color: var(--mv-ink) !important; }
article.result h3 a:hover { color: var(--mv-accent) !important; }
article.result .url_wrapper,
article.result .url_o1 { color: var(--mv-ink-3) !important; }

/* ── шапка и подвал ── */
.header, #links_on_top, footer, .footer {
  background: var(--mv-surface) !important;
  border-color: var(--mv-line) !important;
  color: var(--mv-ink-2) !important;
}
#links_on_top a { color: var(--mv-ink-2) !important; }
#links_on_top a:hover { color: var(--mv-accent) !important; }

/* подпись об исходниках остаётся, но тише */
footer p, .footer p { color: var(--mv-ink-3) !important; font-size: 12px !important; }
footer a, .footer a { color: var(--mv-ink-2) !important; }
footer a:hover, .footer a:hover { color: var(--mv-accent) !important; }

/* заголовки результатов: тема подсвечивает совпадения отдельной переменной,
   без неё половина ссылки оставалась синей */
html {
  --color-result-link-font-highlight: var(--mv-accent) !important;
}

/* лупа-логотип в шапке выдачи — она же ссылка на главную поиска */
#search_logo svg,
#search_logo path { color: var(--mv-accent) !important; fill: var(--mv-accent) !important; stroke: var(--mv-accent) !important; }
#search_logo:hover svg { opacity: .85; }

/* Обычные кнопки — акцентные. Вкладки категорий сюда не попадают: у них
   свой класс, и они остаются спокойными (правило ниже по файлу). */
html {
  --color-btn-background: var(--mv-accent) !important;
  --color-btn-font: #1a1005 !important;
}
.button,
input[type="submit"],
button.danger,
.btn {
  background: var(--mv-accent) !important;
  color: #1a1005 !important;
  border-color: var(--mv-accent) !important;
}
.button:hover,
input[type="submit"]:hover { background: var(--mv-accent-2) !important; }

/* вторичные кнопки («Назад») — контурные, чтобы не спорить с главной */
.button.secondary,
a.button[href$="/preferences"],
.btn-secondary {
  background: transparent !important;
  color: var(--mv-ink) !important;
  border: 1px solid var(--mv-line) !important;
}

/* таблицы и блоки настроек */
.tab-content, .preferences_back, table, tr, th, td {
  background-color: transparent !important;
  border-color: var(--mv-line) !important;
  color: var(--mv-ink) !important;
}
tr:hover td { background: var(--mv-surface-2) !important; }
select, input[type="text"], input[type="password"], textarea {
  background: var(--mv-surface) !important;
  color: var(--mv-ink) !important;
  border-color: var(--mv-line) !important;
}

/* ссылки в тексте страниц */
#main_preferences a, #main_stats a, #main_404 a { color: var(--mv-accent) !important; }
#main_preferences a:hover, #main_stats a:hover { color: var(--mv-accent-2) !important; }

/* переключатели */
input[type="checkbox"]:checked + label .checkbox-onoff,
.checkbox-onoff.checked { background: var(--mv-accent) !important; }