/* === Hozzaszolasok (dal oldal) === */
.lyric-comments {
	margin: 20px 0 40px;
	padding: 15px;
	background: #f9f9f9;
	border: 1px solid #eee;
}

.lyric-comments-title {
	margin: 0 0 15px;
}

.comment-form {
	margin: 0 0 20px;
}

.comment-form textarea {
	resize: vertical;
}

.comment-form-bottom {
	margin-top: 8px;
	overflow: hidden;
}

.comment-form-bottom .char-counter {
	font-size: 12px;
	color: #999;
	line-height: 34px;
}

.comment-form-bottom .btn {
	float: right;
}

.comment-form-info {
	margin-top: 10px;
}

.comment-form-info .alert {
	margin: 0;
	padding: 8px 12px;
	font-size: 13px;
}

.comment-form-disabled textarea {
	background: #eee;
	cursor: not-allowed;
}

/* Belépés CTA (nincs belepve) */
.comment-login-cta {
	text-align: center;
	padding: 20px 10px;
	margin-bottom: 20px;
}

.comment-login-btn {
	font-size: 18px;
	padding: 12px 30px;
}

.comment-login-sub {
	margin-top: 10px;
	font-size: 13px;
	color: #777;
}

/* Comment lista */
.comment-list {
	margin-top: 20px;
}

.comment-row {
	margin: 10px 0;
	padding: 10px;
	background: #fff;
	border: 1px solid #eee;
}

.comment-row .comment-text {
	margin: 0 0 8px;
	line-height: 1.4;
	word-wrap: break-word;
}

.comment-row .comment-bottom {
	overflow: hidden;
	font-size: 12px;
	color: #999;
}

.comment-row .comment-author {
	margin-right: 10px;
}

.comment-row .comment-author a {
	font-weight: bold;
}

.comment-row .comment-time {
	margin-right: 10px;
}

.comment-row .comment-like-wrap {
	margin-right: 10px;
}

/* Szavazas (fel/le) */
.comment-row {
	display: flex;
	align-items: flex-start;
}

.comment-vote-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 12px;
	min-width: 36px;
	padding-top: 2px;
}

.comment-vote-btn {
	background: none;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 2px 8px;
	cursor: pointer;
	color: #999;
	font-size: 14px;
	line-height: 1;
}

.comment-vote-btn:hover:not(:disabled) {
	border-color: #337ab7;
	color: #337ab7;
}

.comment-vote-btn.active {
	background: #337ab7;
	border-color: #337ab7;
	color: #fff;
}

.comment-vote-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.comment-score {
	font-size: 15px;
	font-weight: bold;
	margin: 4px 0;
	min-width: 20px;
	text-align: center;
}

.comment-score.negative {
	color: #d9534f;
}

.comment-body {
	flex: 1;
}

/* Dal koszones gomb */
.lyric-thank-bar {
	margin: 20px 0;
}

.lyric-thank-btn {
	cursor: pointer;
	background: #2e7d32;
	border-color: #2e7d32;
	color: #fff;
}

.lyric-thank-btn:hover:not(:disabled) {
	background: #1b5e20;
	border-color: #1b5e20;
	color: #fff;
}

.lyric-thank-btn .thank-count {
	font-weight: bold;
	margin-left: 6px;
}

.lyric-thank-btn.active {
	background: #1b5e20;
	border-color: #1b5e20;
	color: #fff;
}

.lyric-thank-btn:disabled {
	opacity: 0.7;
	cursor: default;
}

.comment-row .comment-delete .delete {
	color: #d9534f;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	padding: 0 4px;
}

.comment-empty {
	padding: 20px;
	text-align: center;
	color: #999;
	font-style: italic;
}

/* === Legujabb hozzaszolasok (sidebar / footer widget) === */
.latest-comments-box {
	overflow: hidden;
}

.latest-comments-list,
.top-thanked-list {
	margin: 0;
}

.latest-comments-list li,
.top-thanked-list li {
	padding: 8px 0;
	border-bottom: 1px solid #eee;
}

.latest-comments-list li:last-child,
.top-thanked-list li:last-child {
	border-bottom: none;
}

.latest-comment-link,
.top-thanked-link {
	display: block;
	font-size: 13px;
	margin-bottom: 2px;
}

.latest-comment-text,
.top-thanked-text {
	font-size: 12px;
	color: #555;
	line-height: 1.3;
	max-height: 2.6em; /* max 2 sor */
	overflow: hidden;
	margin-bottom: 4px;
}

.latest-comment-meta,
.top-thanked-meta {
	font-size: 11px;
	color: #999;
	overflow: hidden;
}

.latest-comment-meta a,
.top-thanked-meta a {
	font-weight: bold;
}

.latest-comment-meta time,
.top-thanked-meta time {
	float: right;
}

.top-thanked-count {
	float: right;
	color: #d9534f;
	font-weight: bold;
}

/* Mobil legujabb hozzaszolasok (footer elott) */
.mobile-latest-comments {
	padding: 15px 0;
}

.mobile-latest-comments .latest-comments-box {
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid #eee;
}