/* ════════════════════════════════════════════════════════════════════════════
   GWH SOVEREIGN FOOTER CSS — SHARED ACROSS ALL PAGES
   Source of truth: apex_hq.html footer styles
   ════════════════════════════════════════════════════════════════════════════ */

/* ── DESKTOP FOOTER ── */
#gwh-footer{background:rgba(3,0,13,.97);border-top:1px solid rgba(188,19,254,.18);padding:40px 5% 80px;font-family:'JetBrains Mono',monospace}
#gwh-footer .gf-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;margin-bottom:32px}
#gwh-footer .gf-brand{font-family:'Orbitron',sans-serif;font-size:18px;font-weight:900;letter-spacing:3px;background:linear-gradient(90deg,#14F195,#00ffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;display:block}
#gwh-footer .gf-tagline{font-size:11px;color:rgba(255,255,255,.35);line-height:1.7;margin-bottom:16px}
#gwh-footer .gf-socials{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
#gwh-footer .gf-social{width:32px;height:32px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);text-decoration:none;font-size:13px;transition:.2s}
#gwh-footer .gf-social:hover{border-color:rgba(0,255,255,.4);color:#00ffff}
#gwh-footer .gf-col-title{font-family:'Orbitron',sans-serif;font-size:9px;font-weight:900;letter-spacing:2px;color:rgba(0,255,255,.7);text-transform:uppercase;margin-bottom:14px}
#gwh-footer .gf-links{display:flex;flex-direction:column;gap:8px}
#gwh-footer .gf-links a{color:rgba(255,255,255,.38);text-decoration:none;font-size:11px;transition:.15s;display:flex;align-items:center;gap:6px}
#gwh-footer .gf-links a:hover{color:#00ffff}
#gwh-footer .gf-links a::before{content:'◈';color:rgba(188,19,254,.5);font-size:8px}
#gwh-footer .gf-ca{background:rgba(0,0,0,.4);border:1px dashed rgba(0,255,255,.2);border-radius:10px;padding:12px 14px;cursor:pointer;transition:.2s;margin-top:16px}
#gwh-footer .gf-ca:hover{border-color:rgba(0,255,255,.4)}
#gwh-footer .gf-ca-lbl{font-size:8px;color:rgba(188,19,254,.7);font-family:'Orbitron',sans-serif;letter-spacing:2px;margin-bottom:4px}
#gwh-footer .gf-ca-addr{font-size:9px;color:rgba(0,255,255,.7);word-break:break-all;line-height:1.5}
#gwh-footer .gf-chains{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#gwh-footer .gf-chain-btn{padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:rgba(255,255,255,.35);text-decoration:none;font-size:9px;font-weight:700;font-family:'Orbitron',monospace;letter-spacing:.5px;transition:.2s;display:inline-flex;align-items:center;gap:5px}
#gwh-footer .gf-chain-btn:hover{border-color:rgba(20,241,149,.3);color:#14F195}
#gwh-footer .gf-bottom{max-width:1100px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
#gwh-footer .gf-copy{font-size:10px;color:rgba(255,255,255,.2);font-family:'Orbitron',monospace}
#gwh-footer .gf-disc{font-size:9px;color:rgba(255,255,255,.15);max-width:500px;line-height:1.6}
/* Live data */
#gwh-footer .gf-live-row{font-size:10px;color:rgba(255,255,255,.25);line-height:1.9;margin-top:8px}
#gwh-footer .gf-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#14F195;box-shadow:0 0 6px #14F195;margin-right:5px;vertical-align:middle}

/* ── MOBILE FOOTER ── */
@media(max-width:768px){
  #gwh-footer{padding:28px 5% max(90px,env(safe-area-inset-bottom,0px)+72px)}
  #gwh-footer .gf-inner{grid-template-columns:1fr;gap:22px;margin-bottom:20px}
  #gwh-footer .gf-brand{font-size:16px}
  #gwh-footer .gf-tagline{font-size:12px}
  #gwh-footer .gf-links{gap:0}
  #gwh-footer .gf-links a{
    min-height:44px;padding:10px 6px;
    border-bottom:1px solid rgba(255,255,255,.04);
    font-size:12px;letter-spacing:.5px
  }
  #gwh-footer .gf-links a:last-child{border-bottom:none}
  #gwh-footer .gf-chain-btn{
    flex:1 1 calc(50% - 4px);
    justify-content:center;
    min-height:40px;padding:8px 6px;
    font-size:8px
  }
  #gwh-footer .gf-bottom{
    flex-direction:column;align-items:flex-start;gap:10px;
    padding-top:16px
  }
  #gwh-footer .gf-disc{text-align:left;max-width:100%;font-size:9px}
  #gwh-footer .gf-ca-addr{font-size:9px;letter-spacing:0}
  #gwh-footer .gf-social{width:40px;height:40px;font-size:15px}
}