/* Seafood Watch branding for Swagger UI 5.x (Core Swashbuckle).
   Re-authored from the legacy Swagger UI 2.x SwaggerUiStyle.css: MBA blue header (#00487C),
   medium-blue accent (#4190C4), the SeafoodWatch logo, and a 1100px content width. */

.swagger-ui .topbar {
    background-color: #00487C;
}

/* Swap the default Swagger logo (an inline <svg> in UI 5.x) for the SeafoodWatch logo. */
.swagger-ui .topbar .topbar-wrapper .link svg {
    display: none;
}

.swagger-ui .topbar .topbar-wrapper .link::after {
    content: "";
    display: inline-block;
    width: 300px;
    height: 40px;
    background: url("/images/sfw-logo-global-nav.svg") left center / contain no-repeat;
}

/* Spec-selector "Explore" button uses the legacy medium-blue accent. */
.swagger-ui .topbar .download-url-wrapper .download-url-button {
    background-color: #4190C4;
    border-color: #4190C4;
}

.swagger-ui .topbar .download-url-wrapper .download-url-button:hover {
    background-color: #999999;
    border-color: #999999;
}

.swagger-ui .wrapper {
    max-width: 1100px;
}