@import url("https://cdn.jsdelivr.net/npm/swagger-ui-dist@5.9.0/swagger-ui.css");

.swagger-ui .info .title {
  font-size: 32px !important;
  margin-bottom: 10px !important;
  color: rgba(0, 63, 112, 1) !important;
}

/** Adjustments to clean up spacing **/
.swagger-ui .info {
    margin: 20px 0 10px 0 !important;
}

.swagger-ui .scheme-container {
  margin: 0 !important;
  padding: 10px !important;
}

.swagger-ui .auth-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

/*** Trustwell branded OpenAPI JSON button (next to Authorize) ***/
.swagger-ui a.link.openapi-json-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 6px 12px;
  border-radius: 0.375rem;

  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;

  color: #fff !important;
  background-color: rgba(0, 63, 112, 1);
  border: 1px solid rgba(0, 63, 112, 1);

  text-decoration: none !important;
  cursor: pointer;

  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.swagger-ui a.link.openapi-json-btn:hover {
  background-color: rgba(0, 74, 132, 1);
  border-color: rgba(0, 74, 132, 1);
  color: #fff !important;
}

.swagger-ui a.link.openapi-json-btn:active {
  background-color: rgba(0, 52, 92, 1);
  border-color: rgba(0, 52, 92, 1);
}

.swagger-ui a.link.openapi-json-btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 63, 112, 0.35);
}

.swagger-ui a.link.openapi-json-btn i {
  font-size: 0.9rem;
  line-height: 1;
}

/*** Swagger Authorize button styling */
.swagger-ui .btn.authorize {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 6px 12px;
  border-radius: 0.375rem;

  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;

  color: #fff !important;
  background-color: #198754;   /* Bootstrap success green */
  border: 1px solid #198754;

  text-decoration: none;
  cursor: pointer;

  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

/* Hover */
.swagger-ui .btn.authorize:hover {
  background-color: #157347;
  border-color: #146c43;
}

/* Active */
.swagger-ui .btn.authorize:active {
  background-color: #146c43;
  border-color: #13653f;
}

/* Focus ring */
.swagger-ui .btn.authorize:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.35);
}

/* Make the lock icon white */
.swagger-ui .btn.authorize svg path {
  fill: #fff;
}

/* Button Text */
.swagger-ui .btn.authorize span {
    float: left;
    padding: 0px 10px 0 0;
}