/**
 * Site footer in the 2026 design (includes/footer-v2.php). Self-contained, prefix ft-. Notes: /home/asltip/docs/footer-redesign/
 */
.ft{background:#071f37;color:#c9dbec;font-family:'Heebo',sans-serif;clear:both}
.ft .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.ft-wrap{max-width:1240px;margin:0 auto;padding:64px 24px 0}
.ft-top{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1fr;gap:40px 32px;padding-bottom:48px}
.ft-logo{display:inline-block;width:230px}
.ft-logo svg{display:block;width:100%;height:auto}
.ft .ft-logo .cls-1,.ft .ft-logo .cls-2{fill:#fff} /* the header logo keeps its colours - only the footer copy turns white */
.ft .ft-about{margin:18px 0 22px;font-size:14.5px;line-height:1.6;color:#a9c3dc;max-width:330px}
.ft-socs{display:flex;flex-wrap:wrap;gap:10px}
.ft .ft-soc{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);color:#fff;text-decoration:none}
.ft .ft-soc:hover{background:#1578cc;border-color:#1578cc}
.ft-soc svg{width:17px;height:17px}
.ft .ft-h{display:block;list-style:none;font:700 12px 'Heebo',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7fc0f3;margin:0 0 16px;cursor:default}
.ft .ft-h::-webkit-details-marker{display:none}
.ft .ft-h::marker{content:''}
.ft .ft-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ft .ft-list li{margin:0;padding:0;font-size:15px;line-height:1.35;background:none}
.ft .ft-list li::before,.ft .ft-list li::after{display:none}
.ft a{color:#dbe9f6;text-decoration:none}
.ft a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ft .ft-contact{font-style:normal;font-size:15px;line-height:1.6;margin:0 0 12px;color:#dbe9f6;max-width:220px}
.ft .ft-btn{display:inline-flex;margin-top:6px;padding:10px 18px;border-radius:4px;border:1.5px solid rgba(255,255,255,.35);color:#fff;font:500 12px 'Heebo',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.ft .ft-btn:hover{background:#fff;color:#0b2f52;text-decoration:none}
.ft-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;padding:22px 0 26px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;color:#8fa9c2}
.ft-legal{display:flex;flex-wrap:wrap;gap:6px 22px}
.ft .ft-bottom a{color:#a9c3dc}
.ft-by{margin-left:auto}
@media (max-width:1024px){
  .ft-top{grid-template-columns:1fr 1fr 1fr}
  .ft-brand{grid-column:1/-1}
}
@media (max-width:640px){
  .ft-wrap{padding:44px 16px 0}
  .ft-top{grid-template-columns:1fr;gap:0;padding-bottom:28px}
  .ft-brand{padding-bottom:26px}
  .ft-logo{width:200px}
  .ft-col{border-top:1px solid rgba(255,255,255,.12)}
  .ft details.ft-col .ft-h{margin:0;padding:16px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
  .ft details.ft-col .ft-h::after{content:"";width:9px;height:9px;border-right:2px solid #7fc0f3;border-bottom:2px solid #7fc0f3;transform:rotate(45deg);margin:-4px 4px 0 0}
  .ft details.ft-col[open] .ft-h::after{transform:rotate(-135deg);margin-top:4px}
  .ft details.ft-col .ft-list{padding-bottom:18px}
  .ft-col--contact{padding:20px 0 0}
  .ft-col--contact .ft-h{margin-bottom:12px}
  .ft-by{margin-left:0}
}

/* Colour (option asltip_footer_tone). Blue = the heroes' mid-blue gradient, live since 14 Oct 2026 pending the board;
   navy = the first version; pale = light blue with dark text and the full-colour logo. */
.ft--blue{background:linear-gradient(135deg,#0f3d6b 0%,#124a80 55%,#1a62a8 100%)}
.ft--blue .ft-h{color:#a9d4f7}
.ft--blue .ft-about{color:#c7dcef}
.ft--pale{background:#e3eff9;color:#384048}
.ft--pale .ft-logo .cls-2{fill:#3b454c}
.ft--pale .ft-logo .cls-1{fill:#1578cc}
.ft--pale .ft-h{color:#12507f}
.ft--pale .ft-about{color:#46586a}
.ft--pale a,.ft--pale .ft-contact{color:#00070e}
.ft--pale a:hover{color:#1578cc}
.ft--pale .ft-bottom{color:#5b6876;border-top-color:#c9dcee}
.ft--pale .ft-bottom a{color:#46586a}
.ft--pale .ft-soc{color:#1578cc;border-color:#b9d3ea;background:#fff}
.ft--pale .ft-soc:hover{background:#1578cc;color:#fff;border-color:#1578cc}
.ft--pale .ft-btn{color:#1578cc;border-color:#1578cc}
.ft--pale .ft-btn:hover{background:#1578cc;color:#fff}
@media (max-width:640px){
  .ft--pale .ft-col{border-top-color:#c9dcee}
  .ft--pale details.ft-col .ft-h::after{border-color:#1578cc}
}