/* Koster Realm theme — overlay AoWoW default, polish ke wotlkdb/ultimowow modern feel */

/* === Body & Background === */
body {
  background: #0e0e0e !important;
  background-image:
    radial-gradient(ellipse at top, rgba(255, 209, 0, 0.04) 0%, transparent 50%),
    radial-gradient(ellipse at bottom, rgba(0, 112, 221, 0.03) 0%, transparent 50%) !important;
  background-attachment: fixed !important;
  color: #d8d8d8 !important;
}

/* === Typography === */
body, input, select, textarea {
  font-family: "Trebuchet MS", "Segoe UI", Tahoma, Arial, sans-serif !important;
}

h1, h2 {
  color: #ffd100 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

/* === Links === */
a {
  color: #ffd100 !important;
  transition: color 0.12s ease-in;
}
a:hover {
  color: #ffea80 !important;
  text-shadow: 0 0 6px rgba(255, 209, 0, 0.4);
}

/* Quality colors stay (wow standard) */
.q0 { color: #9d9d9d !important; }
.q1, .q { color: #ffffff !important; }
.q2 { color: #1eff00 !important; }
.q3 { color: #0070dd !important; }
.q4 { color: #a335ee !important; }
.q5 { color: #ff8000 !important; }
.q6 { color: #e6cc80 !important; }
.q7 { color: #00ccff !important; }

/* === Tables (listview) === */
.listview-band-1, .listview-band-2 {
  border: 1px solid #2a2a2a;
}
.listview-mode-default tr.listview-row:nth-child(even) {
  background: #161616 !important;
}
.listview-mode-default tr.listview-row:nth-child(odd) {
  background: #1c1c1c !important;
}
.listview-mode-default tr.listview-row:hover {
  background: #2a2615 !important;
  outline: 1px solid #4a3e10;
}

/* === Header / TopBar === */
.header,
#header,
.searchbox,
#nav-tabs {
  background: linear-gradient(to bottom, #1f1f1f 0%, #141414 100%) !important;
  border-bottom: 1px solid #2a2a2a;
}

/* === Search bar === */
.searchbox input {
  background: #0a0a0a !important;
  border: 1px solid #353535 !important;
  color: #fff !important;
  padding: 6px 10px;
}
.searchbox input:focus {
  border-color: #ffd100 !important;
  box-shadow: 0 0 8px rgba(255, 209, 0, 0.2);
}

/* === Buttons === */
.button-red, .button-red:link {
  background: linear-gradient(to bottom, #2a2a2a, #1a1a1a) !important;
  border: 1px solid #4a4a4a !important;
  color: #ffd100 !important;
  text-shadow: 0 1px 0 #000;
  transition: all 0.15s;
}
.button-red:hover {
  background: linear-gradient(to bottom, #3a3320, #2a2410) !important;
  border-color: #ffd100 !important;
  box-shadow: 0 0 10px rgba(255, 209, 0, 0.3);
}

/* === Tooltip === */
.wowhead-tooltip,
.q-tooltip {
  background: rgba(8, 8, 16, 0.97) !important;
  border: 1px solid #555 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.7);
}

/* === Sidebar / infobox === */
#infobox, .infobox {
  background: linear-gradient(to bottom, #181818, #0c0c0c) !important;
  border: 1px solid #2a2a2a;
  border-radius: 4px;
}

/* === Tab navigation === */
.tabs li, ul.tabs li {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-bottom: none;
}
.tabs li.selected, ul.tabs li.selected {
  background: #2a2410;
  border-color: #4a3e10;
  color: #ffd100;
}

/* === Forms === */
input[type="text"], input[type="number"], input[type="password"], select, textarea {
  background: #0a0a0a !important;
  border: 1px solid #353535 !important;
  color: #e8e8e8 !important;
  padding: 4px 8px;
  border-radius: 2px;
}

/* === Smooth scroll === */
html { scroll-behavior: smooth; }

/* === Focus rings === */
*:focus-visible {
  outline: 2px solid rgba(255, 209, 0, 0.6) !important;
  outline-offset: 2px;
}