/* Additional site-wide styles complementing global.css */

/* Sidebar navigation used on inner pages */
.sidebar {
  float: left;
  width: 150px;
  margin-right: 1rem;
  background-color: #262626;
  padding: 1rem;
  border-radius: 5px;
}

.links a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #333;
  text-decoration: none;
  color: #d3d3d3;
  border-radius: 3px;
}

.links a:hover {
  background-color: #333;
}

/* Shared table container */
.table-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Stats table styling */
.stats-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  background-color: #000;
  color: #d3d3d3;
}

.stats-table th,
.stats-table td {
  border: 1px solid #333;
  padding: 10px;
  text-align: left;
}

.stats-table th {
  background-color: #4a90e2;
  color: #fff;
}

.stats-table tr:nth-child(odd) {
  background-color: #111;
}

.stats-table tr:nth-child(even) {
  background-color: #222;
}

/* Tribe table styling */
.tribe-table {
  width: 100%;
  margin: 1rem 0;
  border-collapse: collapse;
}

.tribe-table th,
.tribe-table td {
  border: 1px solid #555;
  padding: 10px;
  text-align: center;
}

.tribe-table .vamps { background-color: #000; color: red; }
.tribe-table .druid { background-color: #8FBC8F; color: #FFDAB9; }
.tribe-table .etrnl { background-color: #FFD700; color: #2F4F4F; }
.tribe-table .pirat { background-color: #4169E1; color: #FFFFFF; }
.tribe-table .beast { background-color: #FFA500; color: #FF0000; }
.tribe-table .orddr { background-color: #6B8E23; color: #FFD700; }
.tribe-table .illum { background-color: #F5DEB3; color: #1A5276; }
.tribe-table .shadw { background-color: #808080; color: #FF0000; }
.tribe-table .xplor { background-color: #A9A9A9; color: #00FF7F; }
.tribe-table .fate { background-color: #F5A9F2; color: #9400D3; }
.tribe-table .night { background-color: #F5A9F2; color: darkblue; }

/* ASCII art containers */
.ascii-container pre {
  font-family: Monaco, 'Courier New', Courier, monospace;
  white-space: pre;
  text-align: center;
  margin: 0 auto;
  color: white;
  background-color: #000;
  padding: 1rem;
  border: 2px solid #ffcc00;
  max-width: 1000px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Search form styling */
.search-container {
  text-align: center;
  margin-bottom: 20px;
}

.search-container label {
  margin-right: 10px;
}

.search-container input[type="text"] {
  width: 300px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  color: #000;
  background-color: #fff;
}

.search-container input[type="submit"] {
  background-color: #357ab7;
  color: #fff;
  padding: 8px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.search-container input[type="submit"]:hover {
  background-color: #4a90e2;
}

/* Default style for missing elements */
.no-style {
  background-color: #39ff14;
  font-family: "Comic Sans MS", sans-serif;
}