/*=============================================================================
  CUSTOMER REVIEWS

  * Star reviews section on desc page
=============================================================================*/

.custreview_form-btn .btn {
    width: 100%;
    margin-bottom: var(--spacing-06);
}

.customer_reviews-container .agg-container>* {
    padding-bottom: 0;
    margin: 0;
}

.customer_reviews-container .star-rating-container {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: var(--spacing-06);
}

.customer_reviews-container .star-rating-container>*:not(:last-child) {
    margin-right: var(--spacing-10);
    margin-bottom: 0;
}

.customer_reviews-container .star-rating-subcontainer {
    flex: 1 0 40%;
    text-align: left;
}

.customer_reviews-container .main-aggregate-rating-heading {
    font: var(--text-heading-02);
    color: var(--color-text-primary-dark);
    white-space: nowrap;
    padding-bottom: var(--spacing-04);
}

.customer_reviews-container .count-container {
    font: var(--text-body-sm-compact);
    color: var(--color-text-secondary);
    padding-bottom: var(--spacing-04);
}

.customer_reviews-container .star-graph-subcontainer {
    flex: 1 0 50%;
}

.customer_reviews-container .star-graph-subcontainer>*:not(:last-child) {
    padding-bottom: var(--spacing-02);
}

.customer_reviews-container .star-count {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-self: stretch;
    line-height: var(--font-line-height-04);
}

.customer_reviews-container .star-count>label {
    font: var(--text-body-sm-compact);
    color: var(--color-text-primary-dark);
    margin: 0;
    padding-right: var(--spacing-06);
    white-space: nowrap;
    cursor: pointer;
}

.customer_reviews-container .star-bar-subcontainer,
.star-bar {
    flex-grow: 0;
    height: var(--spacing-02);
    border-radius: var(--border-radius-md);
}

.customer_reviews-container .star-bar-subcontainer {
    width: 100%;
    background-color: var(--color-surface-secondary);
}

.customer_reviews-container .star-bar {
    background-color: var(--color-brand-primary-01);
}

.customer_reviews-container .sort_filter-wrapper {
    display: flex;
    flex-direction: column;
    padding-bottom: var(--spacing-06);
}

.customer_reviews-container .sort-filter-label {
    font: var(--text-form-label);
    color: var(--color-text-primary-dark);
    padding-bottom: var(--spacing-01);
    margin-bottom: 0;
}

.customer_reviews-container .sort_filter-wrapper select {
    width: 100%;
}

.customer_reviews-container .sort-by-container {
    width: 100%;
    margin: 0;
    padding-right: 0;
    padding-bottom: var(--spacing-04);
}

.customer_reviews-container .filter-by-container {
    width: 100%;
    margin-bottom: 0;
}

.customer_reviews-container .show-filter-container {
    flex-direction: column;
    padding-bottom: var(--spacing-06);
}

.customer_reviews-container .show-filter-container>.filter-container-heading {
    flex-grow: 0;
    font: var(--text-form-label);
    color: var(--color-text-primary-dark);
    text-transform: uppercase;
    padding-bottom: var(--spacing-04);
}

.customer_reviews-container .show-filter-container>.filter-container-content {
    font: var(--text-body-md-compact);
    color: var(--color-text-primary-dark);
}

.customer_reviews-container .filter-container-content .filter-content-value {
    font: var(--text-body-md-compact);
    color: var(--color-text-primary-dark);
    padding-right: var(--spacing-04);
}

.customer_reviews-container .filter-container-content>.clear-filters-button {
    font: var(--text-link-lg);
    color: var(--color-text-link-default);
    text-decoration: underline;
    text-align: right;
    padding: 0;
    cursor: pointer;
}

.customer_reviews-container .filter-container-content>.clear-filters-button:hover {
    text-decoration: none;
}

.customer_reviews-container .display-review-container>* {
    margin-bottom: 0;
}

.customer_reviews-container .single-review-container {
    border-radius: var(--border-radius-md);
    padding: var(--spacing-06);
    background-color: var(--color-surface-secondary);
    margin-bottom: var(--spacing-06);
}

.customer_reviews-container .single-rating-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.customer_reviews-container .star-rating-subcontainer>.stars-container {
    padding: 0;
    margin: 0;
}

.customer_reviews-container .single-rating-container {
    padding-bottom: var(--spacing-04);
}

.customer_reviews-container .rating-subcontainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex: 1 0 100%;
}

.customer_reviews-container .rating-subcontainer>.single-text-rating {
    font: var(--text-body-sm-compact);
    color: var(--color-text-primary-dark);
    flex-grow: 1;
}

