/* FOOTER (shared by all pages) */
footer {
  background-color: var(--main-color, #2C2F88);
  color: var(--white, #ffffff);
  text-align: center;
  padding: 20px;
  position: relative;
  margin-top: 60px;
}
footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(44, 125, 160, 0.7); z-index: 1; }
footer p { position: relative; z-index: 2; margin-bottom: 4px; }
footer a { color: var(--white, #ffffff); text-decoration: underline; }
.footer-item { white-space: nowrap; }
.footer-legal { font-size: 0.85em; opacity: 0.85; margin-top: 12px; }
.footer-credits { font-size: 0.75em; opacity: 0.75; margin-top: 6px; }