/* Footer styling — ported from RDL's footer.css. The sticky-footer flex
   rules (body/main) live in CSS/style.css already; this file is footer-only.
   Deliberately translucent, not an opaque gradient — body's theme
   background is background-attachment:fixed, so a flat tint here shows the
   exact same underlying page background as everywhere else, just subtly
   dimmed, instead of a differently-colored panel glued on at the bottom.
   Overrides themes.css's per-theme `footer { background: ...; box-shadow:
   ...; }` (loads after this file) with !important — same reasoning as
   CSS/nav.css, and matches nav's tint exactly so the two blend together too. */
footer {
    background: rgba(0, 0, 0, 0.3) !important;
    box-shadow: none !important;
    border: none !important;
    color: #fff;
    padding: 10px 0;
    width: 100%;
    flex-shrink: 0;
    z-index: 100;
    position: relative;
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
}

.footer-content p { margin: 0; }

@media (max-width: 768px) {
    footer { padding: 8px 0; }
    .footer-content { padding: 0 10px; }
}