/* v548U — Mobile footer link stack hardfix.
   Fixes concatenated footer links caused by earlier compact mobile footer rules.
   Scope: public footer on mobile/tablet only. Desktop remains unchanged. */

@media (max-width: 860px){
  body:not([class*="admin"]) footer.footer br,
  body:not([class*="admin"]) .footer br{
    display: initial !important;
  }

  body:not([class*="admin"]) footer.footer .footer-grid > div:nth-child(n+2) p,
  body:not([class*="admin"]) .footer .footer-grid > div:nth-child(n+2) p,
  body:not([class*="admin"]) footer.footer .footer-grid-3 > div:nth-child(n+2) p,
  body:not([class*="admin"]) .footer .footer-grid-3 > div:nth-child(n+2) p{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    margin-top: 4px !important;
  }

  body:not([class*="admin"]) footer.footer .footer-grid > div:nth-child(n+2) p br,
  body:not([class*="admin"]) .footer .footer-grid > div:nth-child(n+2) p br,
  body:not([class*="admin"]) footer.footer .footer-grid-3 > div:nth-child(n+2) p br,
  body:not([class*="admin"]) .footer .footer-grid-3 > div:nth-child(n+2) p br{
    display: none !important;
  }

  body:not([class*="admin"]) footer.footer .footer-grid > div:nth-child(n+2) p a,
  body:not([class*="admin"]) .footer .footer-grid > div:nth-child(n+2) p a,
  body:not([class*="admin"]) footer.footer .footer-grid-3 > div:nth-child(n+2) p a,
  body:not([class*="admin"]) .footer .footer-grid-3 > div:nth-child(n+2) p a{
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  body:not([class*="admin"]) footer.footer .footer-grid > div:first-child p,
  body:not([class*="admin"]) .footer .footer-grid > div:first-child p,
  body:not([class*="admin"]) footer.footer .footer-grid-3 > div:first-child p,
  body:not([class*="admin"]) .footer .footer-grid-3 > div:first-child p{
    line-height: 1.36 !important;
  }

  body:not([class*="admin"]) footer.footer .footer-grid > div:first-child p br,
  body:not([class*="admin"]) .footer .footer-grid > div:first-child p br,
  body:not([class*="admin"]) footer.footer .footer-grid-3 > div:first-child p br,
  body:not([class*="admin"]) .footer .footer-grid-3 > div:first-child p br{
    display: block !important;
    content: "" !important;
    margin-bottom: 2px !important;
  }

  body:not([class*="admin"]) footer.footer .footer-grid > div:nth-child(3) .small,
  body:not([class*="admin"]) .footer .footer-grid > div:nth-child(3) .small,
  body:not([class*="admin"]) footer.footer .footer-grid-3 > div:nth-child(3) .small,
  body:not([class*="admin"]) .footer .footer-grid-3 > div:nth-child(3) .small{
    margin-top: 8px !important;
    max-width: 28ch !important;
    line-height: 1.32 !important;
  }
}

@media (max-width: 480px){
  body:not([class*="admin"]) footer.footer .footer-grid,
  body:not([class*="admin"]) .footer .footer-grid,
  body:not([class*="admin"]) footer.footer .footer-grid-3,
  body:not([class*="admin"]) .footer .footer-grid-3{
    gap: 10px 14px !important;
  }

  body:not([class*="admin"]) footer.footer .footer-grid > div:nth-child(n+2) p,
  body:not([class*="admin"]) .footer .footer-grid > div:nth-child(n+2) p,
  body:not([class*="admin"]) footer.footer .footer-grid-3 > div:nth-child(n+2) p,
  body:not([class*="admin"]) .footer .footer-grid-3 > div:nth-child(n+2) p{
    gap: 4px !important;
  }
}
