/**
 * Public/marketing footer — single source of truth for the footer at the bottom
 * of every public page. Loaded automatically by footer-public.php.
 *
 * "The Periodical" redesign 2026-06-22 (deep-navy) → LIGHT editorial footer
 * 2026-06-25: paper bg + top hairline rule + navy/muted text, so the dark
 * `.close` CTA card stays the single dark moment and the footer recedes (it
 * bookends the page with the translucent-paper top nav). Uses theme.css tokens
 * with literal fallbacks so it renders correctly even before theme.css loads.
 */

footer {
    background: var(--sheet, #ffffff);
    color: var(--ink, #11263b);
    padding: 54px 20px 34px;
    text-align: center;
    border-top: 1px solid var(--rule, rgba(0,55,109,0.16));
}
.footer-content {
    max-width: 1140px;
    margin: 0 auto;
}
.footer-content > img {
    max-width: 150px;
    margin: 0 auto 4px;
    display: block;
}

/* tagline layout carried by inline styles in footer-public.php */
.footer-tagline {}

.footer-links {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin: 20px 0 0;
    flex-wrap: wrap;
}
.footer-links a {
    font-family: var(--body, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    color: var(--muted, #3f4e5e);
    text-decoration: none;
    font-size: 0.92rem;
    transition: color 0.15s ease;
}
.footer-links a:hover {
    color: var(--green-dark, #0d8563);
}

.footer-auth a {
    color: var(--muted, #3f4e5e);
    text-decoration: none;
    transition: color 0.15s ease;
}
.footer-auth a:hover {
    color: var(--green-dark, #0d8563);
    text-decoration: underline;
}

.footer-bottom {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--rule, rgba(0,55,109,0.16));
    color: var(--muted, #3f4e5e);
    font-size: 0.84rem;
}
.footer-bottom p { margin: 0; }

@media (max-width: 768px) {
    footer { padding: 40px 16px 24px; }
    .footer-links { gap: 16px; font-size: 0.88rem; }
}