/**
 * Page: Single Post (single.php)
 *
 * Estilos que não cabem em Tailwind inline
 */

/* ── Índice (TOC injetada via JS) ── */
.toc {
    background: rgba(205, 205, 205, 0.1);
    border-radius: 8px;
    padding: 12px 24px;
    margin-bottom: 2rem;
}

.toc ul {
    padding-left: 1rem;
    margin-top: 1rem;
}

.toc ul li a {
    color: var(--color-dock-dark);
    text-decoration: none;
    transition: color 0.2s ease;
}

.toc ul li a:hover {
    color: var(--color-dock-cyan);
}

/* ── Conteúdo do post (rich text do editor) ── */
.content-post h2 {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 2.5rem 0 1rem;
}

.content-post h3 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 2rem 0 0.75rem;
}

.content-post h4 {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 1.5rem 0 0.5rem;
}

.content-post p {
    margin: 0 0 1.25rem;
}

.content-post a {
    color: var(--color-dock-cyan);
    text-decoration: underline;
}

.content-post ul,
.content-post ol {
    margin: 0 0 1.25rem;
    padding-left: 0;
    list-style: none;
}

.content-post ol {
    list-style: decimal;
    padding-left: 1.5rem;
}

.content-post li {
    margin: 0.75rem 0;
}

/* Listas não ordenadas com ícone de check ciano */
.content-post ul li {
    position: relative;
    padding-left: 2.25rem;
}

.content-post ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15em;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 65'%3E%3Cpath d='M32 0.5C14.368 0.5 0 14.868 0 32.5C0 50.132 14.368 64.5 32 64.5C49.632 64.5 64 50.132 64 32.5C64 14.868 49.632 0.5 32 0.5ZM47.296 25.14L29.152 43.284C28.704 43.732 28.096 43.988 27.456 43.988C26.816 43.988 26.208 43.732 25.76 43.284L16.704 34.228C15.776 33.3 15.776 31.764 16.704 30.836C17.632 29.908 19.168 29.908 20.096 30.836L27.456 38.196L43.904 21.748C44.832 20.82 46.368 20.82 47.296 21.748C48.224 22.676 48.224 24.18 47.296 25.14Z' fill='%2300D8D8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.content-post img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 1.5rem 0;
}

.content-post blockquote {
    border-left: 4px solid var(--color-dock-cyan);
    padding-left: 1.25rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: rgba(20, 25, 26, 0.8);
}

.content-post strong {
    font-weight: 700;
}