/* Área geral dos comentários */
.comments-area {
    margin-top: 2rem;
    padding: 1.5rem;
    border-top: 2px solid #eee;
}

/* Título de resposta */
.comment-reply-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

/* Espaçamento do formulário */
.comment-form {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Duas colunas iguais */
    gap: 1rem;
    gap: 1rem;
}

/* Labels e Textarea */
.comment-form-comment label {
    display: block;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.comment-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;
    resize: vertical; /* Permite redimensionar apenas a altura */
}

/* Botão de Enviar */
.form-submit .submit {
    background-color: #a73337;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1rem;
    transition: background 0.3s;
}

.form-submit .submit:hover {
    background-color: #ed3237;
}

/* Ajustes para o "Logado como" e avisos */
.logged-in-as {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 1rem;
}

.required {
    color: #d9534f;
}

/* Estilização para inputs de texto, email e url no formulário */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;
    box-sizing: border-box; /* Garante que o padding não estoure a largura */
}

/* .comment-form input[type="text"],
.comment-form input[type="email"] {
    width: 48%;
} */

/* Alinhamento dos campos obrigatórios (nome e email) */
.comment-form-author,
.comment-form-email,
.comment-form-url {
    margin-bottom: 1rem;
}

.comment-form label {
    display: block;
    margin-bottom: 0.3rem;
    font-weight: bold;
}

/* Ajuste específico para o checkbox de consentimento */
.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.comment-form-cookies-consent input {
    margin: 0; /* Remove margens padrão do navegador */
}

/* Nota inicial e campos obrigatórios */
.comment-notes {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 1.5rem;
}



/* Faz com que elementos que ocupam a linha toda ignorem o grid de 2 colunas */
.comment-form > p {
    margin: 0; /* Remove a margem padrão dos parágrafos do WP */
}

/* Campos que devem ocupar 100% da largura */
.comment-notes,
.comment-form-comment,
.comment-form-url,
.comment-form-cookies-consent,
.form-submit {
    grid-column: span 2; /* Faz o elemento ocupar as duas colunas */
}