/* ============================================================
   ProBill API – Custom Swagger UI Branding for UNISA Inc.
   ============================================================
   Brand colors (update these if needed):
     Primary navy:  #002855
     Gold accent:   #C5960C
     Light gold:    #E8C547
     White:         #FFFFFF
   ============================================================ */

/* ── Top bar ─────────────────────────────────────────────── */
.swagger-ui .topbar {
    background-color: #002855;
    padding: 8px 0;
    border-bottom: 3px solid #C5960C;
}

/* Logo — place your logo.png OR logo.jpg in wwwroot/       */
/* The CSS tries both; whichever file exists will display.   */
.swagger-ui .topbar-wrapper .link {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.swagger-ui .topbar-wrapper .link img {
    display: none;
}

.swagger-ui .topbar-wrapper .link::before {
    content: "";
    display: inline-block;
    width: 160px;
    height: 50px;
    background-image: url('/logo.png'), url('/logo.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 14px;
}

.swagger-ui .topbar-wrapper .link span {
    display: none;
}

.swagger-ui .topbar-wrapper .link::after {
    content: "ProBill API";
    font-size: 1.5em;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.5px;
}

/* ── POST endpoints ──────────────────────────────────────── */
.swagger-ui .opblock.opblock-post {
    border-color: #002855;
    background: rgba(0, 40, 85, 0.04);
}

.swagger-ui .opblock.opblock-post .opblock-summary-method {
    background: #002855;
}

/* ── GET endpoints ───────────────────────────────────────── */
.swagger-ui .opblock.opblock-get {
    border-color: #2d6a4f;
    background: rgba(45, 106, 79, 0.04);
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
    background: #2d6a4f;
}

/* ── Authorize button ────────────────────────────────────── */
.swagger-ui .btn.authorize {
    color: #C5960C;
    border-color: #C5960C;
    font-weight: 600;
}

.swagger-ui .btn.authorize:hover {
    background-color: rgba(197, 150, 12, 0.1);
}

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

/* ── Info header ─────────────────────────────────────────── */
.swagger-ui .info .title {
    color: #002855;
}

.swagger-ui .info .title small.version-stamp {
    background-color: #C5960C;
    color: #FFFFFF;
    font-weight: 600;
}

.swagger-ui .info .description p {
    color: #333;
    line-height: 1.6;
}

/* ── Section tags ────────────────────────────────────────── */
.swagger-ui .opblock-tag {
    border-bottom: 1px solid #e0e0e0;
    font-weight: 600;
    color: #002855;
}

/* ── Execute button ──────────────────────────────────────── */
.swagger-ui .btn.execute {
    background-color: #002855;
    border-color: #002855;
}

.swagger-ui .btn.execute:hover {
    background-color: #003a7a;
}

/* ── Model/schema section ────────────────────────────────── */
.swagger-ui section.models h4 {
    color: #002855;
    border-bottom: 2px solid #C5960C;
}

/* ── Scrollbar accent (Chromium browsers) ────────────────── */
.swagger-ui ::-webkit-scrollbar-thumb {
    background: #002855;
    border-radius: 4px;
}