/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License version 3.0
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */

.reviews-rating-count {
    font-size: 12px;
    color: #fff;
}

.reviews-list-block > .review-star-checked {
    color: var(--star_checked);
}

.review-star {
    color: var(--star_unchecked);
}

.review-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.review-spinner:after {
    content: " ";
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid;
    border-color: #fff transparent #fff transparent;
    animation: review-spinner 1.2s linear infinite;
}

.product-list-reviews{
    display: none !important;
}

@keyframes review-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*------------------------*/
/*--------Category--------*/

/*------------------------*/
/*--------Product---------*/

.reviews-container {
    position: relative;
    display: block;
    margin-bottom: 80px;
    border-radius: 0;
    padding: 0 5px;
}

#product .jconfirm-box .btn.btn-dark{
    background: #4DB849 !important;
}

#product .jconfirm-box{
    background: #181A1B !important;
    border: 2px solid #2d3c41;
}

#product .jconfirm-title{
    color: #fff !important;
}

.reviews-heading {
    display: flex;
    align-items: center;
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--secondary-color);
    text-transform: uppercase;
    padding: 0;
    /*margin: auto 20px;*/
    border-bottom: 2px solid var(--border_color);
    padding-bottom: 20px;
    position: relative;
}

.review-proposition {
    color: var(--secondary-color);
    font-weight: 200;
    line-height: 20px;
}

.review-heading-count {
    font-weight: 500;
    margin-left: 15px;
    border-radius: 10px;
    text-transform: lowercase;
    padding: 2px 8px 2px 8px;
    background: var(--first-color);
    color: #fff;
    font-size: 15px;
}

.review-item .review-item-response-content p,
.review-item .review-item-content {
    font-size: 16px !important;
    font-weight: 100;
    margin-top: 5px;
}

#product .reviews-container .reviews-list-block {
    box-shadow: unset;
    margin-bottom: unset;
    display: flex;
}

.reviews-content {
    padding: 20px 0;
    padding-bottom: 0;
    color: #fff !important;
}

.product-review-first-title{
    color: #fff;
    margin-bottom: .5rem;
}

.review-name, .review-email,
.review-title, .review-content {
    font-size: 16px !important;
}

.reviews-grand-average-target {
    font-size: 20px;
    /*color: #7A7A7A;*/
}

.reviews-average-block .review-star {
    font-size: 35px;
    margin-right: -10px;
}


.reviews-grand-average {
    display: flex;
    align-items: center;
    min-width: 100px;
    border-right: 2px solid var(--border_color);
    padding-right: 2rem;
    justify-content: center;
    text-align: center;
}

.reviews-grand-average-grade {
    font-size: 30px;
    font-weight: 700;
}

.reviews-average-block {
    display: flex;
}

.review-grades {
    border-right: 1px solid var(--overall_color);
}

.review-proposition {
    text-align: center;
    font-weight: 300;
    font-size: 1rem;
}

.review-flex-column {
    flex: 0 0 50%;
}

.btn-add-review, .btn-login-review {
    background: #4DB849 !important;
    margin-top: 10px;
}


.reviews-listing {
    border-top: 2px solid var(--border_color);
    margin-top: 20px;
}

.review-item {
    display: flex;
    width: 100%;
    margin: 40px 0;
}

.btn-add-review{
    border-radius: 10px;
    padding: 20px 40px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    box-shadow: unset;
    background: #4DB849 !important;
    font-size: 20px !important;
}

.btn-add-review:hover{
    background: #253238 !important;
    transition: 0.3s;
}

.review-content {
    width: 100%;
    color: var(--secondary-color);
    border-bottom: 2px solid var(--border_color);
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.review-item-date {
    font-size: 12px;
    /*color: #7a7a7a;*/
}

.review-item-title {
    font-weight: 700;
    margin-bottom: auto;
    color: var(--secondary-color);
    font-size: 20px;
}

.review-item-author-color{
    font-size: 20px;
    color: var(--theme_main_color);
}

.review-item-author {
    font-weight: normal;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.review-item-verified {
    margin-bottom: 20px;
    font-style: italic;
    display: flex;
    align-items: center;
    color: var(--theme_main_color);
    font-weight: 700;
    margin-top: 10px;
}

.review-item-verified i {
    font-size: 20px;
    margin-right: 5px;
}

.review-item-verified-text {
    font-size: 16px;
    font-weight: 700;
}

.review-item-likes-count {
    font-size: 14px;
}

.review-item-likes i {
    font-size: 20px;
    color: #4DB849;
}

.review-item-likes i:hover {
    color: #253238;
    cursor: pointer;
}

.reviews-load-more {
    text-align: center;
}

.reviews-load-more i {
    width: 100%;
    color: var(--overall_color);
    font-size: 60px;
    font-weight: 700;
}

.reviews-load-more i:hover {
    color: #000;
    cursor: pointer;
}

.reviews-load-more-text {
    font-size: 14px;
    margin-bottom: -5px;
}

.reviews-hidden {
    display: none !important;
}

.reviews-end {
    text-align: center;
}

.reviews-end-flag {
    font-size: 60px;
    margin-bottom: 10px;
}

#product .customer-review-block {
    text-align: left;
    padding: unset;
}

.like-review:hover {
    color: #000;
    cursor: pointer;
}

.review-user-rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
    margin-top: 1rem;
}

.review-user-rating-star {
    margin: 15px 0 15px 0;
    font-size: 40px;
    cursor: pointer;
}

.review-user-rating input:checked ~ label,
.review-user-rating input:checked ~ label:before {
    color: var(--star_checked);
    content: "★";
}

.review-user-rating-star:before {
    content: "★";;
    color: var(--star_unchecked);
}

