/* Import fonts from customer-portal-ui */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Hind:100,200,300,400,500,600,700,800&display=swap');

html, body, .swagger-ui, .swagger-ui .topbar {
    font-family: 'Poppins', 'Hind', Arial, sans-serif !important;
    background: #f8fafb !important;
    color: #222a35;
}

.swagger-ui .topbar {
    background: rgb(33, 41, 54) !important;
    color: #fff !important;
}

.swagger-ui .topbar .download-url-wrapper .download-url-button {
    background-color: rgba(241,97,36,1) !important;
}

.swagger-ui .topbar .download-url-wrapper input {
    border-color: rgba(241,97,36,1) !important;
}

/* Tooltip styles from customer-portal-ui */
.tooltip .tooltip-text {
  visibility: hidden;
  text-align: left;
  padding: 7px 2px;
  position: absolute;
  z-index: 100;
}

.tooltip .tooltip-info-box-left {
  transform: translate(-100%, calc(-50% - 12px));
}

.tooltip .tooltip-info-box-right {
  transform: translate(33px, calc(-50% - 12px));
}

.tooltip .tooltip-shield-box-left {
  transform: translate(-100%, calc(-50% - 20px));
}

.tooltip .tooltip-shield-box-right {
  transform: translate(50px, calc(-50% - 20px));
}

.tooltip:hover .tooltip-text {
  visibility: visible;
}

/* Swagger UI tweaks for consistency */
.swagger-ui .info .title {
    font-weight: 600;
    font-family: 'Poppins', Arial, sans-serif;
}
.swagger-ui .info .base-url, .swagger-ui .info .version {
    font-family: 'Hind', Arial, sans-serif;
    color: #555;
}
.swagger-ui .opblock-tag {
    background: #e6e9ef;
    color: #222a35;
    font-family: 'Poppins', Arial, sans-serif;
}
.swagger-ui .opblock {
    border-radius: 8px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(34,42,53,0.04);
}
.swagger-ui .btn {
    background: #222a35;
    color: #fff;
    font-family: 'Poppins', Arial, sans-serif;
    border-radius: 4px;
}
.swagger-ui .btn:hover {
    background: #3d4759;
}