/* Custom Swagger UI Styling for SMC Services */

/* Brand Colors */
:root {
    --smc-primary: #667eea;
    --smc-secondary: #764ba2;
    --smc-dark: #1E2952;
    --smc-gold: #F59E0B;
}

/* Topbar customization */
.swagger-ui .topbar {
    background: linear-gradient(135deg, var(--smc-primary) 0%, var(--smc-secondary) 100%);
    padding: 20px 0;
}

.swagger-ui .topbar .download-url-wrapper {
display: none;
}

/* Add custom logo */
.swagger-ui .topbar-wrapper::before {
    content: '';
    display: inline-block;
    width: 180px;
    height: 60px;
    background-image: url('/images/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
}

/* Info section */
.swagger-ui .info .title {
    color: var(--smc-dark);
    font-size: 2.5rem;
}

.swagger-ui .info .description {
    color: #495057;
}

/* Operation styling */
.swagger-ui .opblock.opblock-get {
    border-color: var(--smc-primary);
    background: rgba(102, 126, 234, 0.05);
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
    background: var(--smc-primary);
}

.swagger-ui .opblock.opblock-post {
    border-color: var(--smc-secondary);
    background: rgba(118, 75, 162, 0.05);
}

.swagger-ui .opblock.opblock-post .opblock-summary-method {
    background: var(--smc-secondary);
}

.swagger-ui .opblock.opblock-put {
    border-color: var(--smc-gold);
    background: rgba(245, 158, 11, 0.05);
}

.swagger-ui .opblock.opblock-put .opblock-summary-method {
    background: var(--smc-gold);
}

.swagger-ui .opblock.opblock-delete {
    border-color: #DC3545;
    background: rgba(220, 53, 69, 0.05);
}

/* Authorization button */
.swagger-ui .btn.authorize {
    background: linear-gradient(135deg, var(--smc-primary) 0%, var(--smc-secondary) 100%);
    border-color: var(--smc-primary);
    color: white;
}

.swagger-ui .btn.authorize:hover {
    background: var(--smc-secondary);
    border-color: var(--smc-secondary);
}

/* Execute button */
.swagger-ui .btn.execute {
    background: linear-gradient(135deg, var(--smc-primary) 0%, var(--smc-secondary) 100%);
    border-color: var(--smc-primary);
}

/* Links */
.swagger-ui a {
    color: var(--smc-primary);
}

.swagger-ui a:hover {
    color: var(--smc-secondary);
}

/* Response section */
.swagger-ui .responses-inner h4,
.swagger-ui .responses-inner h5 {
    color: var(--smc-dark);
}

/* Model section */
.swagger-ui .model-title {
    color: var(--smc-dark);
}

.swagger-ui .model-box {
    border-radius: 8px;
}

/* Try it out button */
.swagger-ui .try-out__btn {
    background: transparent;
    border-color: var(--smc-primary);
    color: var(--smc-primary);
}

.swagger-ui .try-out__btn:hover {
    background: var(--smc-primary);
    color: white;
}

/* Schema section */
.swagger-ui .model-toggle {
    color: var(--smc-primary);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: var(--smc-primary);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--smc-secondary);
}