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

.breadcrumb-ged {
  position: fixed;
  z-index: 8;
  top: 75px;
  left: 0;
  display: flex;
  width: 100%;
  height: 3.8rem;
  padding: 0 10%;
  margin-bottom: calc(var(--spacing-m) + var(--spacing-xs));
  align-items: center;
  background-color: var(--color-grey-100);

  @media only screen and (max-width: 1540px) {
    padding: 0 5%;
  }

  @include tablet {
    top: 46px;
  }

  &__label {
    color: var(--color-text-light);
    cursor: pointer;

    @include transition(color 0.4s);

    &--last {
      color: var(--color-text);
    }

    &:not(.breadcrumb-ged__label--last):hover {
      color: var(--color-primary);
    }
  }

  span.breadcrumb-ged__label {
    font-size: 13px;

    @include mobile {
      font-size: var(--font-size-tiny);
    }
  }

  .edit-link {
    margin-left: var(--spacing-s);
  }
}
