.header-top {
  background-color: #000; /* black background */
  color: #fff;            /* white text */
}

.header-middle {
  background-color: #fff; /* white background */
}

.header-middle nav a {
  color: orange;
  transition: color 0.3s ease;
}

.header-middle nav a:hover {
  color: white;
}

footer,
.footer {
  background-color: #000000; /* Dark black background */
  color: white;              /* Default text color */
  padding: 30px 20px;
  text-align: left;
  border-top: 2px solid orange;
  border-radius: 12px 12px 0 0;
  position: relative;
  z-index: 10;
}

/* Headings in orange */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
  color: orange;
  margin-bottom: 15px;
}

/* Text elements (paragraphs, spans, etc.) */
footer p,
footer span,
footer div,
.footer p,
.footer span,
.footer div {
  color: white;
  font-size: 16px;
  margin-bottom: 10px;
}

/* Links - white with orange hover */
footer a,
.footer a {
  color: white;
  text-decoration: none;
  transition: color 0.3s ease;
}

footer a:hover,
.footer a:hover {
  color: orange;
}

/* Buttons or clickable items */
footer button,
footer .clickable-item,
.footer button,
.footer .clickable-item {
  background-color: transparent;
  color: white;
  border: 1px solid orange;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

footer button:hover,
footer .clickable-item:hover,
.footer button:hover,
.footer .clickable-item:hover {
  background-color: orange;
  color: black;
}