/* ============================================================
   AE SPORTS - FOOTER
   The markup lives in Blocksy's copyright field for now and is
   moved into real widget areas in a later phase. These class
   names must keep working until then.
   ============================================================ */

footer.ct-footer,
footer[data-footer]{
  background:var(--ae-ink);
  border-top:1px solid var(--ae-line-ink);
}
footer.ct-footer [data-row="bottom"]{padding-block:var(--ae-s8)}

.aeF{
  display:grid;
  grid-template-columns:1.25fr 1.05fr .9fr 1.15fr;
  gap:clamp(24px,3.2vw,56px);
  text-align:left;
}
.aeF .aeFc{min-width:0}
.aeF img{height:44px;width:auto;margin:0 0 var(--ae-s5);filter:brightness(0) invert(1)}

.aeF h4{
  font-family:var(--ae-ff);
  font-weight:700;
  font-size:var(--ae-l1);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ae-on-ink);
  margin:0 0 var(--ae-s4);
}
.aeF h4.aeFh2{margin-top:var(--ae-s6)}

.aeF p{
  font-family:var(--ae-ff);
  font-size:var(--ae-b2);
  line-height:1.7;
  color:var(--ae-on-ink-2);
  margin:0 0 var(--ae-s3);
  letter-spacing:0;
  text-transform:none;
}
.aeF b{color:var(--ae-on-ink);font-weight:700}

.aeF ul{list-style:none;margin:0;padding:0}
.aeF li{margin:0 0 var(--ae-s2)}
.aeF a{
  font-family:var(--ae-ff);
  font-size:var(--ae-b2);
  color:var(--ae-on-ink-2);
  text-decoration:none;
  letter-spacing:0;
  text-transform:none;
  transition:color var(--ae-t-micro) var(--ae-ease);
  display:inline-block;
  padding:3px 0;
}
.aeF a:hover{color:var(--ae-seal)}

.aeFm{
  font-family:var(--ae-ff);
  font-size:var(--ae-l1);
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--ae-seal);
  margin-top:var(--ae-s4);
}

.aeFwa{
  display:inline-flex;
  align-items:center;
  min-height:var(--ae-tap);
  padding:0 var(--ae-s5);
  background:var(--ae-wa);
  color:#fff;
  font-family:var(--ae-ff);
  font-weight:800;
  font-size:13px;
  letter-spacing:.06em;
  border-radius:var(--ae-r0);
  transition:background var(--ae-t-micro) var(--ae-ease);
}
.aeFwa:hover{background:#1fb457;color:#fff}

.aeFsoc a{margin-right:var(--ae-s4)}

.aeFpay{
  font-size:var(--ae-l1);
  color:var(--ae-on-ink-3);
  border-top:1px solid var(--ae-line-ink);
  padding-top:var(--ae-s3);
  margin-top:var(--ae-s4);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.aeFbar{
  border-top:1px solid var(--ae-line-ink);
  margin-top:var(--ae-s7);
  padding:var(--ae-s5) 0 0;
  text-align:center;
  color:var(--ae-on-ink-3);
  font-size:var(--ae-l1);
  letter-spacing:.06em;
}

@media(max-width:1000px){.aeF{grid-template-columns:1fr 1fr;gap:var(--ae-s6)}}
@media(max-width:600px){
  .aeF{grid-template-columns:1fr;gap:var(--ae-s6);text-align:left}
  .aeF img{margin-left:0}
}

/* --- Floating WhatsApp: one shadow, no pulse ring ----------- */
a.ae-wa{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:9999;
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--ae-wa);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  box-shadow:var(--ae-sh-overlay);
  transition:background var(--ae-t-micro) var(--ae-ease);
}
a.ae-wa:hover{background:#1fb457;color:#fff}
a.ae-wa svg{width:27px;height:27px;fill:#fff}
a.ae-wa::before{content:none}
@media(max-width:600px){
  a.ae-wa{right:14px;bottom:14px;width:52px;height:52px}
  a.ae-wa svg{width:25px;height:25px}
}
/* ============================================================
   FIXES - 11 Aug 2026
   ============================================================ */

/* Blocksy derives the footer ground from palette colour 6, which the token
   remap turned into the hairline grey. That left light grey text and a white
   logo on a light grey ground. Pin the ground to ink explicitly. */
/* Blocksy sets this at [data-footer*="type-1"] .ct-footer (0,2,0).
   body[data-footer] footer.ct-footer is (0,2,2), so it wins on merit
   rather than with !important. */
body[data-footer] footer.ct-footer,
body[data-footer] footer.ct-footer > div,
body[data-footer] footer.ct-footer [data-row],
body[data-footer] footer.ct-footer [data-column]{
  background-color:var(--ae-ink);
}

/* Readability: lift body copy and links well clear of the ground. */
body .aeF p,
body .aeF a,
body .aeF li{color:#C7CCD1}
body .aeF a:hover,
body .aeF a:focus-visible{color:var(--ae-seal)}
body .aeF b,
body .aeF h4{color:#FFFFFF}
body .aeFpay,
body .aeFbar{color:#9AA1A7}

/* The logo art is black and grey, so on the ink ground it is knocked out to
   white deliberately - inverting hue would leave it unreadable. */
body .aeF img{filter:brightness(0) invert(1)}

/* ---- Mobile: collapse the footer into sections ---- */
@media(max-width:767px){
  .aeF{gap:0}
  .aeF .aeFc{border-bottom:1px solid var(--ae-line-ink)}
  .aeF .aeFc:first-child{border-bottom:0;padding-bottom:var(--ae-s5)}

  .aeF .aeFc h4[data-ae-toggle]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    margin:0;
    padding:var(--ae-s4) 0;
    min-height:var(--ae-tap);
    cursor:pointer;
    user-select:none;
  }
  .aeF .aeFc h4[data-ae-toggle]::after{
    content:'';
    width:9px;height:9px;
    border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;
    transform:rotate(45deg);
    transition:transform var(--ae-t-micro) var(--ae-ease);
    flex:0 0 auto;
    margin-left:var(--ae-s3);
  }
  .aeF .aeFc h4[data-ae-toggle][aria-expanded="true"]::after{transform:rotate(-135deg)}

  .aeF .aeFc [data-ae-panel]{display:none;padding-bottom:var(--ae-s5)}
  .aeF .aeFc [data-ae-panel].is-open{display:block}

  .aeFbar{margin-top:var(--ae-s5);padding:var(--ae-s5) 0 0}
}
/* White on WhatsApp green measured 1.2:1. Ink on the same green is ~9.8:1,
   so the brand colour stays and the label darkens instead. */
body .aeF .aeFwa{color:var(--ae-ink);font-weight:800}
body .aeF .aeFwa:hover{background:#1fb457;color:var(--ae-ink)}