@use "../base" as *;
@use "../abstracts" as *;

#block-footer-menu {
  max-width: 1046px;
  width: 100%;
  margin-bottom: 4px;

  @include breakpoint(medium) {
    flex: 1 1 calc(100% - 166px);
    max-width: none;
    width: auto;
  }

  .menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;

    @include breakpoint(medium) {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      gap: 24px;
    }

    .menu-item {
      padding: 16px 0px;

      a {
        font-family: $font-primary;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.125rem;
        display: flex;
        align-items: center;
        justify-content: center;

        @include breakpoint(medium) {
          &::after {
            content: '';
            display: inline-block;
            width: 14px;
            height: 14px;
            background-image: url('/assets/icons/dot.svg');
            background-repeat: no-repeat;
            margin-left: 24px;
          }
        }
      }
    }

    .menu-item:last-child a::after {
      display: none;
    }
  }
}