/**
 * Reviews
 */

body[class*="woocommerce"] #page { // adding #content here to override default wc styles without !important

	/**
	 * Reviews
	 */
	#reviews {

		h2 small {
			color: map-deep-get($config-global, "color", "foreground", "light");
			font-size: map-deep-get($config-global, "font", "size", "sm");
			margin: inherit;

			a {
				color: currentColor;
			}
		}

		.woocommerce-Reviews-title {

		}

		#comments {

			ol.commentlist {

				padding-left: 0;

				li {
					margin-bottom: map-deep-get($config-global, "spacing", "unit");

					.meta {
						color: map-deep-get($config-global, "color", "foreground", "light");
						font-size: map-deep-get($config-global, "font", "size", "sm");
					}

					img.avatar {
						padding: 0;
						width: #{1.5 * map-deep-get($config-global, "spacing", "vertical")};
						height: auto;
						background: transparent;
						border-color: map-deep-get($config-global, "color", "border", "default");
						margin: 0;
						box-shadow: none;
					}

					.woocommerce-review__author {
						@include font-family( map-deep-get($config-global, "font", "family", "primary") );
					}

					.comment-text {
						margin-left: #{4 * map-deep-get($config-global, "spacing", "unit")};
						border: 1px solid map-deep-get($config-global, "color", "border", "default");
						border-radius: 4px;
						padding: 1em 1em 0;

						p {
							margin: 0 0 1em;
						}

						p.meta {
							font-size: 0.83em;
						}
					}
				}

				ul.children {
					list-style: none outside;
					margin: 20px 0 0 50px;

					.star-rating {
						display: none;
					}
				}

				#respond {
					border: 1px solid map-deep-get($config-global, "color", "border", "default");
					border-radius: 4px;
					padding: 1em 1em 0;
					margin: 20px 0 0 50px;
				}
			}

			.commentlist > li::before {
				content: "";
			}
		}
	}
}