figcaption{
    color: #fff;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  z-index: 1000;
  text-decoration: none;
  transition: top 0.3s ease;
}

.skip-link:focus {
  top: 0;
}

.navbar .nav-link {
  color: black; /* default color */
  font-weight: 600; /* optional: make text bold */
  text-transform: uppercase; /* optional: all caps */
  transition: color 0.3s;
    font-size: 2rem;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #555; /* darker or lighter on hover */
  text-decoration: underline; /* optional effect */
}

.navbar .nav-link.active {
  color: #000; /* active item color */
  border-bottom: 2px solid black; /* optional underline */
}

/* High Contrast Toggle Button */
#contrastToggle {
    background-color: #000 !important;
    color: #FFF !important;
    border: 2px solid #FFF !important;
}

/* Buy Now Button */
.btn-primary {
    background-color: #FFD700 !important;
    color: #000 !important;
    font-weight: bold;
    border: none !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #FFF !important;
    color: #000 !important;
    outline: 3px solid #FFD700 !important;
}

aside {
    color:#000 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    border: none;
}


aside h5 {
    color:#000 !important;
    font-family: Arial, Helvetica, sans-serif;
}

aside a{
    color: #2430dd !important;
    text-decoration: underline !important;
}
aside a:visited {
    color: #030b76 !important;
}
/* General Overrides */
body {
    background-color: #000 !important;
    color: #FFF !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    border: none;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #FFF !important;
}

h1 {
    background-color: #000;
    color: #FFD700;
    border-bottom: 2px solid #FFD700;
}

aside h2 {
    color: #000000;
}

h3 {
    color: #90EE90;
}

/* Links */
a {
    color: #00FFFF;
    text-decoration: underline;
}

a:visited {
    color: #FF69B4;
}

a:hover,
a:focus {
    background-color: #FFF;
    color: #000;
    outline: 3px solid #FFD700;
}

/* Focus indicator for keyboard navigation */
*:focus {
    outline: 3px solid #FFD700;
}

/* Images */
img {
    border: 3px solid #FFF;
}

/* Tables */
table {
    background-color: #000;
    color: #FFF;
    border: 2px solid #FFF;
}

/* Inputs & Textareas */
input, textarea, select, button {
    background-color: #000;
    color: #FFF;
    border: 2px solid #FFF;
    padding: 5px;
    font-size: 1rem;
}

input:focus, textarea:focus, select:focus {
    outline: 3px solid #FFD700;
}

/* Buttons */
button {
    background-color: #FFD700;
    color: #000;
    font-weight: bold;
    border: none;
}

button:hover,
button:focus {
    background-color: #FFF;
    color: #000;
    outline: 3px solid #FFD700;
}

/* Footer */
footer {
    background-color: #000;
    color: #FFF;
}

footer a {
    color: #FFD700;
    text-decoration: underline;
}

footer a:visited {
    color: #FF69B4;
}

/* Special Blocks */
#main,
#bg,
#bevezeto,
#content {
    background-color: #000 !important;
    color: #FFF !important;
    border: 2px solid #FFF;
}

#main h2:before,
h2.forras:before,
div#bevezeto li:before {
    content: none; /* Avoid emojis which can be hard to see in HC mode */
}

/* Media */
audio,
video,
iframe {
    border: 2px solid #FFF;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    h1 {
        font-size: 1.5rem;
    }
}