/* ==========================================================================
   Site footer. Markup: resources/views/sections/footer.blade.php
   Sits on .surface-brand (slate); text is a soft grey-blue, links white.
   ========================================================================== */

.site-footer{color:#C2CBCF;font-size:var(--step-small)}
.site-footer a{color:var(--white);text-decoration:none}
.site-footer a:hover{text-decoration:underline}

.site-footer__grid{display:grid;gap:2rem 3rem;grid-template-columns:1.3fr 1fr 1fr 1fr;padding-block:3.5rem 2rem}
.site-footer__about p{max-width:30rem}
.site-footer__brand{display:inline-block;margin-bottom:1rem}
.site-footer__brand img{width:auto;height:84px;max-width:260px;object-fit:contain;background:var(--white);padding:10px 16px;border-radius:10px}
.site-footer__name{font-size:var(--step-h3);font-weight:800;color:var(--white)}
.site-footer__badges{display:flex;gap:1rem;align-items:center;margin-top:1.25rem}
.site-footer__badges img{height:44px;width:auto;border-radius:4px;background:var(--white);padding:4px}

.site-footer__title{margin:0 0 .75rem;color:var(--white);font-size:var(--step-body);font-weight:700}
.site-footer__list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}

.site-footer__legal{display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between;padding-block:1.25rem 2rem;border-top:1px solid #3A4A50;font-size:var(--step-micro)}
.site-footer__legal p{margin:0;max-width:none}

@media (max-width: 820px){ .site-footer__grid{grid-template-columns:1fr 1fr} }
@media (max-width: 480px){ .site-footer__grid{grid-template-columns:1fr} }