/* Override Bootstrap color-scheme */
:root {
  color-scheme: normal !important;
}

/* Define the custom font */
@font-face {
  font-family: 'GlassTTY'; /* Give the font a name */
  src: url('../fonts/Glass_TTY_VT220.ttf') format('truetype'); /* Path relative to the CSS file */
  /* Assuming normal weight and style */
  font-weight: normal;
  font-style: normal;
}

/* Apply base styles inspired by olduse.net */
/* Apply base styles inspired by olduse.net */
html, body {
  background-color: #000000 !important; /* Black background */
  color: #00ff00 !important; /* Bright Green text */
}

body {
  /* Use the custom font, with fallbacks */
  font-family: 'GlassTTY', monospace, "Courier New", Courier !important;
  /* Colors are now handled by the html, body rule above */
}

/* Style links */
a {
  color: #00ff00 !important; /* Bright Green links */
  text-decoration: underline; /* Underline links */
}

a:visited {
  color: #00ff00 !important; /* Bright Green visited links */
}

/* Ensure headings also use the custom font */
h1, h2, h3, h4, h5, h6 {
  font-family: inherit !important; /* Inherit font from body */
  color: inherit !important; /* Ensure headings inherit the green color */
}

/* Add spacing between list items */
ul li {
  margin-bottom: 0.5em; /* Adjust value as needed */
}

/* Style the cookie consent banner */
.cc_banner-wrapper {
  background-color: #000000 !important;
  color: #00ff00 !important;
  /* Border moved to inner container */
  padding-top: 0.5em !important; /* Add some padding below the border */
  padding-bottom: 0.5em !important;
}

/* Ensure text and links within the banner inherit the color */
.cc_banner-wrapper .cc_message,
.cc_banner-wrapper .cc_message a {
  color: inherit !important;
}

/* Style the button */
.cc_banner-wrapper .cc_btn {
  background-color: #000000 !important; /* Black background */
  color: #00ff00 !important; /* Green text */
  border: 1px solid #00ff00 !important;
  border-radius: 0.375rem !important; /* Match typical card border-radius */
  font-size: 1.3em !important; /* Make text slightly larger */
  padding: 0.3em 1.7em !important; /* Reduce padding */
}

/* Ensure inner container is transparent */
.cc_banner-wrapper .cc_container {
  background-color: #000000 !important;
  border-top: 1px dashed #00ff00 !important; /* Dashed green border */
}

/* Minimal overrides for Bootstrap components */
.card {
   border: 1px solid #00ff00 !important; /* Green border */
   background-color: transparent !important; /* Ensure card background is transparent */
   color: inherit !important; /* Ensure card text inherits green */
   /* Ensure card text also uses the font */
   font-family: inherit;
 }
 
 /* Reduce kerning around the 'l' in h1 */
 h1 .tight-l {
   margin-left: -0.1em; /* Adjust as needed */
   margin-right: -0.1em; /* Adjust as needed */
   /* display: inline-block; Removed to prevent line break */
 }
 
 /* Ensure the main container doesn't obscure the body background */
 .whole.container {
   background-color: transparent !important;
 }
 
 /* Responsive adjustments for cookie banner on mobile */
 @media (max-width: 767px) {
   .cc_banner-wrapper .cc_message,
   .cc_banner-wrapper .cc_btn {
     font-size: 0.8em !important; /* Reduce font size by 20% */
   }
 }
 
 
.card-header {
   font-family: inherit;
   border-bottom: 1px solid #00ff00 !important; /* Green border for header separator */
   color: inherit !important; /* Ensure header text inherits green */
   font-weight: bolder;
}

/* Ensure paragraphs use the font */
p {
  font-family: inherit;
}
 
 /* Ensure the main container doesn't obscure the body background */
 .whole.container {
   background-color: transparent !important;
 }

/* Ensure paragraphs use the font */
p {
  font-family: inherit;
}