/*!
 * Swagger UI (API documentation page) overrides
 * This is mostly to meet a11y requirements, as default styles don’t provide enough colour contrast
 * See https://github.com/DOAJ/doajPM/issues/3168
 */

 .swagger-section .swagger-ui-wrap ul#resources li.resource div.heading ul.options li a,
 .swagger-section .swagger-ui-wrap ul#resources li.resource div.heading h2 a {
    color: $warm-black;
 }

 .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading {
    background-color: rgba($dark-green, 0.1);
 }

 .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span.http_method a {
    background-color: $dark-green;
 }

 .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li a {
    color: $dark-green;
 }

 .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading {
    background-color: rgba($sanguine, 0.1);
 }

 .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 span.http_method a {
    background-color: $sanguine;
 }

 .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li a {
    color: $sanguine;
 }

 .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading {
    background-color: rgba($yellow, 0.1);
    color: $warm-black;
 }

 .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span.http_method a {
    background-color: $yellow;
    color: $warm-black;
 }

 .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li a {
    color: $warm-black;
 }