/*
 * Sabia Essa? - comments.css
 * Carregado apenas quando ha comentarios abertos ou publicados.
 */

.sabia-essa-comments {
	margin-block: var(--wp--preset--spacing--60);
}

.sabia-essa-readalso + .sabia-essa-comments {
	margin-top: var(--wp--preset--spacing--40);
}

.sabia-essa-comments__title {
	margin: 0 0 var(--wp--preset--spacing--30);
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding-left: 0.75rem;
	border-left: 4px solid var(--wp--preset--color--accent);
}

.sabia-essa-comments__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--wp--preset--spacing--30);
}

.sabia-essa-comments__list .children {
	list-style: none;
	margin: var(--wp--preset--spacing--30) 0 0;
	padding-inline-start: clamp(0.75rem, 3vw, 1.5rem);
	border-inline-start: 2px solid var(--wp--preset--color--border);
	display: grid;
	gap: var(--wp--preset--spacing--30);
}

.sabia-essa-comment {
	padding: var(--wp--preset--spacing--30);
	background: var(--wp--preset--color--surface);
	border-radius: var(--se-radius);
}

.sabia-essa-comment__head {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.35rem 0.6rem;
	margin-bottom: 0.4rem;
}

.sabia-essa-comment__author {
	font-weight: 700;
}

.sabia-essa-comment__badge {
	font-size: 0.6875rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 0.1rem 0.4rem;
	border-radius: 3px;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent-ink);
}

.sabia-essa-comment__date {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

.sabia-essa-comment__body {
	font-size: 0.9375rem;
	line-height: 1.65;
}

.sabia-essa-comment__body > :first-child {
	margin-top: 0;
}

.sabia-essa-comment__body > :last-child {
	margin-bottom: 0;
}

.sabia-essa-comment__actions {
	margin-top: 0.5rem;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

.sabia-essa-comment__moderation {
	margin: 0 0 0.5rem;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	color: var(--wp--preset--color--muted);
}

.sabia-essa-comment--pending {
	border: 1px dashed var(--wp--preset--color--accent);
}

/* Formulario */

.sabia-essa-commentform {
	margin-top: var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--surface);
	border-radius: var(--se-radius);
}

.sabia-essa-commentform p {
	margin-block: 0 var(--wp--preset--spacing--30);
}

.sabia-essa-commentform label {
	display: block;
	margin-bottom: 0.3rem;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

.sabia-essa-commentform input[type='text'],
.sabia-essa-commentform input[type='email'],
.sabia-essa-commentform textarea {
	width: 100%;
	min-height: 44px;
	padding: 0.6rem 0.75rem;
	font: inherit;
	font-size: 1rem;
	color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--base);
	border: 2px solid var(--wp--preset--color--border);
	border-radius: var(--se-radius);
}

.sabia-essa-commentform textarea {
	min-height: 140px;
	resize: vertical;
}

.sabia-essa-commentform .form-submit input[type='submit'] {
	min-height: 48px;
	padding-inline: 1.4rem;
	font-weight: 800;
	color: var(--wp--preset--color--accent-ink);
	background: var(--wp--preset--color--accent);
	border: 0;
	border-radius: var(--se-radius);
	cursor: pointer;
}

.sabia-essa-commentform .comment-notes,
.sabia-essa-commentform .sabia-essa-privacy {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}

.sabia-essa-commentform .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}

.sabia-essa-commentform .comment-form-cookies-consent label {
	font-weight: 400;
	margin: 0;
}

/* Honeypot: escondido de leitores humanos, ainda no DOM para robos. */
.sabia-essa-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.sabia-essa-comments__closed {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

.sabia-essa-comments__pagination {
	margin-block: var(--wp--preset--spacing--40);
}