.portal-logo,
.admin-logo {
  display: block;
  flex: 0 0 auto;
  border: 1px solid rgb(255 255 255 / 34%);
  border-radius: .8rem;
  object-fit: contain;
  padding: .2rem;
  box-shadow: 0 .3rem 1rem rgb(0 0 0 / 14%);
}

.portal-logo {
  width: 2.7rem;
  height: 2.7rem;
  background: rgb(255 255 255 / 94%);
}

.admin-logo {
  background: #FFFFFF;
}

.admin-logo,
.company-logo {
  width: 2.9rem;
  height: auto;
  aspect-ratio: 525 / 488;
}

.company-logo {
  display: block;
}

.language-selector {
  color: var(--white);
}

.language-selector select {
  min-height: 2.35rem;
  max-width: 9rem;
  border: 1px solid rgb(255 255 255 / 45%);
  border-radius: var(--radius-sm);
  padding: .35rem .55rem;
}

.site-footer {
  padding-block: .75rem;
  padding-inline: max(1rem, calc((100% - var(--content-width, 76rem)) / 2));
  border-top: 1px solid rgb(31 58 90 / 16%);
  background: #FFFFFF;
  color: #4A4A4A;
  box-shadow: 0 -.4rem 1.5rem rgb(31 58 90 / 5%);
}

.legal-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .5rem;
}

.legal-links a {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: .5rem .65rem;
  color: #1F3A5A;
  font-size: .875rem;
  font-weight: 680;
  text-decoration: none;
}

.legal-links a:hover {
  background: rgb(231 216 184 / 48%);
}

.legal-links a:focus-visible {
  outline: .2rem solid #C9A56A;
  outline-offset: .15rem;
  box-shadow: 0 0 0 .1rem #1F3A5A;
}

#footer {
  padding-block: .75rem;
}

#footer .legal-links {
  justify-content: center;
}

#footer .legal-links a {
  color: var(--link-fg, #1F3A5A);
}

@supports ((-webkit-backdrop-filter: blur(1rem)) or (backdrop-filter: blur(1rem))) {
  .site-footer {
    background: rgb(255 255 255 / 62%);
    -webkit-backdrop-filter: blur(1.5rem) saturate(140%);
    backdrop-filter: blur(1.5rem) saturate(140%);
    box-shadow:
      0 -.8rem 2.4rem rgb(31 58 90 / 10%),
      inset 0 1px 0 rgb(255 255 255 / 78%);
  }
}

@media (max-width: 700px) {
  .site-footer {
    padding-inline: .65rem;
  }
}

@media (forced-colors: active) {
  .portal-logo,
  .admin-logo {
    border: 1px solid CanvasText;
    background: Canvas;
    box-shadow: none;
  }

  .site-footer {
    border-color: CanvasText;
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
  }
}