/* Duinker-huisstijl over de Swagger-UI (Workforce API):
   donkere topbar met het Duinker-logo, Duinker-geel (#f4a522) als accentkleur.
   Geïnjecteerd via InjectStylesheet in Startup.cs. */

/* Topbar: zwart met gele accentlijn, zoals de Workforce-header */
.swagger-ui .topbar {
    background-color: #1a1a1a;
    border-bottom: 3px solid #f4a522;
    padding: 8px 0;
}

/* Standaard Swagger-logo weg, Duinker-logo ervoor in de plaats */
.swagger-ui .topbar .topbar-wrapper .link img,
.swagger-ui .topbar .topbar-wrapper .link svg {
    display: none;
}

.swagger-ui .topbar .topbar-wrapper .link {
    display: block;
    width: 300px;
    height: 40px;
    background: url('/duinker-logo.svg') no-repeat left center;
    background-size: auto 34px;
}

/* Titelblok */
.swagger-ui .info .title {
    color: #1a1a1a;
}

.swagger-ui .info .title small.version-stamp {
    background-color: #f4a522;
}

.swagger-ui .info .title small.version-stamp pre {
    color: #1a1a1a;
}

.swagger-ui .info a {
    color: #b17b12;
}

/* Authorize-knop in Duinker-geel */
.swagger-ui .btn.authorize {
    color: #8a6210;
    border-color: #f4a522;
}

.swagger-ui .btn.authorize svg {
    fill: #f4a522;
}

.swagger-ui .btn.authorize:hover {
    background-color: rgba(244, 165, 34, 0.1);
}

/* Uitvoeren-knop (Execute) */
.swagger-ui .btn.execute {
    background-color: #f4a522;
    border-color: #f4a522;
    color: #1a1a1a;
}

/* Sectiekoppen en links */
.swagger-ui .opblock-tag {
    border-bottom: 1px solid rgba(244, 165, 34, 0.35);
}

.swagger-ui .opblock-tag:hover {
    background: rgba(244, 165, 34, 0.06);
}

.swagger-ui a {
    color: #b17b12;
}

/* Scheme/server-balk */
.swagger-ui .scheme-container {
    background: #fdf6ea;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

/* Filterbalk-focus in geel i.p.v. blauw */
.swagger-ui .operation-filter-input:focus {
    border-color: #f4a522;
    outline: none;
}