/**
 * @file
 * Footer component styles.
 */
.page-footer {
  background-color: var(--neutral-700);
  padding-block: var(--spacing-l);
  padding-inline: var(--sp3);
  color: var(--white);

  p {
    margin: 0;
    &:first-child {
      margin-bottom: var(--sp2);
    }
  }
}

.footer-top {
  display: flex;
  gap: var(--sp3);
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: var(--spacing-l);
  border-bottom: 1px solid var(--neutral-200);
  margin-bottom: var(--spacing-l);
  @media screen and (width > 768px) {
    flex-direction: row;
  }
}

.region-footer {
  display: flex;
  align-items: center;
  text-align: center;
  @media screen and (width < 768px) {
    text-align: left;
  }
}

.region-footer-bottom {
  text-align: center;
  @media screen and (width < 768px) {
    text-align: left;
  }
}

.page-footer #block-aotearoa-supportingorganisations {
  ul:not(.contextual-links) {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--sp4);
    @media (max-width: 768px) {
      margin-inline: auto;
      a {
        margin: 0;
      }
    }
  }

  li {
    max-width: 300px;
    display: flex;
    flex-direction: column;
  }

}

.page-footer nav ul:not(.contextual-links) {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-footer nav li {
  margin: 0;
}

.page-footer a {
  font-family: var(--font-sans);
  font-weight: 600;
  color: var(--white);
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.page-footer nav a:hover,
.page-footer nav a:focus {
  text-decoration: underline;
}