// vychazi z parfimo.de

.tabs-nav {

   a {
      @include underline-never;

      border-bottom: 2px solid transparent;
      display: inline-block;
      font-weight: 600;

      &:hover,
      &:focus {
         border-bottom-color: $border-color;
      }

      &.active,
      &:active {
         border-bottom-color: $brand-primary;
      }

      &.active {
         pointer-events: none;
      }
   }

   @media screen and (max-width: 543px) {
      display: flex;
      justify-content: space-around;

      a {
         letter-spacing: normal;
      }
   }
}

.tabs-content > div {
   display: none;

   > div {
      opacity: 0;
      transition: opacity .3s;
   }

   &.active {
      display: block;

      > div {
         opacity: 1;
      }
   }
}

/* homepage */

.tabs-nav-hp {
   margin: 15px 0 45px;
   text-align: center;

   a {
      font-size: 26px;
      letter-spacing: .04em;
      margin: 0 20px;
      padding: 7px 0;
      text-transform: uppercase;

      @media screen and (max-width: 543px) {
         font-size: 18px;
         margin: 0 5px;
      }
   }
}


/* detail produktu */

.tabs-nav-product {
   margin-bottom: 25px;
   padding-top: 10px;

   a {
      font-size: 22px;
      letter-spacing: .02em;
      padding-bottom: 4px;

      + a {
         margin-left: 20px;
      }

      @media screen and (max-width: 543px) {
         font-size: 18px;

         + a {
            margin-left: 8px;
         }
      }

      @media screen and (max-width: 374px) {
         font-size: 16px;
      }
   }

   // specificity override
   &.tabs-nav-product a {
      @include underline-never;
   }
}
