/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 06 2025 | 19:16:59 */
/* --- Estilos para a navegação de posts Prev/Next personalizada --- */
.custom-post-navigation {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 30px;
    padding: 20px;
    border-top: 1px solid #eee;
    gap: 20px;
    flex-wrap: wrap;
}

/* Estilo dos links de navegação */
.custom-post-navigation a {
    text-decoration: none;
    color: #023907;
    font-size: 0.8rem;
    font-weight: 400;
    transition: color 0.3s ease;
    display: block;
    line-height: 1.4;
    white-space: normal; /* Permite que o texto quebre a linha em desktop se for muito longo */
}

.custom-post-navigation a:hover {
    color: #005680;
}

/* Alinhamento dos textos */
.nav-previous {
    text-align: left;
    flex-grow: 1;
    flex-basis: 50%;
    min-width: 150px;
}

.nav-next {
    text-align: right;
    flex-grow: 1;
    flex-basis: 50%;
    min-width: 150px;
}

/* --- Responsividade: Ajustes para Mobile (Telas Menores) --- */
@media (max-width: 768px) {
    .custom-post-navigation {
        flex-direction: row; /* Mantém lado a lado, mas com espaçamento e texto simplificado */
        justify-content: space-between; /* Garante que 'Anterior' e 'Próximo' fiquem nas pontas */
        gap: 0; /* Remove o gap extra para maximizar o espaço */
        padding: 15px; /* Ajusta o padding para telas menores */
    }

    .nav-previous,
    .nav-next {
        flex-basis: auto; /* Deixa o conteúdo determinar a largura */
        flex-grow: 0; /* Não cresce para preencher espaço */
        min-width: auto; /* Remove a largura mínima */
        width: auto; /* A largura se ajusta ao conteúdo */
    }

    .custom-post-navigation a {
        font-size: 0.9rem; /* Um pouco maior para facilitar o toque */
        font-weight: bold; /* Deixa as palavras 'Anterior'/'Próximo' mais visíveis */
        white-space: nowrap; /* Impede a quebra de linha para "Anterior" / "Próximo" */
        padding: 5px 10px; /* Adiciona um pouco de padding para área de clique */
    }

    /* Esconde o título do post, mostrando apenas "Anterior" / "Próximo" */
    .nav-previous a span,
    .nav-next a span {
        display: none;
    }

    /* Adiciona o texto "Anterior" / "Próximo" antes do link, que não existia no HTML */
    .nav-previous a::before {
        content: "← Anterior";
        margin-right: 5px; /* Espaçamento entre a seta e o texto */
    }

    .nav-next a::after {
        content: "Próximo →";
        margin-left: 5px; /* Espaçamento entre o texto e a seta */
    }
}