{# MOBILE BASE ROW FIX #}
@media (max-width: 767px) {
  /* Force the brand row to stack */
  .hhs-foot-nav-base.row {
    display: flex !important;
    flex-direction: column !important;
  }
  /* Logo block takes the full row and centres */
  .hhs-foot-nav-base .col-sm-11.order-2-mobile {
    order: 1 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    justify-content: center;
    gap: 16px;
    text-align: center;
    flex-direction: column !important;
  }
  .hhs-foot-nav-base .hhs-foot-logo {
    flex: 0 0 100% !important;
    width: 100% !important;
    text-align: center;
    order: 1 !important;
  }
}

{# FOOTER ACCORDION HEADINGS —
   The theme colours <button> text with its link colour, and on iOS Safari
   -webkit-text-fill-color keeps that tint even when `color` is overridden.
   ID-scoped so it outranks the theme regardless of load order. #}
#hs_cos_wrapper_global_footer .vx-sitemap .vx-sitemap-col .vx-sitemap-title,
#hs_cos_wrapper_global_footer .vx-sitemap .vx-sitemap-col .vx-sitemap-title span,
#hs_cos_wrapper_global_footer .vx-sitemap .vx-sitemap-col .vx-sitemap-title:hover,
#hs_cos_wrapper_global_footer .vx-sitemap .vx-sitemap-col .vx-sitemap-title:hover span,
#hs_cos_wrapper_global_footer .vx-sitemap .vx-sitemap-col .vx-sitemap-title:focus,
#hs_cos_wrapper_global_footer .vx-sitemap .vx-sitemap-col .vx-sitemap-title:focus span {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

{# FOOTER SITEMAP LINKS —
   Same treatment for the links revealed inside an open accordion. #}
#hs_cos_wrapper_global_footer .vx-sitemap .vx-sitemap-links li a {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}