@import url('/css/template.css');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300;1,400&display=swap');
@import url('https://use.typekit.net/izg8nna.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css');

body {
    background-attachment: fixed;
}

/* TODO: replace this with a logo */
img[alt="Swagger UI"] {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: url('/images/chinook_brand_3.png');
    max-width: 100%;
    max-height: 100%;    
}

a:has(img[alt="Swagger UI"])::after {
    content: "Chinook API";
    display: inline;
    color: white;
    font-size: 1.3rem;
    font-family: "ethnocentric", sans-serif;
    font-weight: 400;
    font-style: normal;
}

form.download-url-wrapper {
    display: none !important;
}

.swagger-ui .info .title,
.swagger-ui .info li,
.swagger-ui .info p,
.swagger-ui .info table,
.swagger-ui a.nostyle,
.swagger-ui a.nostyle:visited,
.swagger-ui .opblock .opblock-summary-description,
.swagger-ui .model-box-control,
.swagger-ui .models-control,
.swagger-ui .opblock-summary-control,
.swagger-ui .model-title,
.swagger-ui .model-toggle,
.swagger-ui .model,
.swagger-ui .opblock .opblock-section-header h4,
.swagger-ui table thead tr td,
.swagger-ui table thead tr th,
.swagger-ui .response-col_status,
.swagger-ui .tab li button.tablinks,
.swagger-ui .parameter__name,
.swagger-ui .parameter__type,
.swagger-ui .opblock .opblock-section-header,
.swagger-ui .opblock.opblock-get,
.swagger-ui .btn,
.swagger-ui .opblock-description-wrapper p,
.swagger-ui .opblock-external-docs-wrapper p,
.swagger-ui .opblock-title_normal p {
    color: var(--cf-dark-color);
}

    .swagger-ui .model-toggle:after {
        background: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"><path d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/></svg>") 50% no-repeat;
        background-color: transparent;
        filter: invert(1);
    }

.swagger-ui .opblock.opblock-get {
    background-color: var(--cf-light-color);
}

.swagger-ui .response-col_links {
    display: none;
}

.swagger-ui .opblock .opblock-section-header {
    background-color: var(--cf-light-color);
}

.swagger-ui .opblock-tag-section,
.swagger-ui section.models {
    background-color: var(--cf-light-color);
    padding: .5rem;
    margin: .5rem;
    border-radius: .5rem;
   
}

.swagger-ui section.models {
    margin-top: 3rem;
}

.swagger-ui .info a {
    color: var(--cf-dark-color);
    filter: brightness(0.9);
}

    .swagger-ui .info a:hover {
        color: var(--cf-dark-color);
        filter: brightness(1.1);
    }

.title small:has(.version),
.title small:has(.version-stamp) {
    display: none !important;
}