/**
 * @file nd96-footer.css
 * National Day 96 footer band and vertically centered logo row.
 */

.site-footer--nd96 {
  position: relative;
  padding-top: 8.125rem;
}

.site-footer--nd96::before {
  background: var(--nd96-footer-band, url("../images/nd96/footer-bg-n96.svg")) no-repeat center top;
  background-size: 100% auto;
  content: "";
  height: 93px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

[dir="rtl"] .site-footer--nd96::before {
  left: auto;
  right: 0;
}

.site-footer--nd96 .footer-logos,
.site-footer--nd96 .logo.footer-logos {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  justify-content: flex-end;
}

.site-footer--nd96 .footer-logos a {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  line-height: 0;
}

.site-footer--nd96 .footer-logos__sep {
  align-self: center;
  background-color: rgba(255, 255, 255, 0.35);
  flex: 0 0 auto;
  height: 48px;
  width: 1px;
}

.site-footer--nd96 .footer-logo,
.site-footer--nd96 .footer-logos img,
.site-footer--nd96 .logo img {
  display: block;
  filter: none;
  flex: 0 0 auto;
  height: 48px;
  max-height: 48px;
  object-fit: contain;
  width: auto;
}

.site-footer--nd96 .footer-logos img.footer-logo--site,
.site-footer--nd96 img.footer-logo--site {
  filter: brightness(0) invert(1);
}

@media (max-width: 767px) {
  .site-footer--nd96 .footer-logos,
  .site-footer--nd96 .logo.footer-logos {
    flex-wrap: wrap;
    justify-content: center;
  }
}