/* KrovOt Hardcore — Theme override vermelho/preto
   Aplica camada sobre basic_d.css mantendo layout Tibia clássico. */

/* === Cores base === */
:root {
  --krov-red: #c8102e;
  --krov-red-bright: #ff1a3c;
  --krov-red-dark: #7a0a1c;
  --krov-black: #0a0a0a;
  --krov-bg: #14060a;
}

/* Background geral */
body {
  background-color: var(--krov-bg) !important;
}

/* Acentos dourados → vermelho */
[style*="color: #cfa600"],
[style*="color:#cfa600"] { color: var(--krov-red-bright) !important; }

a:link, a:visited, a:hover, a:focus {
  color: var(--krov-red) !important;
}
a:hover { color: var(--krov-red-bright) !important; text-shadow: 0 0 4px rgba(255,26,60,0.4); }

/* Header / Footer */
#Footer, #Footer a {
  color: #ddd !important;
  background-color: rgba(0,0,0,0.5);
}
#Footer a { color: var(--krov-red-bright) !important; }
#Footer a:hover { color: #fff !important; }

/* Submenu marrom -> preto/vermelho */
[class*="Submenu"] {
  background-color: var(--krov-black) !important;
}
.Submenu a:link, .Submenu a:visited, .Submenu a:focus {
  color: #ddd !important;
}
.Submenu a:hover {
  color: var(--krov-red-bright) !important;
}

/* Botões */
input[type="submit"], input[type="button"], button.btn, .Button {
  background-color: var(--krov-red) !important;
  color: #fff !important;
  border-color: var(--krov-red-dark) !important;
}
input[type="submit"]:hover, button.btn:hover {
  background-color: var(--krov-red-bright) !important;
}

/* Tabelas e bordas */
table { border-color: var(--krov-red-dark) !important; }
.TableContainer, .ContentBox {
  border-color: var(--krov-red-dark) !important;
}

/* Logo wrap */
#Logo {
  filter: drop-shadow(0 0 6px rgba(200, 16, 46, 0.4));
}

/* Tagline */
#KrovTagline {
  text-align: center;
  color: var(--krov-red-bright);
  font-family: 'Chakra Petch', sans-serif;
  font-size: 18px;
  margin: 10px 0 4px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 0 2px 8px rgba(0,0,0,0.7);
}