/* ==========================================================================
   Indie Insights — shared chrome branding (portal global footer).
   Owned by inc/ii-portal.php. Reproduces the approved II-10 site-footer
   (the only footer in the approved mockups) as the portal-wide footer.
   Dark band in BOTH themes, by design (matches the mockup); explicit colours
   so it is safe under .ii-dark. Presentation only.
   ========================================================================== */

.ii-portal-footer{
  background:#1F1A2B;                /* II-10 --ink */
  color:#CFC6DA;                     /* II-10 --on-ink-muted */
  font-family:'Lato',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:14.5px;line-height:1.5;
  padding:52px 0 34px;margin-top:48px;
  /* full-bleed: span edge-to-edge even inside a boxed/column layout */
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:auto;
}
.ii-portal-footer a{color:#CFC6DA;text-decoration:none;}
.ii-portal-footer .iipf-wrap{max-width:1180px;margin:0 auto;padding:0 32px;}

.ii-portal-footer .iipf-grid{
  display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:36px;
}

/* brand + blurb */
.ii-portal-footer .iipf-logo{display:inline-flex;align-items:center;height:42px;color:#fff;}
.ii-portal-footer .iipf-logo .ii-brand-lockup{height:42px;}
.ii-portal-footer .iipf-about p{margin:20px 0 0;font-size:14.5px;max-width:38ch;color:#CFC6DA;}
.ii-portal-footer .iipf-m1{color:#EBB394;font-weight:600;}        /* II-10 --amber-60 */
.ii-portal-footer .iipf-m1:hover{color:#fff;}
.ii-portal-footer .iipf-one{color:#B39BD1;font-weight:700;}       /* II-10 --m1-purple-lt */
.ii-portal-footer .iipf-r{font-size:.6em;vertical-align:super;line-height:0;}

/* link columns */
.ii-portal-footer .iipf-col h4{
  font-family:'Lato',system-ui,sans-serif;font-weight:400;font-size:12px;
  letter-spacing:.18em;text-transform:uppercase;color:#fff;margin:0 0 14px;
}
.ii-portal-footer .iipf-col a{
  display:block;font-size:14.5px;padding:5px 0;transition:color .18s ease;
}
.ii-portal-footer .iipf-col a:hover{color:#EBB394;}

/* bottom / legal */
.ii-portal-footer .iipf-bottom{
  margin-top:42px;padding-top:22px;border-top:1px solid rgba(244,240,245,.12);
  display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;justify-content:space-between;
  font-size:13px;
}
.ii-portal-footer .iipf-bottom nav{display:flex;flex-wrap:wrap;gap:20px;}
.ii-portal-footer .iipf-bottom a:hover{color:#fff;}

@media (max-width:900px){ .ii-portal-footer .iipf-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .ii-portal-footer .iipf-grid{grid-template-columns:1fr;} }
@media print{ .ii-portal-footer{display:none;} }