// Комментарии

@use 'im_variables' as *;

.mso-comments,
.mso-comment-form
{
	// padding: 30px 0;
}

.mso-comments-count {
	font-size: 1.1rem;
	text-transform: uppercase;
	color: var(--gray700);
	border-bottom: 2px solid var(--gray200);
	padding-bottom: 10px;
	margin-top: 30px;
	
	&::before {
		font-family: mfont;
		display: inline-block;
		margin-right: 7px;
		content: unquote("\"#{ $im-comment }\""); 
	}
	
	.mso-comments-rss {
		display: block;
		float: right;
		font-size: .9rem;
		
		&::before {
			font-family: mfont;
			display: inline-block;
			margin-right: 7px;
			content: unquote("\"#{ $im-rss }\""); 
		}
	}
}

.mso-comments-textarea {
	textarea {
		width: 100%;
	}
}

.mso-comments-input-author {
	width: 100%;
}

.mso-comment-article {
	margin-top: 10px;
	padding-bottom: 20px;
	
	border-bottom: 1px dotted var(--gray600);
	
	&:last-of-type {
		border-bottom: none;
	}
}

// оставьте комментарий
.mso-comment-leave {
	margin: 20px 0;
	font-weight: bold;
	font-size: 1.2rem;
}

.mso-comment-info {
	font-size: .9rem;
	color: var(--gray700);
	
	
	.mso-comment-num {
		background-color: var(--gray200);
		color: var(--gray600);
		padding: 0 5px;
		border-radius: 5px;
	}
	
	a {
		color: var(--gray700);
	}
	
	.mso-comment-author {
		margin-left: 10px;
		
		&::before {
			font-family: mfont;
			display: inline-block;
			margin-right: 7px;
			content: unquote("\"#{ $im-user }\"");
		}
	}
	
	.mso-comuser-url {
		margin-left: 10px;
		
		&::before {
			font-family: mfont;
			display: inline-block;
			margin-right: 7px;
			content: unquote("\"#{ $im-link }\"");
		}
	}
	
	.mso-comment-date {
		margin-left: 10px;
		
		&::before {
			font-family: mfont;
			display: inline-block;
			margin-right: 7px;
			content: unquote("\"#{ $im-calendar }\"");
		}
	}
	
	.mso-comment-edit {
		margin-left: 10px;
		
		&::before {
			font-family: mfont;
			display: inline-block;
			margin-right: 7px;
			content: unquote("\"#{ $im-edit }\"");
		}
	}
}

// аватарка
img.mso-gravatar {
	float: right;
	margin: 10px 0 15px 15px;
}

// раскраска юзеров 
.mso-comment-users .mso-comment-author,
.mso-comment-users .mso-comment-author a 
{
	color: var(--green);
}
		
.mso-comment-comusers .mso-comment-author,
.mso-comment-comusers .mso-comment-author a 
{
	color: var(--green);
}
	
.mso-comment-anonim .mso-comment-author {
	color: var(--gray700);
}

// принудительный перенос для длинных строк в комментариях
.mso-comment-content {
	word-wrap: break-word;
	
	pre {
		white-space: pre-wrap;
	}
}

.mso-comment-form {
	padding-bottom: 20px;
	
	button[name="comments_submit"] {
		// @extend .button;
	}
	
	.mso-comments-auth {
		margin-top: 20px;
	}
	
	textarea,
	input[type="text"]
	{
		// background: #f6f6f6;
		
		&:focus {
			// background: #ffffff;
		}
	}
	
}

.mso-comments-user {
	margin: 0 0 20px 0;
	font-size: 1.2rem;
	
	a[href*="/logout"] {
		display: inline-block;
		float: right;
		font-size: 1rem;
		
		color: var(--gray600);
		
		&::before {
			font-family: mfont;
			display: inline-block;
			margin-right: 7px;
			content: unquote("\"#{ $im-sign-out-alt }\"");
		}
	}
}

div.mso-type-comments-content {
	padding-bottom: 20px;
}

.mso-comment-approved {
	color: var(--red);
	margin-left: 10px;
}
