/* ==========================================================================
   Site footer. Markup: resources/views/sections/footer.blade.php
   DD Group: inset navy band with the 32px radius, white logo + social discs,
   two link columns, a white "Contact Us" pill, a brand-blue rule, copyright.
   ========================================================================== */

.site-footer{padding-bottom:var(--band-inset);margin-top:var(--section-y)}
.site-footer__band{padding:clamp(32px, 3vw, 40px) 0 clamp(24px, 2.5vw, 32px)}

.site-footer__top{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr 1fr;gap:var(--gap);align-items:start}

.site-footer__brand{display:inline-flex;text-decoration:none;color:var(--white)}
/* The custom logo is the navy mark; the footer knocks it to white. */
.site-footer__brand img,.site-footer__brand .custom-logo{width:auto;height:40px;filter:brightness(0) invert(1)}
.site-footer__name{font-family:var(--font-display);font-size:var(--step-h3);font-weight:700}

.site-footer__social{display:flex;gap:28px;list-style:none;padding:0;margin:2.75rem 0 0}
.site-footer__social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;background:var(--white);color:var(--navy);
  transition:background var(--speed) var(--ease);
}
.site-footer__social a:hover{background:var(--accent)}
.site-footer__social svg{width:18px;height:18px}

.site-footer__links{list-style:none;padding:0;margin:0}
.site-footer__links li+li{margin-top:.35rem}
.site-footer__links a{font-size:1.0625rem;color:var(--white);text-decoration:none;transition:color var(--speed) var(--ease)}
.site-footer__links a:hover{color:var(--accent)}

.site-footer__cta{justify-self:end;min-width:256px}

.site-footer__bottom{margin-top:clamp(28px, 3vw, 40px);padding-top:1.5rem;border-top:1px solid var(--brand)}
.site-footer__copy{margin:0;font-size:var(--step-micro)}

@media (max-width: 1024px){
  .site-footer__top{grid-template-columns:1fr 1fr}
  .site-footer__cta{justify-self:start;grid-column:1 / -1}
}
@media (max-width: 600px){
  .site-footer__top{grid-template-columns:1fr}
  .site-footer__social{margin-top:1.5rem}
  .site-footer__cta{min-width:0;width:100%}
}