/* ============================================================
   Main Footer — footer-only styles ported from ah-theme
   ============================================================
   Enqueued only when Site Settings → Footer → Footer Template is
   "Main Footer". Loads AFTER styles.css, so it only carries the rules
   the main-footer markup adds; brand tokens, .container, .social-list
   base icons and the Offices section all come from styles.css.
   ============================================================ */

/* styles.css styles .footer-col a and .copyright for the product footer's
   centred three-column layout. Neutralise those before the main footer's
   own rules land. */
.footer-col a {
    display: inline;
    margin-bottom: 0;
}
.footer-bottom .copyright {
    text-align: left;
    font-size: inherit;
    padding-top: 0;
}

/* ---------- Footer ---------- */
.site-footer {
    background: var(--ah-purple);
    color: #fff;
    padding: var(--sp-8) 0 var(--sp-6);
    position: relative;
    overflow: hidden;
}
.site-footer .container { position: relative; }
.footer-cols {
    display: grid;
    grid-template-columns: 1.4fr repeat(5, 1fr);
    gap: var(--sp-6);
    margin-bottom: var(--sp-6);
}
.footer-col h4 {
    color: var(--ah-pink);
    font-size: var(--fs-md);
    margin-bottom: var(--sp-4);
}
.footer-col ul li { margin-bottom: var(--sp-2); }
.footer-col a {
    color: rgba(255,255,255,0.85);
    font-size: var(--fs-sm);
}
.footer-col a:hover { color: #fff; }
.footer-about p {
    color: rgba(255,255,255,0.78);
    font-size: var(--fs-sm);
    margin-bottom: var(--sp-4);
}
.footer-about img.footer-logo {
    height: 60px;
    margin-bottom: var(--sp-4);
}
.footer-about .need-help h4 { margin-top: var(--sp-4); }
.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.15);
    padding-top: var(--sp-5);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-4);
    align-items: center;
    justify-content: space-between;
    font-size: var(--fs-sm);
    color: rgba(255,255,255,0.7);
}
.footer-bottom ul.social-list {
    display: flex;
    gap: inherit;
}
.footer-bottom .social-list a {
    background: var(--ah-pink);
    width: 32px;
    height: 32px;
}
.footer-bottom .social-list svg { width: 15px; height: 15px; }
.footer-bottom .legal a { color: rgba(255,255,255,0.85); margin-left: var(--sp-4); }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
    .footer-cols { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 860px) {
    .footer-cols { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
    .footer-cols { grid-template-columns: 1fr; }
}