/* Universitas Scholarium — canonical site footer styles * Single source of truth for ALL footer rendering across the site. * Self-contained: uses CSS variable fallbacks so it renders correctly * on any page regardless of whether the host page declares :root tokens. * * Linked from every page's via: * * * Two footer modes are supported: * 1. footer.site-footer — standard 5-column footer (canonical, marketing parity) * 2. footer (bare) — legacy single-row inline footer (deprecated; kept * so old pages still render acceptably until rebuilt) */ /* ── 1. STANDARD 5-COLUMN FOOTER ────────────────────────────────────────── */ footer.site-footer { background: #1c1410; color: var(--parchment-dark, #e8dcc8); padding: 64px 24px 40px; font-family: var(--sans, 'Lato', system-ui, sans-serif); font-size: 0.92rem; line-height: 1.55; } footer.site-footer .footer-row { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 40px; padding-bottom: 40px; border-bottom: 1px solid #3a2a1c; } footer.site-footer .footer-col h5 { font-family: var(--sc, 'Cormorant SC', Georgia, serif); font-size: 0.85rem; letter-spacing: 0.12em; color: var(--gold-lt, #c49952); text-transform: uppercase; margin: 0 0 16px; font-weight: 600; } footer.site-footer .footer-col ul { list-style: none; padding: 0; margin: 0; } footer.site-footer .footer-col ul li { padding: 4px 0; } footer.site-footer .footer-col a { color: var(--parchment-dark, #e8dcc8); text-decoration: none; transition: color 0.2s; } footer.site-footer .footer-col a:hover { color: var(--gold-lt, #c49952); } footer.site-footer .footer-meta { max-width: 1200px; margin: 24px auto 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; font-size: 0.82rem; color: var(--ink-faint, #a89080); } footer.site-footer .footer-meta a { color: var(--ink-faint, #a89080); margin-left: 16px; text-decoration: none; transition: color 0.2s; } footer.site-footer .footer-meta a:hover { color: var(--gold-lt, #c49952); } @media (max-width: 640px) { footer.site-footer { padding: 48px 20px 32px; } footer.site-footer .footer-row { gap: 28px; padding-bottom: 28px; } footer.site-footer .footer-meta { flex-direction: column; gap: 8px; } footer.site-footer .footer-meta a { margin-left: 0; margin-right: 16px; } } /* ── 2. LEGACY BARE FOOTER (deprecated, kept for graceful fallback) ─────── */ footer:not(.site-footer) { text-align: center; padding: 48px 24px; font-family: var(--sans, 'Lato', system-ui, sans-serif); font-size: 0.85rem; color: var(--ink-faint, #a89080); border-top: 1px solid var(--rule, #d4c4b0); margin-top: 64px; } footer:not(.site-footer) a { color: var(--ink-faint, #a89080); text-decoration: none; transition: color 0.2s; margin: 0 4px; } footer:not(.site-footer) a:hover { color: var(--gold, #b07d3a); } footer:not(.site-footer) .footer-mark { color: var(--rule, #d4c4b0); margin: 0 8px; font-size: 0.7em; }