/**
 * Mertz Shop Tools
 * Product Reviews
 */


/* --------------------------------------------------------------
   Review-Bereich
-------------------------------------------------------------- */

/* systemgenerierte headline ausblenden */
h2.woocommerce-Reviews-title {display: none;}

#reviews.woocommerce-Reviews #comments {
	position: relative;
}

#reviews.woocommerce-Reviews .woocommerce-Reviews-title {
	margin-bottom: 40px;
	text-align: center;
}


/* --------------------------------------------------------------
   Review-Liste
-------------------------------------------------------------- */

.woocommerce #reviews #comments ol.commentlist {     width:90% !important;  max-width: 1440px;}

#reviews.woocommerce-Reviews ol.commentlist {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 40px;

	margin: 0 auto !important;
	padding: 0;

	list-style: none;

}

/* WooCommerce Clearfix entfernen */
#reviews.woocommerce-Reviews ol.commentlist::before,
#reviews.woocommerce-Reviews ol.commentlist::after {
	content: none !important;
	display: none !important;
}

#reviews.woocommerce-Reviews ol.commentlist > li.review {
	width: auto;
	margin: 0;
	padding: 0;
}


/* --------------------------------------------------------------
   WooCommerce Avatar entfernen
-------------------------------------------------------------- */

#reviews.woocommerce-Reviews .comment_container > img.avatar {
	display: none;
}


/* --------------------------------------------------------------
   Einzelne Bewertung
-------------------------------------------------------------- */

#reviews.woocommerce-Reviews .comment_container {
	height: 100%;
}

#reviews.woocommerce-Reviews .comment-text {
	display: flex;
	flex-direction: column;
	align-items: center;

	height: 100%;
	margin: 0 !important;
	padding: 0 !important;

	text-align: center;

	border: 0 !important;
}

#reviews.woocommerce-Reviews .star-rating {
	order: 1;
}

#reviews.woocommerce-Reviews .description {
	order: 2;
	margin-bottom: 0;
    padding-top:10px;
}

#reviews.woocommerce-Reviews .description p {
	margin: 0;
	padding: 0;

    color:black;
}

#reviews.woocommerce-Reviews .meta {
	order: 3;

	display: flex;
	flex-direction: column;
	align-items: center;

	margin-top: 0;
	margin-bottom: 0;
	padding: 0;

	text-align: center;

    color:black;
}

#reviews.woocommerce-Reviews .woocommerce-review__dash {
	display: none;
}

#reviews.woocommerce-Reviews .woocommerce-review__author {
	display: block;
	font-weight: 600;
}

#reviews.woocommerce-Reviews .woocommerce-review__published-date {
	display: block;
}

/* --------------------------------------------------------------
   Sterne
-------------------------------------------------------------- */

#reviews.woocommerce-Reviews .star-rating {
	float: none;

	margin: 0 0 18px;
}


/* --------------------------------------------------------------
   Bewertungstext
-------------------------------------------------------------- */

#reviews.woocommerce-Reviews .description {
	margin-bottom: 20px;
}

#reviews.woocommerce-Reviews .description p {
	margin: 0;
	padding: 0;
}


/* --------------------------------------------------------------
   Autor und Datum
-------------------------------------------------------------- */

#reviews.woocommerce-Reviews .meta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;

	margin-top: auto;
	margin-bottom: 0;
	padding: 0;
}

#reviews.woocommerce-Reviews .woocommerce-review__author {
	font-weight: 600;
}


/* --------------------------------------------------------------
   Carousel Navigation
-------------------------------------------------------------- */

#reviews.woocommerce-Reviews .mertz-review-navigation {
	position: absolute;
	z-index: 5;

	top: 50%;

	display: flex;
	justify-content: space-between;

	/*width: calc(100% + 80px);*/
    width:100%;
    max-width:1600px;

	left: 0;

	pointer-events: none;
	transform: translateY(-50%);
}

#reviews.woocommerce-Reviews .mertz-review-navigation__button {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 40px;
	height: 40px;
	padding: 0;

	background: transparent;
	border: 0;

	cursor: pointer;
	pointer-events: auto;
}

#reviews.woocommerce-Reviews .mertz-review-navigation__icon {
	display: block;
	width: 30px;
	height: 27px;

	background-image: url("../img/icon-arrow-comments.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#reviews.woocommerce-Reviews .mertz-review-navigation__icon:hover {

	background-image: url("../img/icon-arrow-comments-hover.svg");

}

#reviews.woocommerce-Reviews
.mertz-review-navigation__prev
.mertz-review-navigation__icon {
	transform: rotate(180deg);
}

#reviews.woocommerce-Reviews .mertz-review-navigation__button:disabled {
	opacity: 0.25;
	cursor: default;
}

#reviews.woocommerce-Reviews .mertz-review-navigation__button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}


/* --------------------------------------------------------------
   Native WooCommerce Pagination ausblenden
-------------------------------------------------------------- */

#reviews.woocommerce-Reviews .woocommerce-pagination {
	display: none;
}


/* --------------------------------------------------------------
   Review Formular
-------------------------------------------------------------- */
#review_form_wrapper {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}

#reply-title {
    display:none;
}

p.form-submit, .comment-form-rating {
    text-align:center !important;
}


/* --------------------------------------------------------------
   Tablet
-------------------------------------------------------------- */

@media (max-width: 980px) {

	#reviews.woocommerce-Reviews ol.commentlist {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px;
	}

}


/* --------------------------------------------------------------
   Smartphone
-------------------------------------------------------------- */

@media (max-width: 767px) {

	#reviews.woocommerce-Reviews ol.commentlist {
		grid-template-columns: minmax(0, 1fr);
	}

	#reviews.woocommerce-Reviews .mertz-review-navigation {
		width: calc(100% + 50px);
		left: -25px;
	}

	#reviews.woocommerce-Reviews .mertz-review-navigation__button {
		width: 30px;
	}

}