/* ============================================================
   Footer — deep red widget area + near-black copyright bar.
   Metrics taken from the original site's computed styles.
   ============================================================ */

.site-footer {
  color: var(--footer-text);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.7;
}

.footer-widgets {
  background: #700000;
  padding: 63px 0 60px;
}

.footer-cols {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 800px) {
  .footer-cols { grid-template-columns: 1fr; text-align: center; }
}

.footer-col ul { list-style: none; margin: 0; padding: 0; }
.footer-col li { margin: 0; }

/* --- left column: link list with hanging › arrows (live: FA angle-right
   in the 12px list padding, 10px rhythm between items) --- */
.footer-menu-a li { padding: 0 10px 0 17px; }
.footer-menu-a li + li { padding-top: 10px; }
.footer-menu-a a { display: block; }
.footer-menu-a a::before {
  content: '›';
  float: left;
  margin-left: -17px;
  font-size: 22px;
  line-height: 33px;
}
@media (max-width: 800px) {
  .footer-menu-a a { display: inline-block; }
}

.site-footer a { color: var(--footer-text); font-size: 20px; font-weight: 300; }
.site-footer a:hover { color: var(--gold); }

/* --- middle column: centered logo + inline menu --- */
.footer-center { text-align: center; }
.footer-logo {
  display: block;
  width: 100%;
  max-width: 370px;
  height: auto;
  margin: 0 auto 50px;
}
.footer-inline-menu li { display: inline-block; }
.footer-inline-menu li + li { margin-left: 20px; }
.site-footer .footer-inline-menu a {
  color: var(--gold);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .3px;
}
.site-footer .footer-inline-menu a:hover { color: var(--footer-text); }

/* --- right column: contact + social icons --- */
.footer-contact { text-align: center; }
.footer-contact h4 {
  color: var(--footer-text);
  font-family: var(--font-body);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: .3px;
  text-transform: uppercase;
  margin: 0 0 28px;
}
.footer-contact p { margin: 0 0 1em; line-height: 34px; }
.site-footer .footer-contact p a {
  color: var(--gold);
  font-weight: 400;
}
.site-footer .footer-contact p a:hover { color: var(--footer-text); }

.footer-social { margin-top: 40px; }
.footer-social a {
  display: inline-block;
  color: var(--footer-text);
  padding: 0 6px;
  line-height: 1;
}
.footer-social a:hover { color: var(--gold); }
.footer-social svg { vertical-align: middle; }

/* --- copyright bar --- */
.footer-copyright {
  background: #170800;
  padding: 31px 10px 28px;
  text-align: center;
  font-size: 13px;
  color: var(--dark-red);
}
.footer-copyright a { color: var(--dark-red); font-size: 13px; font-weight: 500; }
.footer-copyright a:hover { color: var(--gold); }