/* ═══════════════════════════════════════════════════════════════
   FOOTER — shared across all pages
   Responsywne reguły (mobile padding, column layout) pozostają
   inline per-page bo są wplecione w inne @media rules.
═══════════════════════════════════════════════════════════════ */

footer {
    padding: 32px 48px;
    background: var(--forest-darkest);
    color: rgba(255,255,255,0.35);
    font-size: 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer a {
    color: rgba(255,255,255,0.50);
    text-decoration: none;
    transition: color 0.2s;
}
footer a:hover { color: #fff; }

.footer-links {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}