/* ══════════════════════════════════════════
   ProductMaster API — Warm Olive Enterprise
   ══════════════════════════════════════════ */

/* ── Base ── */
body {
    margin: 0 !important;
    background: #edeae3 !important;
}

.swagger-ui {
    font-family: 'Segoe UI', system-ui, sans-serif !important;
    background: #edeae3 !important;
}

    /* ── Topbar ── */
    .swagger-ui .topbar {
        background: #1a2e1a !important;
        padding: 0 32px !important;
        height: 54px !important;
        display: flex !important;
        align-items: center !important;
        border-bottom: 3px solid #4a7c3f !important;
    }

    .swagger-ui .topbar-wrapper {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

        .swagger-ui .topbar-wrapper img,
        .swagger-ui .topbar-wrapper svg {
            display: none !important;
        }

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

    .swagger-ui .topbar-wrapper a span {
        display: none !important;
    }

    .swagger-ui .topbar-wrapper a::before {
        content: "v1";
        background: #4a7c3f !important;
        color: #fff !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        padding: 3px 9px !important;
        border-radius: 20px !important;
    }

    .swagger-ui .topbar-wrapper a::after {
        content: "ProductMaster API";
        color: #fff !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px !important;
    }

    /* ── Master wrapper — controls page width ── */
    .swagger-ui .wrapper {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 32px !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
    }

    /* ── Info card ── */
    .swagger-ui .information-container.wrapper {
        background: #fff !important;
        border-radius: 12px 12px 0 0 !important;
        border: 1px solid #ddd8ce !important;
        border-bottom: none !important;
        padding: 32px 36px 18px !important;
        margin-top: 24px !important;
        margin-bottom: 0 !important;
    }

    .swagger-ui .info {
        margin: 0 !important;
    }

        .swagger-ui .info .title {
            color: #1a2e1a !important;
            font-size: 24px !important;
            font-weight: 800 !important;
        }

        .swagger-ui .info p {
            color: #6b7c5a !important;
            font-size: 14px !important;
            margin-top: 6px !important;
        }

        .swagger-ui .info .main a.url {
            display: none !important;
        }

        .swagger-ui .info a[href*="swagger"] {
            display: none !important;
        }

    /* ── Authorize bar — joins info card ── */
    .swagger-ui .scheme-container {
        background: #fff !important;
        border-radius: 0 0 12px 12px !important;
        border: 1px solid #ddd8ce !important;
        border-top: 1px dashed #ddd8ce !important;
        padding: 12px 36px 16px !important;
        margin-top: 0 !important;
        margin-bottom: 24px !important;
        box-shadow: none !important;
    }

    /* ── Authorize button ── */
    .swagger-ui .btn.authorize {
        background: #4a7c3f !important;
        border: none !important;
        color: #fff !important;
        border-radius: 8px !important;
        padding: 8px 20px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
    }

        .swagger-ui .btn.authorize:hover {
            background: #3a6232 !important;
        }

        .swagger-ui .btn.authorize svg {
            fill: #fff !important;
        }

    /* ── Controller tag headers ── */
    .swagger-ui .opblock-tag {
        background: #fff !important;
        border: 1px solid #ddd8ce !important;
        border-radius: 10px !important;
        margin: 12px 0 6px !important;
        padding: 14px 20px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1a2e1a !important;
    }

        .swagger-ui .opblock-tag:hover {
            background: #f7f5f0 !important;
        }

        .swagger-ui .opblock-tag small {
            color: #6b7c5a !important;
            font-size: 12px !important;
            font-weight: 400 !important;
            margin-left: 8px !important;
        }

    /* ── Operation blocks ── */
    .swagger-ui .opblock {
        border-radius: 8px !important;
        margin: 4px 0 !important;
        box-shadow: none !important;
    }

        .swagger-ui .opblock:hover {
            box-shadow: 0 2px 8px rgba(74,124,63,0.10) !important;
        }

        .swagger-ui .opblock.opblock-get {
            border: 1px solid #4a7c3f !important;
            background: rgba(74,124,63,0.05) !important;
        }

        .swagger-ui .opblock.opblock-post {
            border: 1px solid #2d6a4f !important;
            background: rgba(45,106,79,0.05) !important;
        }

        .swagger-ui .opblock.opblock-put {
            border: 1px solid #b5862a !important;
            background: rgba(181,134,42,0.05) !important;
        }

        .swagger-ui .opblock.opblock-delete {
            border: 1px solid #8b3a3a !important;
            background: rgba(139,58,58,0.05) !important;
        }

        .swagger-ui .opblock.opblock-patch {
            border: 1px solid #7a6a2a !important;
            background: rgba(122,106,42,0.05) !important;
        }

        .swagger-ui .opblock.opblock-get .opblock-summary-method {
            background: #4a7c3f !important;
        }

        .swagger-ui .opblock.opblock-post .opblock-summary-method {
            background: #2d6a4f !important;
        }

        .swagger-ui .opblock.opblock-put .opblock-summary-method {
            background: #b5862a !important;
        }

        .swagger-ui .opblock.opblock-delete .opblock-summary-method {
            background: #8b3a3a !important;
        }

        .swagger-ui .opblock.opblock-patch .opblock-summary-method {
            background: #7a6a2a !important;
        }

    /* ── Method badge ── */
    .swagger-ui .opblock-summary-method {
        border-radius: 6px !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        min-width: 74px !important;
        text-align: center !important;
        letter-spacing: 0.5px !important;
        padding: 6px 0 !important;
        color: #fff !important;
    }

    /* ── Path ── */
    .swagger-ui .opblock-summary-path {
        font-family: Consolas, monospace !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #1a2e1a !important;
        padding-left: 12px !important;
    }

    .swagger-ui .opblock-summary-description {
        color: #6b7c5a !important;
        font-size: 13px !important;
    }

    /* ── Execute button ── */
    .swagger-ui .btn.execute {
        background: #4a7c3f !important;
        border-color: #4a7c3f !important;
        color: #fff !important;
        border-radius: 8px !important;
        font-weight: 700 !important;
        padding: 8px 24px !important;
    }

        .swagger-ui .btn.execute:hover {
            background: #3a6232 !important;
        }

    /* ── Schemas ── */
    .swagger-ui section.models {
        background: #fff !important;
        border-radius: 12px !important;
        border: 1px solid #ddd8ce !important;
        padding: 20px 24px !important;
        margin: 16px 0 24px !important;
    }

        .swagger-ui section.models h4 {
            color: #1a2e1a !important;
            font-weight: 700 !important;
        }

    .swagger-ui .model-box {
        background: #f7f5f0 !important;
        border-radius: 8px !important;
    }

    .swagger-ui .model-title {
        color: #4a7c3f !important;
        font-weight: 700 !important;
    }

    /* ── Inputs ── */
    .swagger-ui input[type=text],
    .swagger-ui textarea,
    .swagger-ui select {
        border-radius: 6px !important;
        border: 1px solid #c5bfb0 !important;
        font-size: 13px !important;
        color: #1a2e1a !important;
        background: #fff !important;
    }

        .swagger-ui input[type=text]:focus,
        .swagger-ui textarea:focus {
            border-color: #4a7c3f !important;
            box-shadow: 0 0 0 3px rgba(74,124,63,0.15) !important;
            outline: none !important;
        }

    /* ── Links ── */
    .swagger-ui a {
        color: #4a7c3f !important;
    }

        .swagger-ui a:hover {
            color: #3a6232 !important;
        }

    /* ── Table headers ── */
    .swagger-ui table thead tr th {
        color: #4a7c3f !important;
        font-weight: 700 !important;
        border-bottom: 2px solid #ddd8ce !important;
    }

    /* ── Responses ── */
    .swagger-ui .responses-inner {
        background: #f7f5f0 !important;
        border-radius: 8px !important;
    }

    .swagger-ui .response-col_status {
        font-weight: 700 !important;
        color: #1a2e1a !important;
    }

/* ── Scrollbar ── */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

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

::-webkit-scrollbar-thumb {
    background: #b5c4a8;
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #4a7c3f;
    }
/* ── Fix: all sections same left/right alignment ── */
.swagger-ui .information-container.wrapper {
    margin: 24px 32px 0 32px !important;
    width: auto !important;
}

.swagger-ui .scheme-container {
    margin: 0 32px 24px 32px !important;
    width: auto !important;
}

.swagger-ui .opblock-tag {
    margin: 12px 32px 6px 32px !important;
    width: auto !important;
}

.swagger-ui .opblock {
    margin: 4px 32px !important;
    width: auto !important;
}

.swagger-ui section.models {
    margin: 16px 32px 24px 32px !important;
    width: auto !important;
}

/* ── Remove wrapper padding so it doesn't double up ── */
.swagger-ui .wrapper {
    padding: 0 !important;
    max-width: 100% !important;
}