.site-footer.ukg-footer-compact .footer-top {
  padding-block: clamp(1.5rem, 4vw, 2.75rem) !important;
}

.site-footer.ukg-footer-compact .footer-grid {
  grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.35fr) !important;
  gap: 1.5rem !important;
}

.ukg-footer-compact .footer-col a { line-height: 1.4; }
.ukg-footer-compact details { margin-block-start: .4rem; }
.ukg-footer-compact summary { cursor: pointer; font-weight: 600; }
.ukg-footer-compact details a { display: block; margin-block: .4rem; }
.ukg-footer-apps { margin-block-start: 1rem; font-size: .875rem; }
.ukg-footer-app-links { display: flex; flex-wrap: wrap; gap: .4rem; margin-block-start: .45rem; }
.ukg-footer-app-badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .4rem .6rem;
  border: 1px solid #a8b7d3;
  border-radius: .5rem;
  color: #fff !important;
  background: #142344;
  line-height: 1.2;
  direction: ltr;
}
a.ukg-footer-app-badge:hover, a.ukg-footer-app-badge:focus-visible { background: #283e68; }

@media (max-width: 1050px) {
  .site-footer.ukg-footer-compact .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 520px) {
  .site-footer.ukg-footer-compact :is(.footer-brand, .ukg-footer-connect) { grid-column: 1 / -1; }
}

.ukg-footer-compact .ukg-footer-connect {
  min-width: 0;
  border-inline-start: 1px solid rgba(174, 191, 220, .3);
  padding-inline-start: 1rem;
}

.ukg-footer-connect .footer-climate-commitment img {
  max-inline-size: min(100%, 10rem);
  block-size: auto;
}

@media (max-width: 520px) {
  .ukg-footer-compact .ukg-footer-connect {
    border-inline-start: 0;
    border-block-start: 1px solid rgba(174, 191, 220, .3);
    padding-inline-start: 0;
    padding-block-start: 1rem;
  }
}

.ukg-footer-compact .ukg-footer-mobile-initiative {
  display: none;
}

@media (max-width: 767px) {
  .site-footer.ukg-footer-compact .footer-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1rem !important;
  }

  .site-footer.ukg-footer-compact .footer-grid > .footer-col:not(.ukg-footer-connect) {
    display: none !important;
  }

  .ukg-footer-compact .ukg-footer-mobile-initiative {
    display: inline-block;
    margin-block-start: .75rem;
    text-decoration: underline;
    text-underline-offset: .2em;
  }

  .ukg-footer-compact .ukg-footer-connect {
    border-inline-start: 0;
    border-block-start: 1px solid rgba(174, 191, 220, .3);
    padding-inline-start: 0;
    padding-block-start: 1rem;
  }
}