/* 1. Expand the Topbar height to accommodate a larger logo */
.swagger-ui .topbar {
    background-color: #0b0b0b !important;
    border-bottom: 3px solid #008751 !important;
    padding: 15px 0 !important; /* Adds vertical breathing room */
}

    /* 2. Hide the default elements */
    .swagger-ui .topbar .link img,
    .swagger-ui .topbar .link svg {
        display: none !important;
    }

    /* 3. Inject and Scale the Crimereporter Logo */
    .swagger-ui .topbar .link::before {
        content: "";
        display: inline-block;
        /* Increase these values to make the logo larger */
        width: 80px;
        height: 80px;
        background: url('/crimereporter.png') no-repeat center center !important;
        background-size: contain !important; /* Ensures the whole logo fits the area */
        margin-right: 15px;
        vertical-align: middle;
    }

    /* 4. Adjust the Branding Text size to match */
    .swagger-ui .topbar .link::after {
        content: 'CRIME INTELLIGENCE BACKEND';
        color: #FFCC00 !important;
        font-weight: bold;
        font-size: 1.5rem !important; /* Larger text for the header */
        letter-spacing: 1px;
        vertical-align: middle;
    }