body {
  background-color: #121212;
  color: #E0E0E0 !important;
}
a {
  text-decoration: none;
  color: #0D6EFD !important; 
}
a:hover {
  color: #0D6EFD !important; 
  text-decoration: underline;  
}
nav {
border-bottom: 1px solid #ffffff;
  background-color: #191919;
}
footer {
  padding-bottom: 0.75em;
}
ul.us_menu.dark {
  background-color: #191919;
  max-width: 1320px;
  margin: 0 auto;
  width: 100%;
}
.bg-dark {
	background-color: #191919 !important;;
}
.p-footer {
 text-align: center;
  margin-bottom: 0.5em;
}
.jumbotron {
  margin-top: 25px;
}


/* Custom styles for dark mode */

.card-header {
  background: #191919;
  background-color: #191919;  
}

.card-body {
  background: #222222;
  background-color: #222222; 
}

.card a {
   color: #E0E0E0 !important;
}

.card a:hover {
   color: #E0E0E0 !important;
}

.btn {
   color: #E0E0E0 !important;	
}
.btn:hover {
   color: #E0E0E0 !important;	
}

.us_menu a {
  color: rgba(255, 255, 255, .55) !important;
  }
  
.us_menu a:hover { 
  color: rgba(255, 255, 255, .55) !important;
  }
  
table.dataTable {
  color: #E0E0E0 !important;
}

table.dataTable a {
  color: #E0E0E0 !important;
}

table.dataTable tbody tr:hover td {
    color: inherit !important;
}

.text-dark {
  color: #E0E0E0 !important;
}
  
  
/* Custom styles for Cozy Tracker 9000 */

/* Link styling scoped to the cozy-tracker */
.cozy-tracker a {
    color: #FF0099 !important;
    text-decoration: none;
}

.cozy-tracker a:hover,
.cozy-tracker a:visited {
    color: #FF0099 !important;
    text-decoration: underline;
}

/* Card styling with margins, stronger box shadow, and padding */
.cozy-tracker {
    background-color: #191919;
    border-radius: 10px;
    border: 1px solid #121212;
    margin-top: 3rem; /* Space above the card */
    margin-bottom: 3rem; /* Space below the card */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* Stronger box shadow */
    padding: 15px 0; /* Added padding */
}

.cozy-tracker .card-body {
    background-color: #191919;
}

/* Heading styling */
.cozy-pink {
    color: #FF0099 !important;
}

.cozy-yellow {
    color: #FFFF00 !important;
}

.cozy-green {
    color: #00FF85 !important;
}

/* Game list item styling with margin */
.game-item {
    background-color: #222222;
    border: 1px solid #121212;
    border-radius: 5px;
    transition: transform 0.2s;
    margin: 2px 0; /* Small top/bottom margin between game items */
}

.game-item:hover {
    transform: scale(1.02);
}

/* Game name and player count styling */
.game-name {
    font-size: 1.1rem;
    color: #00FF85;
}

.player-count {
    font-size: 1.0rem;
    color: #00FF85;
}

/* Release date styling */
.release-date {
    font-size: 0.9rem;
    color: #FFFF00;
}

/* Fetch button styling */
.fetch-button {
    background-color: #FF0099;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    font-size: 1.1rem;
    padding: 10px 20px;
    transition: background-color 0.3s;
}

.fetch-button:hover,
.fetch-button:active {
    background-color: #BB0472;
}

/* Custom styles for Cozy Tracker 9000 Admin Page */

/* Link styling scoped to the cozy-tracker */
.cozy-table a {
    color: #E0E0E0 !important;
    text-decoration: none;
}

.cozy-table a:hover,
.cozy-table a:visited {
    color: #E0E0E0 !important;
    text-decoration: underline;
}

/* Card styling with margins, stronger box shadow, and padding */
.cozy-table {
    background-color: #191919;
    border-radius: 10px;
    border: 1px solid #121212;
    margin-top: 3rem; /* Space above the card */
    margin-bottom: 3rem; /* Space below the card */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* Stronger box shadow */
    padding: 15px 0; /* Added padding */
}

.cozy-table .card-body {
    background-color: #191919;
}

/* Custom styles for Mana Tracker 3000 */

/* Link styling scoped to the mana-tracker */
.mana-tracker a {
    color: #00B7EB !important; /* Bright cyan-blue for links */
    text-decoration: none;
}

.mana-tracker a:hover,
.mana-tracker a:visited {
    color: #00B7EB !important;
    text-decoration: underline;
}

/* Card styling with margins, stronger box shadow, and padding */
.mana-tracker {
    background-color: #191919;
    border-radius: 10px;
    border: 1px solid #121212;
    margin-top: 3rem; /* Space above the card */
    margin-bottom: 3rem; /* Space below the card */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* Stronger box shadow */
    padding: 15px 0; /* Added padding */
}

.mana-tracker .card-body {
    background-color: #191919;
}

/* Heading styling */
.mana-blue {
    color: #00B7EB !important; /* Cyan-blue for 'Mana' */
}

.mana-purple {
    color: #C300FF !important; /* Vibrant purple for 'Tracker' */
}

.mana-green {
    color: #00FF85 !important; /* Same green as cozy-green for consistency */
}

/* Game list item styling remains the same as .game-item, no need to duplicate */

/* Game name and player count styling for mana-tracker */
.mana-tracker .game-name {
    font-size: 1.1rem;
    color: #00FF85; /* Matching cozy-tracker green for consistency */
}

.mana-tracker .player-count {
    font-size: 1.0rem;
    color: #00FF85; /* Matching cozy-tracker green for consistency */
}

/* Release date styling for mana-tracker */
.mana-tracker .release-date {
    font-size: 0.9rem;
    color: #C300FF; /* Purple to match mana-purple theme */
}

/* Fetch button styling for mana-tracker (if used) */
.mana-tracker .fetch-button {
    background-color: #00B7EB; /* Cyan-blue to match mana-blue */
    color: #ffffff;
    border: none;
    border-radius: 5px;
    font-size: 1.1rem;
    padding: 10px 20px;
    transition: background-color 0.3s;
}

.mana-tracker .fetch-button:hover,
.mana-tracker .fetch-button:active {
    background-color: #008BB0; /* Darker cyan-blue for hover/active */
}

/* Card styling for Mana Tracker table */
.mana-table {
    background-color: #191919;
    border-radius: 10px;
    border: 1px solid #121212;
    margin-top: 3rem;
    margin-bottom: 3rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    padding: 15px 0;
}

.mana-table .card-body {
    background-color: #191919;
}