@import url('./variables.css');

/*
 * Swagger UI dokumentační stránka (common/templates/openapi-docs-page.php).
 * Doplňuje app.css; styly uvnitř .swagger-ui řeší samotné swagger-ui.css.
 */

/* Swagger UI je obsahově široký — stránku rozšíříme oproti běžnému .shell. */
.openapi-docs-page .shell {
    width: min(1440px, 94vw);
}

.openapi-docs-page .hero {
    padding: 1.1rem 1.5rem;
}

.openapi-docs-page .hero p {
    margin: 0.35rem 0;
}

.openapi-docs {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--shadow);
    padding: 0.5rem 1.2rem 1.2rem;
    overflow: auto;
}

/* Swagger UI renderuje vlastní typografii; použijeme bílý panel kvůli čitelnosti schémat. */
.openapi-docs .swagger-ui,
.openapi-docs .swagger-ui .info {
    color: #3b4151;
}

@media (max-width: 760px) {
    .openapi-docs-page .shell {
        width: 96vw;
    }

    .openapi-docs {
        padding: 0.25rem 0.6rem 0.8rem;
    }
}