/* District 127 — Footer widget. Scoped under .d127f (mirrors the HTML footer). */

.d127f{
  --d127f-gold:#f2df74;
  background:#004165;color:#fff;text-align:center;
  padding:46px 24px 38px;
  font-family:'Montserrat',-apple-system,'Segoe UI',sans-serif;
}
.d127f *{box-sizing:border-box;}
.d127f a{text-decoration:none;color:inherit;}

/* brand */
.d127f-brand{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:26px;flex-wrap:wrap;}
.d127f-brandlink{display:inline-flex;align-items:center;gap:16px;}
.d127f-logo{height:auto;width:140px;max-width:100%;display:block;}
.d127f-district{font-weight:700;font-size:1.6rem;color:var(--d127f-gold);letter-spacing:.04em;line-height:1;}

/* socials */
.d127f-socials{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:24px;}
.d127f-socials a{display:inline-flex;color:#fff;opacity:.9;transition:opacity .2s,transform .2s;}
.d127f-socials a:hover{opacity:1;transform:translateY(-2px);}
.d127f-socials svg,.d127f-socials i{width:20px;height:20px;font-size:20px;line-height:1;fill:#fff;color:inherit;}

/* nav (static) */
.d127f-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 28px;margin:8px 0 26px;}
.d127f-nav a{
  font-weight:600;font-size:.82rem;letter-spacing:.03em;color:#fff;
  padding:3px 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s;
}
.d127f-nav a:hover{color:var(--d127f-gold);border-bottom-color:var(--d127f-gold);}
.d127f-nav a.active{border-bottom-color:#fff;}

/* bottom */
.d127f-copy{font-size:.82rem;color:rgba(255,255,255,.65);margin:0;}

@media(max-width:480px){
  .d127f-nav{gap:8px 18px;}
  .d127f-district{font-size:1.3rem;}
}