@use '../base/token';
@use '../abstract';

.cds-site-map {
  .cds-header-section {
    padding-top: 0;
  }

  &__list {
    font-weight: abstract.font-weight-to-number(token.$font-weights-commerce-sans-1);
    color: var(--gray-500);
  }

  &__row {
    display: flex;
    align-items: flex-start;
    padding: 32px 0;
    border-bottom: 1px solid var(--gray-100);

    &:last-child {
      border-bottom-width: 0;
    }
  }

  &__root-menu {
    // @include abstract.debug;
    flex: none;
    width: 300px;

    .has-logo {
      @include abstract.relative;

      top: -6px;
      display: inline-flex;
      vertical-align: top;
    }

    .cds-logo {
      margin-right: 4px;
    }
  }

  &__content {
    display: flex;
    flex-wrap: wrap;
  }

  &__menu {
    // @include abstract.debug;
    min-width: 183px;

    &:nth-child(n + 6) {
      margin-top: 22px;
    }
  }

  &__menu-list {
    margin-top: 22px;
  }

  &__menu-item {
    margin-bottom: 12px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  &__link {
    display: block;
  }

  &__divider {
    margin: 32px 0;
  }
}