/* =========================================================
   FOOTER — matches sections/footer.html
   To add a new footer column: copy one .footer-col block in
   sections/footer.html.
   ========================================================= */
footer{background:var(--primary-dark); color:rgba(246,241,228,0.65); padding:56px 0 30px; border-top:1px solid var(--line);}
.footer-grid{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:32px; margin-bottom:40px;}
.footer-brand .logo{margin-bottom:12px;}
.footer-brand p{max-width:280px; font-size:14px; line-height:1.6;}
.footer-links{display:flex; gap:64px; flex-wrap:wrap;}
.footer-col h5{
  color:var(--gold-light); font-size:12.5px; letter-spacing:1.2px; text-transform:uppercase;
  margin-bottom:16px; font-weight:700;
}
.footer-col a{display:block; font-size:14px; margin-bottom:11px; opacity:0.85; transition:opacity .2s;}
.footer-col a:hover{opacity:1; color:var(--primary-light);}
.footer-bottom{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
  padding-top:26px; border-top:1px solid var(--line); font-size:13px;
}

@media (max-width: 900px){
  .footer-grid{flex-direction:column;}
}
.social-row{display:flex; gap:14px; margin-top:18px;}
.social-link{
  width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(246,241,228,0.25); color:rgba(246,241,228,0.75);
  transition:color .2s, border-color .2s, transform .2s;
}
.social-link svg{width:16px; height:16px;}
.social-link:hover{color:var(--gold-light); border-color:var(--gold); transform:translateY(-2px);}