/** * Copyright (c) 2025-2026 Let's Automate. All rights reserved. * This source code is proprietary and confidential. * * CANONICAL SITE FOOTER STYLES. * * Paired with website/assets/partials/site-footer.html and written into every * page by scripts/sync-site-chrome.js. The markup alone was not enough to make * the footers match: index.html styles its footer with inline CSS in , * other pages inherit assets/css/website.css, and forty pages (every blog post, * terms, privacy, status) linked neither. Same markup, three different * renderings, which is the five-column-versus-two-column difference Dan * screenshotted on 2026-09-04. * * Linked LAST in so it beats a page's own older footer rules. Every * selector is footer-scoped: this file must never restyle anything else, since * it is added to pages whose layout nobody is re-testing today. */ footer { background: rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 50px 20px 30px; margin-top: 60px; } footer .footer-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; max-width: 1200px; margin: 0 auto 30px; text-align: left; padding: 0 20px; } footer .footer-col h3 { font-family: 'Orbitron', sans-serif; font-size: 0.85rem; margin-bottom: 15px; color: #22d3ee; text-transform: none; letter-spacing: 0; } footer .footer-col ul { list-style: none; margin: 0; padding: 0; } footer .footer-col li { margin-bottom: 8px; } /* 0.6 alpha on #0a0a12 is 5.5:1, the documented low-alpha floor in CLAUDE.md. The old footers used #888, which fails AA at this size. */ footer .footer-col a { color: rgba(255, 255, 255, 0.72); text-decoration: none; transition: color 0.3s; font-size: 0.9rem; display: inline-block; padding: 4px 0; line-height: 1.5; min-height: 0; } footer .footer-col a:hover, footer .footer-col a:focus-visible { color: #22d3ee; } footer .footer-tagline { color: rgba(255, 255, 255, 0.72); font-family: 'Orbitron', sans-serif; font-size: 0.85rem; letter-spacing: 1px; margin-top: 12px; text-transform: uppercase; } footer .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; text-align: center; max-width: 1200px; margin: 0 auto; } footer .footer-bottom p { color: rgba(255, 255, 255, 0.72); font-size: 0.85rem; line-height: 1.6; margin: 0; } @media (max-width: 900px) { footer .footer-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 600px) { footer .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } }