/* ===== WOM THEME OVERRIDE — alinhado ao site principal ===== */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;0,800;1,400&display=swap');

body, html {
  background: #0a0a0a !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  color: #a9a9a9 !important;
}

body::before, body::after { display: none !important; }

h1, h2, h3 {
  font-family: 'Open Sans', Arial, sans-serif !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
  color: #fff !important;
  text-shadow: none !important;
  text-transform: uppercase;
}

/* Sidebar */
.sidebar, aside {
  background: #131313 !important;
  border-right: 1px solid rgba(255,140,31,0.2) !important;
  box-shadow: none !important;
}

.profile .user { color: #fff !important; text-shadow: none !important; }
.profile .saldo, .saldo {
  color: #fff !important;
  background: #262626 !important;
  border: 1px solid rgba(255,140,31,0.3) !important;
}

.menu a {
  color: #a9a9a9 !important;
  border-left: 3px solid transparent;
}
.menu a:hover {
  border-left: 3px solid #ff8c1f !important;
  background: linear-gradient(90deg, rgba(202,63,12,0.15), transparent) !important;
  color: #ffcd1f !important;
  text-shadow: none !important;
}

/* Botões */
button, .donate-btn, input[type="submit"], .add-btn {
  background: #ca3f0c !important;
  background: linear-gradient(top, #f37e01 0%, #ca3f0c 100%) !important;
  color: #fff !important;
  border: 1px solid #ca3f0c !important;
  border-radius: 3px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset !important;
}
button:hover, .donate-btn:hover, input[type="submit"]:hover, .add-btn:hover {
  background: #ea7017 !important;
  border-color: #ea7017 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Character cards */
.character-card {
  border: 1px solid rgba(255,140,31,0.2) !important;
}
.character-card:hover, .character-card.selected {
  border-color: #ff8c1f !important;
  box-shadow: 0 0 15px rgba(255,140,31,0.4) !important;
}

/* Tabelas */
table th {
  background: #000 !important;
  color: #fff !important;
  border-bottom: 2px solid rgba(255,140,31,0.4) !important;
}
table tr:hover td { background: rgba(255,140,31,0.08) !important; }

/* Login (auth.css) */
.login-container {
  background: #131313 !important;
  box-shadow: none !important;
  border: 1px solid rgba(255,140,31,0.2);
  animation: none !important;
}
.login-container h2 {
  font-family: 'Open Sans', Arial, sans-serif !important;
  color: #fff !important;
}
.login-container button {
  background: #ca3f0c !important;
  color: #fff !important;
}
.login-container button:hover { background: #ea7017 !important; box-shadow: none !important; }
.input-group input:focus { border-color: #ff8c1f !important; box-shadow: 0 0 10px rgba(255,140,31,0.25) !important; }

::-webkit-scrollbar-thumb {
  background: linear-gradient(#ff8c1f, #ca3f0c) !important;
}