/* =========================================================
   footer.css — site footer.
   ========================================================= */

footer {
  background: linear-gradient(160deg, var(--navy-deep), var(--navy-deeper));
  color: rgba(255, 255, 255, 0.75); padding: 60px 0 30px;
}
.footer-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 32px; margin-bottom: 40px; }
.footer-brand { max-width: 340px; }
.footer-brand .brand-logo { display: block; height: 50px; width: auto; flex: none; }
.footer-brand .brand-text .b1 { color: #fff; } /* footer is always dark */
.footer-brand p { color: rgba(255, 255, 255, 0.6); margin-top: 16px; font-size: 0.95rem; }
.footer-cols { display: flex; gap: 56px; flex-wrap: wrap; }
.footer-col h4 { color: #fff; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 16px; }
.footer-col a, .footer-col p { display: block; color: rgba(255, 255, 255, 0.7); font-size: 0.95rem; margin-bottom: 10px; transition: color .2s ease; }
.footer-col a:hover { color: var(--green-bright); }
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 24px;
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;
  font-size: 0.85rem; color: rgba(255, 255, 255, 0.5);
}