// This file extends GOV.UK Frontend header component
// by changing the blue bottom border to red and shifting
// the navigation items to the far right.

@include digitalmarketplace-exports("digitalmarketplace/component/header") {
  $dmp-admin-service-navigation-colour: govuk-shade(govuk-colour("red"), 10%);
  $dm-service-navigation-active-link-border-width: govuk-spacing(1);

  :not(.govuk-template--rebranded) {
    .dm-admin-header {
      .govuk-header__container, &.govuk-header--full-width-border {
        border-bottom-color: govuk-colour("red");
      }
    }
  }

  .govuk-template--rebranded {
    .dm-admin-header {
      background: govuk-colour("red");

      .govuk-header__link--homepage:not(:focus) {
        background-color: govuk-colour("red");
      }
  
      .govuk-logo-dot {
        fill: govuk-colour("white");
      }
    }

    .dm-admin-service-navigation {
      border-bottom-color: $dmp-admin-service-navigation-colour;

      .govuk-service-navigation__item,
      .govuk-service-navigation__service-name {
        border: 0 solid $dmp-admin-service-navigation-colour;
      }

      .govuk-service-navigation__link {
        @include govuk-link-style-error;
      }

      .govuk-service-navigation__toggle {
        color: govuk-colour("red");

        &:focus {
          @include govuk-focused-text;
        }
      }

      .govuk-service-navigation__service-name {
        @include govuk-font($size: 19, $weight: bold);
      }

      .govuk-service-navigation__service-name .govuk-service-navigation__link {
        @include govuk-link-style-text;
      }

      // stylelint-disable max-nesting-depth
      .govuk-service-navigation__item--active {
        @include govuk-media-query($until: tablet) {
          // Negative offset the left margin so we can place a current page indicator
          // to the left without misaligning the list item text.
          margin-left: ((govuk-spacing(2) + $dm-service-navigation-active-link-border-width) * -1);
          padding-left: govuk-spacing(2);
          border-left-width: $dm-service-navigation-active-link-border-width;
        }

        @include govuk-media-query($from: tablet) {
          padding-bottom: govuk-spacing(3) - $dm-service-navigation-active-link-border-width;
          border-bottom-width: $dm-service-navigation-active-link-border-width;
        }
      }
      // stylelint-enable max-nesting-depth
    }
  }

  .govuk-header__logo {
    width: auto;
  }

  .govuk-header__content {
    @include govuk-media-query(desktop) {
      width: auto;
      float: none;
      text-align: right;
    }
  }
}

/*# sourceMappingURL=_index.scss.map */