/* FNBMASTER shared footer */
.fnb-footer{
  background:#121A22;color:#CBD5E1;
  font-family:var(--fnb-font, "Poppins", system-ui, sans-serif);
  padding:56px 0 24px;margin-top:auto;
}
.fnb-footer__inner{max-width:1240px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}
.fnb-footer__grid{
  display:grid;
  grid-template-columns:1.5fr repeat(4, minmax(0,1fr));
  gap:36px 32px;margin-bottom:40px;
}
@media(max-width:1024px){.fnb-footer__grid{grid-template-columns:1.5fr 1fr 1fr;gap:32px 24px}}
@media(max-width:640px){.fnb-footer__grid{grid-template-columns:1fr 1fr;gap:28px 20px;margin-bottom:32px}}
@media(max-width:400px){.fnb-footer__grid{grid-template-columns:1fr}}

.fnb-footer__brand{grid-column:span 1}
.fnb-footer__logo-link{display:inline-block;margin-bottom:16px}
.fnb-footer__logo{height:38px;width:auto;display:block}
.fnb-footer__tagline{font-size:13.5px;line-height:1.55;color:#94A3B8;margin:0 0 18px;max-width:280px}

.fnb-footer__social{display:flex;gap:10px;flex-wrap:wrap}
.fnb-footer__social a{
  width:36px;height:36px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,0.06);color:#CBD5E1;
  text-decoration:none;transition:all 0.2s ease;
}
.fnb-footer__social a:hover{background:#0066F5;color:#fff;transform:translateY(-2px)}
.fnb-footer__social svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}

.fnb-footer__col h4{
  font-size:12px;font-weight:700;letter-spacing:0.12em;
  text-transform:uppercase;color:#FFFFFF;margin:0 0 14px;
}
.fnb-footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.fnb-footer__col a{
  font-size:13.5px;color:#94A3B8;text-decoration:none;
  transition:color 0.15s ease;
}
.fnb-footer__col a:hover{color:#FFFFFF}

.fnb-footer__bottom{
  padding-top:22px;border-top:1px solid rgba(255,255,255,0.08);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
}
.fnb-footer__legal{display:flex;flex-wrap:wrap;gap:18px}
.fnb-footer__legal a{
  font-size:12.5px;color:#94A3B8;text-decoration:none;transition:color 0.15s ease;
}
.fnb-footer__legal a:hover{color:#FFFFFF}
.fnb-footer__copy{font-size:12.5px;color:#64748B}

@media(max-width:640px){
  .fnb-footer{padding:40px 0 20px}
  .fnb-footer__bottom{flex-direction:column;align-items:flex-start;gap:12px}
  .fnb-footer__legal{gap:14px}
}

/* ── Mobile: simplified footer — brand + legal only ── */
@media(max-width:640px){
  .fnb-footer{padding:32px 0 20px}
  .fnb-footer__grid{
    grid-template-columns:1fr !important;
    gap:0 !important;
    margin-bottom:24px !important;
  }
  /* Show brand block, hide the 4 link columns */
  .fnb-footer__brand{
    display:block !important;
    text-align:center;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,0.08);
    margin-bottom:0;
  }
  .fnb-footer__logo-link{margin:0 auto 12px;display:inline-block}
  .fnb-footer__tagline{max-width:100%;margin:0 auto 16px;font-size:13px}
  .fnb-footer__social{justify-content:center}
  .fnb-footer__col{display:none !important}
  .fnb-footer__bottom{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:14px;
    padding-top:0;
    border-top:none;
  }
  .fnb-footer__legal{
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
  }
  .fnb-footer__legal a{font-size:12px}
  .fnb-footer__copy{font-size:11.5px;text-align:center}
}

/* ── Ultra-compact mobile footer ── */
@media(max-width:640px){
  .fnb-footer{padding:24px 0 16px !important}
  .fnb-footer__grid{
    grid-template-columns:1fr !important;
    gap:0 !important;
    margin-bottom:16px !important;
  }
  .fnb-footer__brand{
    padding-bottom:14px !important;
    margin-bottom:0 !important;
    text-align:center !important;
  }
  .fnb-footer__logo{height:30px !important;margin:0 auto 10px !important}
  .fnb-footer__tagline{
    font-size:12px !important;
    margin:0 auto 12px !important;
    line-height:1.5 !important;
    max-width:280px !important;
  }
  .fnb-footer__social{gap:8px !important;justify-content:center !important}
  .fnb-footer__social a{width:32px !important;height:32px !important}
  .fnb-footer__social svg{width:14px !important;height:14px !important}
  .fnb-footer__col{display:none !important}
  .fnb-footer__bottom{
    flex-direction:column !important;
    gap:10px !important;
    padding-top:0 !important;
    border-top:none !important;
    align-items:center !important;
    text-align:center !important;
  }
  .fnb-footer__legal{justify-content:center !important;gap:12px !important}
  .fnb-footer__legal a{font-size:11.5px !important}
  .fnb-footer__copy{font-size:11px !important}
}

/* ── FORCE transparent background on footer logo (any source) ── */
.fnb-footer__logo,
.fnb-footer__logo-link,
.fnb-footer__logo-link img,
.fnb-footer__brand,
.fnb-footer__brand img,
footer .fnb-footer__logo,
footer img[class*="fnb-footer__logo"]{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  mix-blend-mode:normal !important;
}
/* In case the logo file needs to sit on dark footer, add subtle drop-shadow for definition */
footer .fnb-footer__logo{
  filter:none !important;
  opacity:1 !important;
}
