/* Likes en reacties op reviews (js/reviews_social.js, _products/reviewlist.tpl).
   Apart bestand i.p.v. in v3_NN_screen: geladen door de reviewlijst zelf. */

.review_social
{
	margin: -6px 0 12px 0;
	max-width: 800px;
}

.review_social:empty
{
	display: none;
}

.review_social_bar
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 16px;
}

.review_social button
{
	font: inherit;
	font-size: 13px;
	color: #46293C;
	background: none;
	border: 0;
	padding: 6px 0;
	min-height: 32px;
	cursor: pointer;
}

.review_social .review_like
{
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.review_social .review_like .icon,
.review_social .review_like_count
{
	color: #cccccc;
	font-size: 15px;
	line-height: 1;
}

.review_social .review_like:hover .icon
{
	color: #7cba06;
}

.review_social .review_like.liked .icon
{
	color: #7cba06;
}

.review_social .review_like.liked .label
{
	font-weight: 600;
}

.review_social .review_like .count
{
	font-weight: 600;
}

.review_social .review_like_count
{
	font-size: 13px;
	color: #46293C;
}

.review_social .review_reply:hover,
.review_social .review_comments_more:hover,
.review_social .review_comment_cancel:hover,
.review_social .review_comment_delete:hover
{
	text-decoration: underline;
}

.review_social_message
{
	font-size: 13px;
	color: #46293C;
	background: #f5f1e7;
	padding: 8px 12px;
	margin: 4px 0 8px 0;
}

.review_social_message a
{
	color: #46293C;
	font-weight: 600;
	text-decoration: underline;
}

.review_comments
{
	margin: 4px 0 0 30px;
	border-left: #cccccc solid 3px;
	padding-left: 15px;
}

.review_comment
{
	padding: 6px 0 8px 0;
}

.review_comment .info
{
	color: #46293C;
	font-size: 13px;
	margin: 0 0 2px 0;
}

.review_comment .info .name
{
	font-weight: 600;
	color: #2F1A28;
	margin-right: 8px;
}

.review_comment .info .review_comment_delete
{
	padding: 0;
	min-height: 0;
	margin-left: 8px;
	color: #46293C;
	opacity: 0.7;
}

.review_comment .text
{
	white-space: pre-line;
	overflow-wrap: anywhere;
}

.review_social .review_comments_more
{
	padding-top: 0;
	font-weight: 600;
}

.review_comment_form
{
	margin: 8px 0 0 30px;
}

.review_comment_form textarea
{
	display: block;
	width: calc(100% - 20px);
	min-height: 70px;
	padding: 9px;
	font: inherit;
	border: #cccccc solid 1px;
	resize: vertical;
}

.review_comment_form .note
{
	font-size: 12px;
	color: #46293C;
	margin: 4px 0 8px 0;
}

.review_comment_form .buttons
{
	display: flex;
	align-items: center;
	gap: 16px;
}

.review_social .review_comment_form .button
{
	color: #fff;
	background: #7cba06;
	border-radius: 5px;
	padding: 8px 18px;
	font-weight: 600;
}

.review_social .review_comment_form .button:disabled
{
	opacity: 0.6;
	cursor: default;
}

@media (max-width: 766px)
{
	.review_comments,
	.review_comment_form
	{
		margin-left: 12px;
	}
}


/* Account - Mijn reviews (account_reviews.tpl, module acreviews) */

.my_reviews_write
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 20px;
	padding: 12px 16px;
	margin: 0 0 24px 0;
	background: #f5f1e7;
}

.my_reviews_write p
{
	margin: 0;
}

.my_review
{
	padding: 16px 0;
	border-top: #cccccc dashed 1px;
}

.my_review_product
{
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 10px 0;
}

.my_review_product > div
{
	flex: 1;
	min-width: 0;
}

.my_review_product img
{
	object-fit: contain;
}

.my_review_product .title
{
	font-weight: 600;
	color: #2F1A28;
}

.my_review_product .date,
.my_review_reply .date
{
	font-size: 13px;
	color: #46293C;
}

.my_review .message
{
	max-width: 800px;
	overflow-wrap: anywhere;
}

.my_review .message::after
{
	content: '';
	display: block;
	clear: both;
}

.my_review .message .visual
{
	float: left;
	width: 55px;
	height: 55px;
	object-fit: cover;
	margin: 0 12px 8px 0;
	border: #cccccc solid 1px;
}

.my_review_reply
{
	margin: 10px 0 0 30px;
	padding-left: 15px;
	border-left: #46293C solid 3px;
}

.my_review_reply .date
{
	margin-left: 8px;
}

.my_review_social
{
	display: flex;
	gap: 16px;
	margin: 10px 0 4px 0;
	font-size: 13px;
	color: #46293C;
}

.my_review_social .review_like_count
{
	color: #46293C;
}

.my_review .review_comments
{
	margin-bottom: 8px;
}

.my_review_edit
{
	margin: 10px 0 0 0;
}

.my_review_edit summary
{
	display: inline-block;
	cursor: pointer;
	list-style: none;
	font-size: 13px;
	font-weight: 600;
	color: #46293C;
	padding: 6px 14px;
	border: #46293C solid 1px;
	border-radius: 5px;
	background: #fff;
}

.my_review_edit summary::-webkit-details-marker
{
	display: none;
}

.my_review_edit form
{
	margin: 12px 0 0 0;
	max-width: 800px;
}

.my_review_edit select
{
	margin: 0 0 10px 6px;
}

.my_review_edit textarea
{
	display: block;
	width: calc(100% - 20px);
	min-height: 110px;
	padding: 9px;
	margin: 0 0 10px 0;
	font: inherit;
	border: #cccccc solid 1px;
	resize: vertical;
}

.my_review_edit .checkbox
{
	display: block;
	margin: 0 0 12px 0;
}

.my_review_remove
{
	display: inline-block;
	margin: 8px 0 0 0;
}

.my_review_delete
{
	font: inherit;
	font-size: 13px;
	color: #d92900;
	background: none;
	border: 0;
	padding: 6px 0;
	cursor: pointer;
	text-decoration: underline;
}

@media (max-width: 766px)
{
	.my_review_reply
	{
		margin-left: 12px;
	}

	.my_review_product
	{
		align-items: flex-start;
	}

	.my_review_product img:not(.rating)
	{
		width: 44px;
		height: 44px;
	}

	.my_review_product img.rating
	{
		width: 80px;
		height: auto;
		margin-top: 3px;
	}
}