/* ============================================================
   Chicago Historic Hotels — shared site footer
   Single source of truth for the FINAL footer, loaded site-wide
   (parallel to header.css). index.html keeps its own inline copy
   as the design source of truth; every other page links this file.

   Color tokens use fallback chains so the footer renders correctly
   on pages that define --navy-deep (home/hub), pages that only
   define --navy (hotel pages), and pages with neither.
   ============================================================ */

.footer{
  background:var(--navy-deep, var(--navy, #142235));
  color:#aebccd;
  padding:54px 0 30px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr;
  gap:30px;
}
.footer h4{ color:#fff;font-size:14px;font-weight:500;margin-bottom:14px;text-transform:none;letter-spacing:normal }
.footer p{ font-size:13px;line-height:1.7 }
.footer ul{ list-style:none;margin:0;padding:0 }
.footer li{ margin-bottom:9px }
.footer a{ font-size:13.5px;color:#aebccd;text-decoration:none;transition:color .2s }
.footer a:hover{ color:var(--gold, #d9a73f) }

/* brand column */
.footer-brand{ text-align:center }
.footer-logo{ width:200px;max-width:70%;height:auto;display:block;margin:0 auto 16px }
.footer-brand-text{ max-width:400px;margin:0 auto;text-align:left }
.footer-tag{ font-size:13px;line-height:1.7 }
.footer-init{ font-size:13px;opacity:.85;margin-top:8px }

/* legal / credits base line */
.footer-base{
  border-top:.5px solid rgba(255,255,255,.12);
  margin-top:40px;
  padding-top:22px;
  font-size:12px;
  color:#7e8fa2;
  text-align:center;
  line-height:1.7;
}

@media (max-width:1000px){ .footer-grid{ grid-template-columns:1fr 1fr } }
@media (max-width:640px){ .footer-grid{ grid-template-columns:1fr } }