.review-user-rating-star:hover ~ .review-user-rating-star, .review-user-rating-star:hover {
    color: var(--star_checked);
}

.review-user-rating-star:hover ~ .review-user-rating-star:before, .review-user-rating-star:hover:before {
    color: var(--star_checked);
    content: "★";
}

.review-input-form {
    padding: 20px;
}

.review-input-form .form-group {
    margin-bottom: 20px;
}

.review-input-form .form-control {
    border: 1px solid gray;
    margin-top: 1rem;
}

.review-send {
    font-size: 14px;
}

.reviews-mandatory {
    color: #8b0000;
    font-weight: 700;
    font-size: 14px;
}

.review-item-response-shop {
    font-weight: 700;
    font-size: 14px;
    margin-top: 10px;
}

.review-item-shop {
    font-size: 16px;
    font-weight: 700;
}

.review-item-response {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.review-item-response-misc .review-item-response-icon {
    font-size: 30px;
    color: #4DB849;
    font-weight: 700;
    padding-right: 10px;
}

.review-item-shop {
    margin-bottom: auto;
}

.review-item-response-content p {
    margin-bottom: 1px;
    color: #000;
}

.review-item-response-content img {
    width: 100%;
    height: auto;
}

.review-item-shop-extra {
    font-size: 14px;
    color: var(--secondary-color);
    font-weight: normal;
}

.reviews-opener {
    position: absolute;
    right: 10px;
    background: #4DB849;
    padding: 15px 30px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    text-transform: initial;
    font-size: 20px;
}

.reviews-opener:hover{
    background: #253238;
    transition: 0.3s;
}

.reviews-opener i {
    font-size: 40px;
    font-weight: 700;
    color: var(--overall_color);
}

.review-input-form input:focus,
.review-input-form textarea:focus {
    outline: 0.5px solid var(--overall_color);
    border-color: unset;
}

.reviews-opener i:hover {
    color: #000;
    cursor: pointer;
}

.reviews-list-block-heavy-traffic {
    margin-left: 10px;
}

.js-product-miniature .reviews-list-block{
    text-align: left;
    min-height: 25px;
}

.reviews-list-block-heavy-traffic .review-star-checked {
    color: var(--star_checked);
}

.reviews-list-block-heavy-traffic .reviews-grand-average-grade-heavy-traffic {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

.reviews-list-block-heavy-traffic .reviews-grand-average-target-heavy-traffic {
    font-size: 14px;
    /*color: #7A7A7A;*/
}

.reviews-heavy-traffic .reviews-heading {
    border-bottom: unset;
    padding-top: unset;
}

.review-content-heavy-traffic {
    padding: unset;
}

.reviews-heavy-traffic-spinner {
    position: absolute;
    right: 80px;
    top: 18px;
}

.review-notification-content{
    color: #fff !important;
}

.reviews-heavy-traffic-spinner .review-spinner:after {
    width: 40px;
    height: 40px;

}

.heavy-traffic .reviews-average-block .review-star {
    margin-right: 0;
}

.heavy-traffic .customer-review-block.reviews-list-block > .review-star {
    margin-right: 4px;
}

.reviews-product-title-container{
    cursor: pointer;
}

.reviews-product-title-container .review-heading-count{
    margin-left: 0;
    padding-left: 0;
}

.reviews-product-title-container .reviews-list-block > .review-star{
    font-size: 30px;
}

.reviews-product-title-container .review-heading-count{
    display: flex;
    gap: 10px;
    align-items: center;
}

.reviews-product-title-container .reviews-list-block{
    display: flex;
    gap: 0;
}

.reviews-product-title-container .review-product-title-count{
    color: #000;
    font-size: 16px;
    padding-top: 5px;
}

.review-item-response-content p{
    color: #fff !important;
}


/*------------------------*/
/*--------Homepage--------*/

/*------------------------*/
/*------Responsive--------*/

@media only screen and (max-width: 500px) {
    .reviews-heavy-traffic .reviews-heading {
        display: block;
    }

    .reviews-heavy-traffic .reviews-grand-average-grade-heavy-traffic {
        text-align: left;
    }

    .reviews-heavy-traffic .reviews-list-block-heavy-traffic,
    .reviews-heavy-traffic .review-heading-count {
        margin-left: unset;
        margin-top: 10px;
    }

    .reviews-heavy-traffic .reviews-opener {
        top: 50px;
        right: 5px;
    }

    .reviews-heavy-traffic .reviews-heading {
        position: relative;
    }

    .reviews-heavy-traffic-spinner .review-spinner {
        display: none;
    }

}

@media only screen and (max-width: 640px) {
    .reviews-container {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    .reviews-average-block {
        display: block;
    }

    .review-flex-column {
        flex: unset;
    }

    .reviews-grand-average {
        border-right: unset;
        padding-right: unset;
    }

    .review-item {
        display: block;
    }

    .review-user-rating-star {
        margin: 0 0 15px 0;
    }

    .review-input-form .form-group {
        margin-bottom: 10px;
    }

    .review-user-rating {
        justify-content: center;
    }

    .review-data, .review-content {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /*.review-data .review-item-verified,*/
    /*.review-data,*/
    /*#product .review-data .reviews-list-block.customer-review-block{*/
    /*    justify-content: center;*/
    /*}*/
    .review-data {
        margin-bottom: 20px;
    }

    .review-item-response-content {
        margin-top: auto;
    }

    .review-proposition-hook,
    .review-call-to-action,
    .review-item-response-content p {
        font-size: 14px;
    }

    .review-notification-content,
    .review-input-form input,
    .review-input-form textarea {
        font-size: 16px;
    }

    .review-item-response-icon {
        display: none;
    }
}

/*------------------------*/