:root,
html,
html.theme-auto,
html.theme-dark,
html.theme-black,
html.theme-light {
  --ddg-orange: #de5833 !important;
  --ddg-orange-soft: #f26b3a !important;
  --ddg-bg-top: #151210 !important;
  --ddg-bg-bottom: #0e0c0b !important;
  --ddg-text: #e5e5e5 !important;
  --ddg-muted: #b8afa8 !important;
  --ddg-url: #d2b49c !important;
}

/* arka plan */
html,
body,
main,
#main,
.main,
.content,
.wrapper,
#search,
#results,
.results,
#main_results,
.search-results {
  background: linear-gradient(var(--ddg-bg-top), var(--ddg-bg-bottom)) !important;
  background-attachment: fixed !important;
  color: var(--ddg-text) !important;
}

/* gereksiz blok arka planlarını kaldır */
.container,
.result,
.result-default,
article.result,
.results,
.search-results,
.panel {
  background: transparent !important;
}

/* sonuç başlıkları */
.result h3,
.result h3 *,
.result h3 a,
.result h3 a * {
  color: var(--ddg-orange-soft) !important;
}

/* genel linkler */
a,
a:visited {
  color: var(--ddg-orange-soft) !important;
}

a:hover,
.result h3 a:hover,
.result h3 a:hover * {
  color: #ff8557 !important;
  text-decoration: underline !important;
}

/* url / cache / engine */
.url,
.url *,
.result-url,
.url_header,
.result .url,
.engines,
.engines *,
.cache_link,
.proxyfied {
  color: var(--ddg-url) !important;
}

/* arama kutusu */
input[name="q"],
#q {
  background: #26221f !important;
  border: 1px solid #3a342f !important;
  color: var(--ddg-text) !important;
}

/* arama butonu */
#send_search,
button[type="submit"],
input[type="submit"] {
  background: var(--ddg-orange) !important;
  border-color: var(--ddg-orange) !important;
  color: #fff !important;
}

/* kategori alanı sade */
#categories,
#categories *,
.category,
.category * {
  background: transparent !important;
  box-shadow: none !important;
}

/* kategori yazıları */
#categories label,
#categories a,
.category label,
.category a {
  color: var(--ddg-muted) !important;
  border: none !important;
}

/* aktif kategori */
#categories input:checked + label,
#categories label.active,
#categories a.active,
.category input:checked + label,
.category.active {
  color: var(--ddg-orange-soft) !important;
  border-bottom: 2px solid var(--ddg-orange-soft) !important;
}

/* GARİP SİMGELERİ KALDIR */
#categories i,
#categories i::before,
#categories svg,
#categories svg *,
.category i,
.category i::before,
.category svg,
.category svg *,
.category .icon,
.category .icon::before,
.category [class*="icon-"] {
  display: none !important;
}

/* ikon gidince sekmeler düzgün hizalansın */
#categories label,
#categories a,
.category label,
.category a {
  padding-left: 0.35rem !important;
  padding-right: 0.35rem !important;
}

/* SADECE İLK 5 SEKME KALSIN */
#categories > *:nth-child(n+6) {
  display: none !important;
}

/* Sonuç altındaki motor/cache/menü linklerini gizle */
.result .engines,
.result .engines *,
.result .cache_link,
.result .proxyfied,
.result .result-tools,
.result .result-tools *,
.result .external-link,
.result .external-link *,
article.result .engines,
article.result .engines *,
article.result .cache_link,
article.result .proxyfied,
article.result .result-tools,
article.result .result-tools * {
  display: none !important;
}

/* ===== DDG gibi site faviconları ===== */
.result .url_header {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  width: fit-content !important;
}

.result .favicon,
.result .ddg-favicon {
  display: inline-flex !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.08) !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  vertical-align: middle !important;
}

.result .favicon img,
.result .ddg-favicon img {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  border-radius: 4px !important;
}

/* ===== Site faviconları: DuckDuckGo tarzı ===== */
.result .url_header {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
}

.result .ddg-direct-favicon {
  display: inline-flex !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.10) !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.result .ddg-direct-favicon img {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  border-radius: 3px !important;
}