/* ============================================================
   HEIRLOOM GOLD — footer.css
   Linked from include/footer.inc, so it loads after nav.css /
   heirloom.css on every page and wins without !important.

   Same dark ground and gold as the header (header.css).
   Every text colour below passes WCAG AA on #14130F:
     links     #D9CFB6  12.0:1
     headings  #CFAA5C   8.5:1
     strapline #C2B79E   9.3:1
     small     #A99F88   7.1:1
   ============================================================ */

.hg-footer {
    background: #14130F;
    color:      #D9CFB6;
}
.hg-footer-rule { height: 2px; background: #CFAA5C; opacity: .85; }

/* ── Brand column ────────────────────────────────────────── */
.hg-footer-logo      { display: inline-block; line-height: 0; }
.hg-footer-logo-img  { display: block; width: auto; height: 96px; max-width: none; }
.hg-footer-logo:focus-visible { outline: 2px solid #CFAA5C; outline-offset: 4px; }

.hg-footer-strapline {
    color:     #C2B79E;
    font-size: 15px;
    max-width: 260px;
    margin-top: 18px;
}

.hg-footer-socials { margin-top: 20px; gap: 8px; }
.hg-social-link {
    display:        inline-flex;
    align-items:    center;
    gap:            8px;
    font-size:      10px;
    color:          #D9CFB6;
    border:         1px solid #4A4436;
    padding:        8px 14px;
    text-transform: none;
    letter-spacing: .08em;
}
.hg-social-link:hover,
.hg-social-link:focus-visible { color: #F4EAD0; border-color: #CFAA5C; }

.hg-whatsapp-btn {
    font-size:  10px;
    color:      #F4EAD0;
    background: #1F4A2A;
    border:     1px solid #3C7A4C;
    padding:    10px 18px;
}
.hg-whatsapp-btn:hover,
.hg-whatsapp-btn:focus-visible { background: #28603A; border-color: #58A06E; }

/* ── Link columns ────────────────────────────────────────── */
.hg-footer-col h2.hg-footer-heading {
    font-size:     10px;
    color:         #CFAA5C;
    border-bottom: 1px solid #36322A;
}
.hg-footer-link {
    font-size:     13px;
    color:         #D9CFB6;
    margin-bottom: 10px;
}
.hg-footer-link:hover,
.hg-footer-link:focus-visible { color: #F4EAD0; text-decoration: underline; text-underline-offset: 3px; }

/* ── Bottom strip ────────────────────────────────────────── */
.hg-footer-bottom { border-top: 1px solid #2A2720; row-gap: 6px; }
.hg-footer-bottom span {
    font-size: 11px;
    color:     #A99F88;
    line-height: 1.6;
}
.hg-footer-bottom .hg-footer-legal {
    flex-basis:     100%;
    letter-spacing: .04em;
}

@media (max-width: 640px) {
    .hg-footer-logo-img { height: 72px; }
}