/* ============================================================
   Spoilery — assets/css/pages/post.css
   Cartella: /assets/css/pages/
   Pagina del singolo post (la scheda del post è in posts.css, i commenti in comments.css).
   ============================================================ */

.st-postpage { max-width: 720px; padding-top: .5rem; padding-bottom: 1rem; }

.st-postpage-top { margin-bottom: .5rem; }
.st-postpage-back {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-height: 44px;
    max-width: 100%;
    color: var(--st-text);
    font-weight: 600;
    text-decoration: none;
}
.st-postpage-back span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Il post nella sua pagina: un po' più arioso */
.st-page-post .st-post { padding: 1.1rem 1.1rem .5rem; }
.st-page-post .st-post-body { font-size: 1.06rem; }

/* ---------- Barra per scrivere (fissa in basso; il resto dei commenti è in assets/css/comments.css) ---------- */
.st-postpage .st-comment-form {
    position: sticky;
    bottom: 0;
    z-index: 15;
    margin: 0 calc(var(--bs-gutter-x) * -.5);
    padding: .6rem calc(var(--bs-gutter-x) * .5);
    background: rgba(10, 10, 11, .96);
    border-top: 1px solid var(--st-line);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
@media (max-width: 767.98px) {
    .st-postpage .st-comment-form { bottom: calc(var(--st-bottomnav-h) + var(--st-safe-bottom)); }
}