/* EE Trial Specific Stylesheet */

/* Main Nav Overrides */
.navbar-gitlab.has-trial-banner {
  top: 52px;
}

.page-with-sidebar.has-trial-banner {
  /* Secondary Nav Overrides - Old Nav */
  margin-top: 102px;

  /* Sidebar Nav Overrides - New Nav */
  .nav-sidebar {
    top: 102px;
  }
}

/* Trial Banner */
.gitlab-ee-license-banner.alert {
  padding: 15px 35px;
  position: relative;
  background: $red-400;
  color: $white-light;
  text-align: center;

  @include media-breakpoint-down(md) {
    padding: 10px 35px;
  }

  .close {
    color: $white-dark;
    opacity: 0.7;
    position: absolute;
    top: 12px;
    right: $gl-padding;

    &:hover {
      color: $black;
    }
  }

  p a {
    text-decoration: none;
    font-weight: $gl-font-weight-bold;

    &:hover {
      color: $white-dark;
      text-decoration: underline;
    }
  }
}

/* Trial License Install Modal */
.modal-upload-trial-license {
  .modal-body-contents {
    .trial-activated-graphic {
      display: flex;
      justify-content: center;

      svg {
        width: 90px;
        height: 90px;
      }
    }

    .confirmation-title,
    .confirmation-desc {
      text-align: center;
    }

    .confirmation-desc {
      max-width: 80%;
      margin: auto;
      color: $gl-text-color-secondary;
    }

    .trial-license-preview {
      max-height: 300px;
      word-wrap: break-word;
      word-break: break-all;
      overflow-y: auto;
    }
  }

  /* Pure CSS License Key Preview Toggle */
  .trial-license-preview,
  .show-license,
  .hide-license:target {
    display: none;
  }

  .hide-license,
  .hide-license:target + .show-license,
  .hide-license:target ~ .trial-license-preview {
    display: block;
  }

  .show-license,
  .hide-license {
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    color: $gl-gray-light;

    &:hover {
      text-decoration: none;
      color: $gl-gray-dark;
    }
  }
}
