/* ###### FOOTER ###### */

footer {
  background-color: #0f5238;
  width: 100%;
  .footer-content {
    padding-block: 1.5rem;
    padding-inline: 1.5rem;
    max-width: 80rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem;
    margin: auto;
    color: #fbf9f4;
    & > div {
      text-align: center;
    }

    .footer-social {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    & p {
      color: oklch(86.9% 0.005 56.366);
      margin-bottom: 8px;
      &:last-child {
        margin-bottom: 0;
      }
    }
    &.footer-content h3 {
      font-weight: 700;
      font-size: 1.125rem;
      line-height: 1.75rem;
      margin-bottom: 1.5rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .email-link {
      text-decoration: underline;
      text-underline-offset: 4px;
      &:hover {
        color: white;
      }
    }
    .consent-link {
      font: inherit;
      color: inherit;
      background: none;
      text-decoration: underline;
      text-underline-offset: 4px;
      cursor: pointer;
      &:hover {
        color: white;
      }
    }
    .facebook-icon {
      width: 3rem;
      height: 3rem;
      border-radius: 9px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fbf9f4;
      transition: background-color 150ms;
      &:hover {
        background-color: rgba(255, 255, 255, 0.1);
      }
    }
    @media (max-width: 800px) {
      &.footer-content {
        grid-template-columns: repeat(1, minmax(0, 1fr));
      }
    }
  }
}