.customer_reviews-container .recommend-container {
    font: var(--text-body-md);
    color: var(--color-text-primary-dark);
    display: flex;
    align-items: center;
}

.customer_reviews-container .rating-subcontainer>*:not(:last-child),
.recommend-container>.icon-check_success {
    background-position: var(--icon-position-md-color);
    margin-right: var(--spacing-02);
}

.customer_reviews-container .single-info-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.customer_reviews-container .single-info-container>*:not(:last-child) {
    padding-bottom: var(--spacing-04);
}

.customer_reviews-container .rating-subcontainer {
    align-self: center;
    padding-bottom: var(--spacing-04);
}

.customer_reviews-container .review-title {
    font: var(--text-title-lg);
    color: var(--color-text-primary-dark);
}

.customer_reviews-container .review-body {
    font: var(--text-body-md);
    color: var(--color-text-primary-dark);
    white-space: pre-line;
}

.customer_reviews-container .author-date-subcontainer {
    font-size: var(--text-body-sm-compact);
    color: var(--color-text-primary-dark);
    display: flex;
    flex-direction: column;
}

.customer_reviews-container .author-date-subcontainer>*:not(:last-child) {
    padding-bottom: var(--spacing-01);
}

.customer_reviews-read_more {
    padding-bottom: 0;
}

.cust_reviews-comments .product_info-read_more {
    background-color: var(--gray-50);
    padding: var(--spacing-06)
}

.product_info-text .cust_reviews-comments p {
    padding: 0 0 var(--spacing-03);
    font-size: var(--font-size-100);
    line-height: var(--font-line-height-06);
    margin-bottom: var(--spacing-03);
}

.cust_reviews-comments p:first-child {
    margin-top: 0;
}

.cust_reviews-main-container .read_more-btn,
.previous_comments-main-container .read_more-btn {
	background-color: var(--color-surface-button-ghost);
	color: var(--color-text-button-on-ghost);
	border: var(--border-weight-01) solid var(--color-border-button-ghost);
	font: var(--text-button-sm);
	padding: var(--spacing-01) var(--spacing-02);
    text-decoration: none;
}

.cust_reviews-main-container .read_more-btn:hover,
.cust_reviews-main-container .read_more-btn:focus,
.cust_reviews-main-container .read_more-btn:active,
.previous_comments-main-container .read_more-btn:hover,
.previous_comments-main-container .read_more-btn:focus,
.previous_comments-main-container .read_more-btn:active {
	background-color: var(--color-surface-button-ghost-hover);
	color: var(--color-text-button-on-ghost-hover);
	border: var(--border-weight-01) solid var(--color-border-button-ghost-hover);
}

.feedback_info {
    cursor: pointer;
    padding-bottom: var(--spacing-06);
}

.previous_comments-main-container .previous-feedback {
    display: flex;
    flex-direction: column;
}

.previous_comments-main-container .previous-feedback-disclaimer {
    font: var(--text-body-xs-compact);
    color: var(--color-text-primary-dark);
    padding-bottom: var(--spacing-06);
}

.previous_comments-main-container .icon-help {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    padding: var(--icon-size-xs) 0 0;
    background-size: var(--icon-size-xs);
    background-position: var(--icon-position-xs-black);
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

.previous_comments-main-container .cust_reviews-comments .check_read-inner,
.previous_comments-main-container .cust_reviews-comments .check_read-inner p {
    font: var(--text-body-md);
    color: var(--color-text-primary-dark);
}

@media (min-width: 480px) {
    .customer_reviews-container .star-rating-container {
        margin-bottom: 0;
    }

    .customer_reviews-container .sort_filter-wrapper {
        flex-direction: row;
    }

    .customer_reviews-container .sort_filter-wrapper>*:first-child {
        padding-right: var(--spacing-06);
        padding-bottom: 0;
        margin: 0;
    }
}

@media (min-width: 576px) {
    .customer_reviews-container .recommend-container {
        margin-left: auto;
    }

    .customer_reviews-container .rating-subcontainer {
        flex: 1 0 50%;
        margin-bottom: 0 !important;
        padding-bottom: 0;
    }

    .custreview_form-btn .btn {
        width: auto;
        margin-bottom: var(--spacing-06);
    }
}

@media (min-width: 992px) {
    .customer_reviews-container .display-review-container>* {
        padding-bottom: var(--spacing-06);
    }
}

.review_prompt {
    padding: var(--spacing-06) var(--spacing-06) 0;
    border-radius: var(--border-radius-sm);
    text-align: center;
    background-color: var(--color-surface-secondary);
}

.review_prompt h4 {
    padding: 0 0 var(--spacing-06);
    font: var(--text-heading-04);
    margin: 0;
}