/* Footer widgets, legal nav, and widget-column grid. */

.site-footer__grid--widgets {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 2.6fr) minmax(0, 1.35fr);
}

.hl-footer-widgets {
  display: grid;
  gap: 2rem;
  align-items: start;
}

.hl-footer-widgets--1 {
  grid-template-columns: 1fr;
}

.hl-footer-widgets--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hl-footer-widgets--3,
.hl-footer-widgets--4 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hl-footer-widgets--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hl-footer-widget {
  margin: 0;
}

.hl-footer-widget__title,
.site-footer .hl-footer-widget__title {
  margin: 0 0 1.15rem;
  color: var(--wp--preset--color--white);
  font-family: var(--wp--preset--font-family--body);
  font-size: 1rem;
  font-weight: 600;
}

.site-footer__legal-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer__legal a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}

.site-footer__legal a:hover,
.site-footer__legal a:focus {
  color: var(--wp--preset--color--gold);
}

.site-footer .menu-item a:focus-visible {
  outline: 2px solid var(--wp--preset--color--gold);
  outline-offset: 3px;
}

@media (max-width: 1100px) {
  .site-footer__grid--widgets {
    grid-template-columns: 1fr 1fr;
  }

  .site-footer__grid--widgets .site-footer__brand,
  .site-footer__grid--widgets .site-footer__newsletter,
  .site-footer__grid--widgets .hl-footer-widgets {
    grid-column: 1 / -1;
  }
}

@media (max-width: 719px) {
  .hl-footer-widgets--2,
  .hl-footer-widgets--3,
  .hl-footer-widgets--4 {
    grid-template-columns: 1fr;
  }

  .site-footer__bar {
    flex-direction: column;
    align-items: flex-start;
  }
}

[dir="rtl"] .site-footer__bar {
  flex-direction: row-reverse;
}