/**
 * Комментарии: визуально в одной системе со страницей записи (как оглавление), без «чужой» карточки.
 * Грузится после seberd-legacy-skin.css.
 */

/* Область комментариев — без второй подложки */
body.single #comments,
body.page #comments {
	margin-top: clamp(1.75rem, 4vw, 2.75rem);
	padding-top: 0;
}

body.single .comments-title,
body.page .comments-title {
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--accent) !important;
	margin: 0 0 1rem !important;
	padding-bottom: 0.65rem !important;
	border-bottom: 1px solid var(--border) !important;
}

/* Форма: как виджет TOC — стекло, не сплошной --bg-card */
body.single .comment-respond,
body.page .comment-respond {
	background: rgba(12, 11, 18, 0.72) !important;
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border: 1px solid var(--border) !important;
	border-radius: 14px !important;
	padding: 1.15rem 1.2rem 1.35rem !important;
	margin-top: 1.25rem !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
}

html[data-sbrd-theme='light'] body.single .comment-respond,
html[data-sbrd-theme='light'] body.page .comment-respond {
	background: rgba(255, 255, 255, 0.78) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.07) !important;
}

/* Заголовок формы — в тон секциям (не крупный H3) */
body.single .comment-reply-title,
body.page .comment-reply-title,
body.single #reply-title,
body.page #reply-title {
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--accent) !important;
	margin: 0 0 0.85rem !important;
	padding-bottom: 0.65rem !important;
	border-bottom: 1px solid var(--border) !important;
}

body.single .comment-reply-title small,
body.page .comment-reply-title small {
	font-size: inherit !important;
	font-weight: inherit !important;
}

/* Подсказка про вход — обычный текст, не «кричащий» uppercase */
body.single .sbrd-comment-login-hint,
body.page .sbrd-comment-login-hint,
body.single .comment-notes,
body.page .comment-notes {
	font-size: 0.9rem !important;
	line-height: 1.55 !important;
	color: var(--text-sec) !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	margin: 0 0 1rem !important;
}

body.single .sbrd-comment-login-hint a,
body.page .sbrd-comment-login-hint a,
body.single .logged-in-as a,
body.page .logged-in-as a {
	border-bottom: 1px solid rgba(255, 136, 68, 0.35) !important;
}

body.single .logged-in-as,
body.page .logged-in-as {
	font-size: 0.9rem !important;
	color: var(--text-sec) !important;
	margin-bottom: 1rem !important;
}

/* Поля: чуть ближе к фону страницы, без «коробки в коробке» */
body.single .comment-form input[type='text'],
body.single .comment-form input[type='email'],
body.single .comment-form input[type='url'],
body.single .comment-form textarea,
body.page .comment-form input[type='text'],
body.page .comment-form input[type='email'],
body.page .comment-form input[type='url'],
body.page .comment-form textarea {
	background: rgba(0, 0, 0, 0.25) !important;
	border-color: var(--border) !important;
	border-radius: 10px !important;
	margin-bottom: 0.85rem !important;
}

html[data-sbrd-theme='light'] body.single .comment-form input[type='text'],
html[data-sbrd-theme='light'] body.single .comment-form input[type='email'],
html[data-sbrd-theme='light'] body.single .comment-form input[type='url'],
html[data-sbrd-theme='light'] body.single .comment-form textarea,
html[data-sbrd-theme='light'] body.page .comment-form input[type='text'],
html[data-sbrd-theme='light'] body.page .comment-form input[type='email'],
html[data-sbrd-theme='light'] body.page .comment-form input[type='url'],
html[data-sbrd-theme='light'] body.page .comment-form textarea {
	background: rgba(255, 255, 255, 0.65) !important;
}

body.single .comment-form textarea,
body.page .comment-form textarea {
	min-height: 120px !important;
}

/* Подписи полей — читаемо, без гигантского ALL CAPS */
body.single .comment-form label,
body.page .comment-form label {
	font-size: 0.7rem !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: var(--text-muted) !important;
}

body.single .comment-form .comment-form-cookies-consent label,
body.page .comment-form .comment-form-cookies-consent label {
	font-size: 0.8125rem !important;
	font-weight: 500 !important;
	text-transform: none !important;
	letter-spacing: 0.02em !important;
	line-height: 1.45 !important;
	color: var(--text-sec) !important;
}

body.single .comment-form input[type='submit'],
body.page .comment-form input[type='submit'],
body.single #respond #submit,
body.page #respond #submit {
	border-radius: 10px !important;
	padding: 0.65rem 1.4rem !important;
	font-weight: 600 !important;
}

/* Уже опубликованные комментарии — легче карточки, в той же семье */
body.single .comment-list .comment-body,
body.page .comment-list .comment-body {
	background: rgba(12, 11, 18, 0.45) !important;
	border: 1px solid var(--border) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

html[data-sbrd-theme='light'] body.single .comment-list .comment-body,
html[data-sbrd-theme='light'] body.page .comment-list .comment-body {
	background: rgba(255, 255, 255, 0.5) !important;
}