/**
 * Copyright IBM Corp. 2016, 2023
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */

@use '@carbon/styles/scss/breakpoint' as *;
@use '@carbon/styles/scss/motion' as *;
@use '@carbon/styles/scss/theme' as *;
@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/type' as *;
@use 'vars' as *;

@mixin masthead-top-nav-name {
  %masthead-top-nav-name {
    @include type-style('heading-02');

    position: relative;
    z-index: 1;
    border: solid $spacing-01 transparent;
    background-color: $background;

    color: $text-primary;
    padding-inline: $spacing-05;
    transition: $button-transition;
    white-space: nowrap;

    @include breakpoint(lg) {
      margin-inline-start: $spacing-05;
    }

    &:hover {
      background-color: $background-hover;
      color: $text-primary;
    }

    &:active,
    &:focus {
      border-color: $focus;
      background-color: $layer-01;
    }

    @include breakpoint-down(800px) {
      display: none;
    }
  }
}