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

/* Override Swagger UI topbar logo to use local SVG */
/* Hide any default logo img across common versions */
.swagger-ui .topbar .link img,
.swagger-ui .topbar-wrapper img,
.swagger-ui .topbar .link svg,
.swagger-ui .topbar-wrapper svg {
  display: none !important;
}

/* Insert our SVG as background on the main topbar link */
.swagger-ui .topbar .link,
.swagger-ui .topbar-wrapper a.link,
.swagger-ui .topbar-wrapper a:first-child {
  display: inline-block !important;
  width: 180px !important;  /* adjust as needed */
  height: 48px !important;  /* adjust as needed */
  background-image: url('/Image/logo.svg?v=7') !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left center !important;
  color: transparent !important; /* hide any text */
  overflow: hidden;
}

/* Ensure wrapper doesn't constrain our link */
.swagger-ui .topbar .wrapper .topbar-wrapper {
  align-items: center;
}

/* If topbar is not rendered, place the logo near the title */
.swagger-ui .information-container .info .main .title {
  position: relative;
  padding-left: 56px;             /* leave space for the logo */
  min-height: 48px;
}
.swagger-ui .information-container .info .main .title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;                    /* logo size */
  height: 44px;
  background-image: url('/Image/logo.svg?v=7');
  background-repeat: no-repeat;
  background-size: contain;
}