/* ============================================================
   Wofi Theme — Sonokai
   Based on Sainnhe's Sonokai (Shusia variant)
   ============================================================ */

* {
  font-family: "JetBrains Mono", "Iosevka", monospace;
  font-size: 13px;
  transition:
    background-color 0.1s ease,
    color 0.1s ease;
}

/* ── Main window ── */
window {
  background-color: #2d2a2e;
  border: 1px solid #403e41;
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.55);
}

/* ── Outer layout wrapper ── */
#outer-box {
  background-color: transparent;
  padding: 10px;
}

/* ── Search input wrapper ── */
#input {
  background-color: #221f22;
  color: #e3e1e4;
  border: 1px solid #5b595c;
  border-radius: 6px;
  padding: 8px 12px;
  margin-bottom: 8px;
  caret-color: #ff6188;
  outline: none;
}

#input:focus {
  border-color: #ff6188;
  box-shadow: 0 0 0 2px rgba(255, 97, 136, 0.15);
}

#input image {
  /* search icon */
  color: #727072;
}

/* ── Scrollable results area ── */
#scroll {
  background-color: transparent;
}

#inner-box {
  background-color: transparent;
}

/* ── Individual entry row ── */
#entry {
  background-color: transparent;
  color: #e3e1e4;
  border-radius: 5px;
  padding: 7px 10px;
  margin: 2px 0;
  border: 1px solid transparent;
}

#entry:hover {
  background-color: #3a3a3c;
  border-color: #5b595c;
}

#entry:selected,
#entry.selected {
  background-color: #403e41;
  border-color: #ff6188;
  color: #ff6188;
}

/* ── Entry image / icon ── */
#entry image {
  margin-right: 8px;
  color: #a9dc76;
}

#entry:selected image,
#entry.selected image {
  color: #ff6188;
}

/* ── Entry text label ── */
#entry label {
  color: inherit;
}

/* ── Custom property colours (usable in sub-text) ── */
/* accent-1  ff6188  pink     */
/* accent-2  fc9867  orange   */
/* accent-3  ffd866  yellow   */
/* accent-4  a9dc76  green    */
/* accent-5  78dce8  cyan     */
/* accent-6  ab9df2  purple   */

/* ── Scrollbar ── */
scrollbar {
  width: 4px;
  background: transparent;
}

scrollbar slider {
  background-color: #5b595c;
  border-radius: 2px;
  min-height: 40px;
}

scrollbar slider:hover {
  background-color: #ff6188;
}

/* ── No results message ── */
#no-results {
  color: #727072;
  padding: 12px;
}
