/*
Main navigation
==========================================
Contains the styles of the main navigation of the Shopware storefront.

The main navigation is positioned above the content section.

It contains the viewport specific styles inside media queries.
*/

@media screen and (min-width: @tabletViewportWidth) {

  .navigation--list-wrapper {
    text-align: center;
    position: relative;
    background-color: @gray-light;
  }

  .navigation-main {
    border-bottom-color: @gray-light;
    border: 0 none;
    .container {
      width: inherit;
      max-width: inherit;
    }

    .navigation--link {
      .unitize-padding(14, 14);
      .border-radius-multi(0, 0, 0, 0);
      font-family: @font-headline-stack;

    }
    .is--active .navigation--link {
      background-color: transparent;
      color: @brand-primary;
      &:hover {
        color: darken(@text-color, 20%);
      }
    }
    .navigation--entry.is--home {
      display: none;

    }

    .navigation--list {
      //.clearfix();
      //.unitize-padding(0, 10);
      //margin: 0;
      //position: relative;
      //white-space: nowrap;
      .container();
      display: flex;
      justify-content: space-between;
      .unitize-max-width(@contentMaxWidth,16);
      margin: 0 auto;

    }

    .navigation--entry {
      flex: 1 1 auto;
    }
  }

}
