/* =============================================================================
   Site Footer
   ============================================================================= */

.site-footer {
  container-type: inline-size;
  background-color: var(--color-primary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: var(--margin-40);
  padding-bottom: var(--margin-16);
  gap: var(--margin-40);
  overflow: hidden;
}

.site-footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--margin-40);
}

.site-footer__logo {
  width: 280px;
  height: auto;
}

@container (max-width: 640px) {
  .site-footer__logo {
    width: 200px;
  }
}

.site-footer__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--margin-8);
}

.site-footer__name {
  font-family: var(--font-family-button);
  font-weight: bold;
  font-size: var(--font-size-28);
  color: var(--color-white);
  text-align: center;
  white-space: nowrap;
  width: 100%;
  margin: 0;
}

.site-footer__address {
  font-family: var(--font-family-button);
  font-weight: bold;
  font-size: var(--text-paragraph-bold);
  color: var(--color-white);
  text-align: center;
  font-style: normal;
  width: 100%;
}

.site-footer__copy {
  width: 100%;
  text-align: center;
}

.site-footer__copy small {
  font-family: var(--font-family-button);
  font-weight: bold;
  font-size: var(--text-copyright);
  color: var(--color-white);
}