/* ==========================================================================
   Estilização do Formulário de Comentários (Baseado no Design)
   ========================================================================== */

/* 1. Ocultar a label "Comentário *" para ficar limpo como no print */
.comment-form-comment label {
    display: none;
}

/* 2. Caixa de texto (Textarea) */
.comment-form-comment textarea {
    width: 100%;
    min-height: 150px;
    background-color: transparent;
    border: 1px solid #7a7a7a;
    padding: 15px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 1rem;
    resize: vertical;
    border-radius: 4px;
    margin-top: 2rem;
}

/* 3. Cor dos links no texto "Conectado como..." */
.logged-in-as a {
    color: #c94a6d; /* Tom de rosa/magenta aproximado da imagem */
    text-decoration: none;
}

.logged-in-as a:hover {
    text-decoration: underline;
}

/* 4. Botão "PUBLICAR COMENTÁRIO" */
.comment-form .submit {
    background-color: transparent;
    color: #c94a6d;
    border: 1px solid #c94a6d;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: normal;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
    border-radius: 4px;
    font-family: roboto;
}

/* Efeito ao passar o mouse no botão (opcional, mas recomendado) */
.comment-form .submit:hover {
    background-color: #c94a6d;
    color: #ffffff; /* Fica com fundo rosa e texto branco no hover */
}

/* ==========================================================================
   Textos e Parágrafos dos Comentários
   ========================================================================== */
.comments-area p {
    margin-block-start: 0;
    margin-block-end: .9rem;
}

/* Opcional: Remove a margem do último parágrafo para não sobrar espaço extra */
.comments-area p:last-child {
    margin-block-end: 0;
}