/* Make the top bar background white */
.swagger-ui .topbar {
    background: #fff !important;
    background-color: #fff !important;
}

/* Hide the default Swagger logo */
.swagger-ui .topbar-wrapper img[alt="Swagger UI"] {
    display: none !important;
}

/* Make the text in the top bar dark blue */
.swagger-ui .topbar .topbar-wrapper,
.swagger-ui .topbar .topbar-wrapper span,
.swagger-ui .topbar .topbar-wrapper select,
.swagger-ui .topbar .topbar-wrapper input,
.swagger-ui .topbar .topbar-wrapper label {
    color: #003366 !important;
}
.swagger-ui .topbar .download-url-wrapper input {
    color: #003366 !important;
}

/* Make the logo background transparent and remove blue box */
.swagger-ui .topbar-wrapper:before {
    background-color: transparent !important;
    /* Remove the blue background */
    background: url('/swagger-ui/logo.png') no-repeat center center;
    background-size: cover;
    height: 60px;
    width: 60px;
    margin: 0 20px 0 10px;
    border-radius: 4px;
    content: "";
    display: inline-block;
    vertical-align: middle;
}

/* Make the "Select a definition" text dark blue and bold */
.swagger-ui .topbar-wrapper span {
    font-size: 2rem !important;
    color: #003366 !important;
    font-weight: bold;
    font-family: Arial, sans-serif;
    letter-spacing: 1px;
}

/* Optionally hide "Supported by SMARTBEAR" */
.swagger-ui .topbar-wrapper .link {
    display: none !important;
}

/* Modify URL text but keep the link functional */
.swagger-ui .info a[href*="swagger.json"] {
    font-size: 0 !important;
    position: relative;
    display: inline-block !important;
    padding: 0;
    margin-top: 10px;
    background-color: transparent;
    border-radius: 0;
    text-decoration: none;
}

.swagger-ui .info a[href*="swagger.json"]::after {
    content: "SasolAPI.json";
    font-size: 14px;
    color: #00008B;
    font-weight: 500;
    position: static;
    padding: 0;
}

.swagger-ui .info a[href*="swagger.json"]:hover {
    background-color: transparent;
    text-decoration: underline;
}