/* ============================================================
   KAGI LOW VISION THEME
   - Arial font, 1.75rem, double line spacing, high contrast
   ============================================================ */

:root {
  --search-result-title:      #B49AD9;
  --result-item-title-border: none;
  --hover-color:              #c9aaee;
  --dark-bg:                  #030203;
  --vdark-bg:                  #120c12;
}

/* Font style, font size, text alignment, line spacing */
body {
  font-family: Arial;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2;
  Text-align: left;
  letter-spacing: 0.025em;
  word-spacing: 0.1em;
  hyphens: none;
  background-color: var(--dark-bg);
  color: #ffffff;
}

/* Headings */
h1 { font-size: 1.75rem; }
h2 { font-size: 1.5rem; }


/* Form fields */
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  background-color: var(--vdark-bg);
  color: #ffffff;
  border: 4px solid #ffffff;
  padding: 0.5rem 1rem;
}

/* Focus indicator for entering text */
:focus,
:focus-visible {
  outline: 4px solid #B49AD9 !important;
  outline-offset: 3px !important;
}

/* All links — yellow, !important for Kagi */
a {
  color: #ffee32 !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

a:visited {
  color: #32ffee !important;
}

a:hover,
.dropdown .dd-toggle-label:hover,
._0_results_summary_links.ol a:hover {
  color: #ffe066 !important;
}

/* Result title links — purple title with yellow links */
.__sri-title .__sri_title_link,
.__srgi-title a,
.newsResultItem .newsResultHeader .newsResultTitle a._0_TITLE,
.wikipediaResult a {
  color: #B49AD9 !important;
  font-weight: bold;
  text-decoration: none !important;
  border-bottom: none !important;
}

/* URL/domain strings beneath titles — yellow, no underline */
.__sri_url,
.result-url,
._0_url,
.url {
  color: #f2c200 !important;
  border-bottom: none !important;
}

/* Snippet/description text */
.sri-desc,
.__sri_desc,
.__sri-desc,
._0_sri_desc,
.result-snippet,
.search_result_body {
  color: #ffffff;
}

/* More button */
.sri_more_menu_box button,
.__sri_more_menu_btn,
.sri_more_menu_box {
  color: #ffffff !important;
  background-color: transparent !important;
}

/* Yellow button */
.btn.--yellow {
  background-color: #000000;
  border: 2px solid #ffffff;
  color: #ffffff;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.btn.--yellow:hover {
  border-color: var(--hover-color);
  color: var(--hover-color);
  transform: scale(1.05);
}

/* Search mode selectors */
.landing-category-select button.n_se.--active,
.landing-category-select button.n_se:hover,
._0_d_info_ranking.k_ui_btn_group .search_mode_box_s input:checked + a.k_ui_btn,
._0_sri-w-highlight .search_mode_box_s a.searchResultAnswer,
.search_mode_box_s a.--active,
.search_mode_box_s a._0_sri-w-highlight.box,
.search_mode_box_s a.box:hover {
  background-color: #B49AD9;
  border-color: #B49AD9;
  color: #000000;
}

/* Toggle switch */
.k_ui_toggle_switch.--enabled .k_ui_toggle_switch_bar {
  background-color: #B49AD9;
}

/* Search result cards */
.sri-group {
  background-color: var(--vdark-bg);
  border: 2px solid #555555;
  border-left: 6px solid #B49AD9;
  border-radius: 12px;
  margin-bottom: 1.5rem;
  padding: 1.25rem 1.5rem;
  color: #f0f0f0;
  Max-width: 960px;
  margin-inline: auto;
}

/* Widgets */
#myip,
#conversions,
.weather_day,
.scene,
.weather_days_box {
  background-color: var(--vdark-bg);
  color: #ffffff;
  border: 1px solid #555555;
}

/* Icons */
#icon_new_ia { color: initial; }
.search_mode_toggle i.oSea { color: #000000; }

/* Logo */
.logo > svg:nth-child(1),
.logo_kagi > svg:nth-child(1),
.logo_kagi_small > svg:nth-child(1),
svg[viewBox="0 0 105 55"][data-darkreader-inline-invert] {
  fill: #B49AD9;
  color: #B49AD9;
}

.doggo_sit_a > svg:nth-child(1) > path:nth-child(23),
.doggo_sit_a > svg:nth-child(1) > path:nth-child(24) {
  fill: #B49AD9;
}

.doggo_sit_a > svg:nth-child(1) > ellipse:nth-child(19) {
  fill: #b49ad9;
}

/* Hide submit buttons */
button#searchFormSubmitBtn,
button#orbSubmitBtn {
  display: none !important;
}

/* Layout */
.main_container,
.search_results_container {
 max-width: 1200px;
  margin-inline: auto;
  padding: 0 2rem;
}

.scene_sidebar { max-width: 360px; }

.scene_container {
  display: flex;
  justify-content: center;
  gap: 2rem;
}


@media (max-width: 768px) {
  .main_container,
  .search_results_container {
    padding: 0 1rem;
  }
}