@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* ── Font ── */
body, input, button, select, textarea {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* ── Light theme accent colours ── */
:root {
  --color-btn-background: #2563eb;
  --color-btn-font: #fff;
  --color-url-font: #1a56db;
  --color-categories-item-selected-font: #2563eb;
  --color-categories-item-border-selected: #2563eb;
  --color-search-background-hover: #2563eb;
  --color-loading-indicator: #2563eb;
  --color-result-search-url-font: #2563eb;
  --color-result-link-font-highlight: #2563eb;
  --color-settings-return-font: #2563eb;
  --color-toolkit-checkbox-input-border: #2563eb;
  --color-answer-background: #eff6ff;
  --color-answer-font: #1e40af;
  --color-base-background: #f5f7fb;
  --color-base-background-mobile: #f5f7fb;
  --color-header-background: #ffffff;
  --color-header-border: #e8edf5;
  --color-result-background: #ffffff;
  --color-result-border: #e8edf5;
}

/* ── Dark theme accent colours ── */
html.theme-dark {
  --color-btn-background: #3b6fe0;
  --color-btn-font: #fff;
  --color-url-font: #6ea8fe;
  --color-categories-item-selected-font: #6ea8fe;
  --color-categories-item-border-selected: #3b6fe0;
  --color-search-background-hover: #3b6fe0;
  --color-loading-indicator: #6ea8fe;
}

/* ── Search box ── */
.search_box {
  border-radius: 28px !important;
  border: 1.5px solid var(--color-search-border) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.08) !important;
  overflow: hidden;
  transition: border-color .15s, box-shadow .15s;
}

html.theme-dark .search_box {
  box-shadow: 0 2px 16px rgba(0,0,0,.35) !important;
}

/* When focused, expand for autocomplete — keep pill shape on unfocused */
#search_view:focus-within .search_box {
  border-radius: 16px 16px 0 0 !important;
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.15) !important;
}

#search_view:focus-within .search_box * {
  border-radius: 0 !important;
}

#q {
  font-size: 1rem !important;
  padding: .75rem 1.1rem !important;
  letter-spacing: -.01em;
}

#send_search {
  padding: .75rem 1.1rem !important;
  background-color: var(--color-btn-background) !important;
  color: #fff !important;
  border-left: none !important;
  transition: filter .15s !important;
}
#send_search:hover {
  filter: brightness(1.12);
  background-color: var(--color-btn-background) !important;
  color: #fff !important;
}
#send_search svg { stroke: #fff !important; }

/* ── Category tabs ── */
#categories .category label {
  border-radius: 20px;
  padding: .3rem .95rem;
  font-size: .82rem;
  font-weight: 500;
  letter-spacing: .01em;
  border: 1.5px solid transparent;
  transition: all .15s;
}

/* ── Result cards ── */
article.result {
  border-radius: 12px !important;
  padding: .95rem 1.15rem !important;
  margin-bottom: .55rem !important;
  border: 1.5px solid var(--color-result-border) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
  transition: box-shadow .15s, transform .12s;
}
article.result:hover {
  box-shadow: 0 4px 16px rgba(37,99,235,.08) !important;
  transform: translateY(-1px);
}
html.theme-dark article.result:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.3) !important;
}

article.result h3 { margin: 0 0 .15rem; }
article.result h3 a {
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
article.result h3 a:hover { text-decoration: underline !important; }

article.result .content {
  font-size: .9rem !important;
  line-height: 1.65 !important;
}
article.result .engines {
  font-size: .72rem !important;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .5;
}

/* ── Home page logo sizing ── */
#main_index #search_logo { display: flex !important; }
#main_index #search_logo svg {
  width: auto !important;
  height: 52px !important;
  flex: unset !important;
  margin-bottom: .5rem !important;
}

/* ── page_with_header logo ── */
.page_with_header #search_logo svg {
  width: auto !important;
  height: 36px !important;
}

/* ── Autocomplete dropdown ── */
.autocomplete.open {
  border-radius: 0 0 16px 16px !important;
  border: 1.5px solid #2563eb !important;
  border-top: none !important;
  box-shadow: 0 8px 24px rgba(37,99,235,.12) !important;
}
html.theme-dark .autocomplete.open {
  box-shadow: 0 8px 24px rgba(0,0,0,.5) !important;
}
.autocomplete li { font-size: .92rem !important; padding: .45rem 1.1rem !important; }

/* ── Back to top ── */
#backToTop {
  border-radius: 50% !important;
  width: 42px !important; height: 42px !important;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 12px rgba(37,99,235,.3) !important;
  border: none !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c9d2df; border-radius: 3px; }
html.theme-dark ::-webkit-scrollbar-thumb { background: #3d424f; }

/* kill border line on index page */
.index #search_header { border: none !important; }



/* ── Results page header: transparent bg, no line ── */
#search_header {
  background: transparent !important;
  padding-top: .6rem !important;
  padding-bottom: .2rem !important;
}

/* ── Logo column: auto width instead of fixed 3rem ── */
#search_header,
.center-alignment-yes #main_results #search_header {
  grid-template-columns: auto 1fr !important;
}

#search_logo {
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
  padding: 0 .8rem 0 1rem !important;
}

#search_logo svg {
  width: auto !important;
  height: 30px !important;
  flex: none !important;
  margin: 0 !important;
}