@use "../../objects/width-container" as *;
@use "../../vendor/govuk-frontend" as *;

/* ==========================================================================
   #IDENTITY BAR
   ========================================================================== */

.moj-identity-bar {
  @include govuk-clearfix;
  padding-top: govuk-spacing(2);
  padding-bottom: govuk-spacing(2) - 1px;

  /* Negative by 1px to compensate */
  color: govuk-colour("black");
  background-color: govuk-colour("white");
  box-shadow: inset 0 -1px 0 0 govuk-colour("black", $variant: "tint-80");

  /* Takes up no space */
}

.moj-identity-bar__container {
  font-size: 0;

  /* Hide whitespace between elements */
  text-align: justify;

  /* Trick to remove the need for floats */
  @include moj-width-container;

  &::after {
    content: "";
    display: inline-block;
    width: 100%;
  }
}

.moj-identity-bar__title {
  display: inline-block;
  vertical-align: top;
  @include govuk-font(16);
}

.moj-identity-bar__details {
  margin-right: govuk-spacing(2);
  padding-top: govuk-spacing(1);
  padding-bottom: govuk-spacing(1);

  @include govuk-media-query($from: tablet) {
    display: inline-block;
    padding-top: govuk-spacing(2) + 1px;

    /* Alignment tweaks */
    padding-bottom: govuk-spacing(2) - 1px;

    /* Alignment tweaks */
    vertical-align: top;
  }
}

.moj-identity-bar__actions {
  @include govuk-media-query($from: tablet) {
    display: inline-block;
    vertical-align: middle;
  }
}

.moj-identity-bar__menu {
  display: inline-block;
  margin-right: govuk-spacing(2);

  &:last-child {
    margin-right: 0;
  }

  .moj-button-menu__toggle-button {
    margin-bottom: 0;
  }
}

/*# sourceMappingURL=_identity-bar.scss.map */