/* VoteMotta2028 Compact Footer + Mobile Navigation v26.4
   Fluent-inspired: compact hierarchy, responsive reflow, 44px mobile targets. */
:root{--vm-footer-max:1280px;--vm-mobile-nav-h:58px}

footer,
[role="contentinfo"]{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:18px max(16px,calc((100vw - var(--vm-footer-max))/2))!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

footer>*,
[role="contentinfo"]>*{
  margin-top:0!important;
  margin-bottom:10px!important;
}

footer p,
[role="contentinfo"] p{
  margin:4px 0!important;
  line-height:1.4!important;
}

footer nav,
[role="contentinfo"] nav{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px 14px!important;
  margin:8px 0!important;
}

footer a,
[role="contentinfo"] a{
  line-height:1.25!important;
}

footer img,
[role="contentinfo"] img{
  max-height:42px!important;
  width:auto!important;
}

.vm-footer-compact .vm-footer-secondary,
.vm-footer-compact [data-footer-secondary]{
  margin-top:8px!important;
  padding-top:8px!important;
  border-top:1px solid rgba(127,127,127,.24)!important;
}

@media(max-width:760px){
  body.vmfc-has-bottom-nav{padding-bottom:calc(var(--vm-mobile-nav-h) + env(safe-area-inset-bottom))!important}

  footer,
  [role="contentinfo"]{
    padding:14px 14px 16px!important;
    font-size:.86rem!important;
  }

  footer nav,
  [role="contentinfo"] nav{
    gap:6px 10px!important;
  }

  footer a,
  [role="contentinfo"] a{
    min-height:36px;
    display:inline-flex;
    align-items:center;
  }

  .vmcn-mobile-six,
  nav.vmcn-mobile-six{
    height:calc(var(--vm-mobile-nav-h) + env(safe-area-inset-bottom))!important;
    min-height:calc(var(--vm-mobile-nav-h) + env(safe-area-inset-bottom))!important;
    max-height:calc(var(--vm-mobile-nav-h) + env(safe-area-inset-bottom))!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
    grid-template-columns:repeat(6,minmax(56px,1fr))!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }

  .vmcn-mobile-six>a,
  .vmcn-mobile-six>button{
    min-width:56px!important;
    min-height:44px!important;
    height:var(--vm-mobile-nav-h)!important;
    padding:4px!important;
    margin:0!important;
    line-height:1.05!important;
  }
}

@media(min-width:761px){
  footer,
  [role="contentinfo"]{
    padding-top:20px!important;
    padding-bottom:20px!important;
  }
}