/**
 * Active Navigation
 */

// Dependencies
@use 'config/layouts';
@use 'config/nav';
@use 'config/typography';

// Declarations
.c-active-navigation__scroll {
  overflow: hidden;
  overflow-x: scroll;
  white-space: nowrap;
}

.c-active-navigation__wrap {
  @include layouts.wrap();
}

.c-active-navigation__nav {
  @include typography.font-family('primary');
  @include typography.features('small');

  @include nav.inline('', 'c-active-navigation__item');

  position: relative;
  width: auto;
  padding: 0;
  padding-top: calc(var(--nyco-grid) * 2);
  padding-bottom: calc(var(--nyco-grid) * 2);
}

a.c-active-navigation__item {
  color: var(--nyco-color-secondary);

  &.active {
    color: inherit;
    text-decoration: none;
  }
}