@use '@inside-library/styles/mixins/partials/common-mixin' as *;

header.navbar {
  height: 75px;
  padding: 0 5%;

  .header__logo {
    padding: var(--spacing-m) 0 var(--spacing-s) 0;
  }

  ul.menu-common__lvl1 {
    & > li {
      @include custom-break(1440px) {
        margin-right: var(--spacing-m);
      }

      &:last-of-type {
        cursor: pointer;

        &::after {
          content: url('../../assets/img/menu/sos.svg');
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -40%);
          z-index: -1;
        }

        & > a {
          &::after {
            display: none;
          }

          span {
            opacity: 0;
          }
        }
      }
    }
  }
}

div.mobile-header-common {
  top: 75px;
}
