@import url("../../inati/_palette-ySWM8g-.css");

[data-controller~="inati--footer"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  background-color: var(--inati-orange-lightest);
  padding: 1rem 0;
  gap: .5rem;

  @media (min-width: 400px) {
    flex-direction: row;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .inati-contact {
    a {
      display: inline-flex;
      color: white;
      text-decoration: none;
      padding:.75rem 1.5rem;
      background-color: rgba(var(--inati-rgb-orange), 60%);
      border-radius: 1rem;
      font-weight: bold;
    }
  }

  .inati-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    .inati-logo {
      height: 2rem;
    }

    p {
      margin: 0;
      text-align: center;
    }
  }

  div.inati-brands {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    max-width: 12rem;

    @media (min-width: 400px) {
      max-width: 24rem;
    }

    a {
      color: var(--inati-orange);
      text-decoration: none; /* no underline */
    }
  }
}