/* ══════════════════════════════════════════════════════════════════════ Ant Assist — shared site footer. SINGLE SOURCE OF TRUTH. Copied verbatim from the /services/customer-service/ footer, which is the agreed reference implementation. Loaded last in on every page, so it always wins over page CSS. Do not re-declare footer, .ft- or footer .wrap rules inside a page. Markup lives in assets/footer.partial.html, stamped in by tools/sync-shell.py. ══════════════════════════════════════════════════════════════════════ */ footer{background:#000;color:#fff;padding-top:52px;position:relative} footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--g)} /* The footer rail. Scoped to the footer and given a literal max-width so a page redefining --wrap (or swapping .wrap for .ft-wrap) cannot move it. */ footer .wrap{max-width:1160px;margin:0 auto;padding:0 28px;box-sizing:border-box} /* The logo is an inline image, so its line box used to grow with whatever line-height the page inherited (72 / 76 / 79.4px across the site). Flex plus an explicit 32px content height reproduces the reference row exactly (76px with the 44px padding) and is immune to inherited text metrics. */ footer .ft-logo-row{display:flex;align-items:center;height:32px;padding-bottom:44px;box-sizing:content-box} footer .ft-logo-row img{height:28px;width:auto;display:block} footer .ft-divider{height:1px;width:100%;background:rgba(255,255,255,.15);margin-bottom:44px} footer .ft-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0 0 48px;border-bottom:1px solid rgba(255,255,255,.15)} footer .ft-col h4{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin-bottom:16px;line-height:1.2} footer .ft-col a{display:block;font-size:.875rem;color:#fff;text-decoration:none;margin-bottom:10px;transition:color .2s;line-height:1.5} footer .ft-col a:hover{color:#fff} footer .ft-contact-item{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px} footer .ft-contact-item svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:#fff} footer .ft-contact-item span{font-size:.875rem;color:#fff;line-height:1.5} footer .ft-contact-item span a{color:inherit;text-decoration:none;transition:color .2s} footer .ft-contact-item span a:hover{color:#fff} footer .ft-legal{padding:22px 0} footer .ft-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px} footer .ft-bottom p{font-size:.78rem;color:#fff;line-height:1.5} footer .ft-links{display:flex;gap:20px;flex-wrap:wrap;align-items:center} footer .ft-links a{font-size:.78rem;color:#fff;text-decoration:none;transition:color .2s;line-height:1.5} footer .ft-links a:hover{color:#fff} /* Cookie preferences re-opener. Not present on the reference page, but carried over from the other 13 pages: it is the only way to reopen consent. */ footer .ft-cookie-btn{background:none;border:none;cursor:pointer;font-size:.78rem;color:#fff;font-family:'Inter',system-ui,sans-serif;padding:0;line-height:1.5;transition:color .2s} footer .ft-cookie-btn:hover{color:#fff} footer .ft-cookie-btn:focus-visible{outline:2px solid rgba(168,85,247,.75);outline-offset:3px;border-radius:3px} /* Responsive — exactly the reference page's breakpoints. */ @media(max-width:960px){ footer .ft-inner{grid-template-columns:repeat(2,1fr)} } @media(max-width:767px){ footer{padding-bottom:80px} /* clears the floating WhatsApp widget */ } @media(max-width:640px){ footer .ft-inner{grid-template-columns:1fr} }