/**
 * 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 3.0 (AFL-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.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    JA Modules <info@jamodules.com>
 * @copyright Since 2007 JA Modules
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 */

section.product-comments {
    margin-bottom: 20px;
}

.btn-small {
    box-shadow: none;
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
    padding: 5px 7px;
    margin-bottom: 5px;
}

.btn-small i {
    font-size: 14px;
}

/*listing*/
#products .product-description, 
.featured-products .product-description, 
.product-accessories .product-description, 
.product-miniature .product-description {
    height: 100px;
}

#products .highlighted-informations, 
.featured-products .highlighted-informations, 
.product-accessories .highlighted-informations, 
.product-miniature .highlighted-informations {
    height: auto;
}

#products .no-variants, 
.featured-products .no-variants, 
.product-accessories .no-variants, 
.product-miniature .no-variants {
    height: 60px !important;
}

.average-rating {
    display: flex;
    justify-content: center;
}

/*product*/
.average-rating-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    align-items: center;
}

.average-rating-stars {
    width: 25%;
}

.progress-bar-container {
    width: 60%;
    display: flex;
    justify-content: start;
    gap: 15px;
}

.progress-bar-percent {
    text-align: right;
    width: 15%;
}

.average-rating-concept {
    width: 15%;
    text-align: right;
}

.num-product-comments {
    text-align: right;
    font-size: 16px;
    margin-top: 15px;
    border-top: 1px solid #dadada;
    padding-top: 7px;
}

.star-filter {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 1.5rem;
}

.star-filter a {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid #d6d4d4;
    color: #d6d4d4;
    text-align: center;
    background: #fff;
}

.star-filter a:hover,
.star-filter a:active {
    text-decoration: none;
    opacity: 1;
}

.product-comments li .product-comment {
    display: flex;
    align-items: start;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #d6d4d4;
    margin-bottom: 15px;
}

.product-comment-photo img {
    width: 120px  !important;
    height: 120px !important;
    max-width: none !important;
}

.product-comment-info {
    padding-left: 15px;
    padding-right: 15px;
}

.product-comments li .star-content {
    width: auto;
}

.product-comment-title {
    font-weight: bold;
    font-size: 16px;
}

.product-comment-header {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 7px;
}

.product-comment-author {
    font-size: 11px;
    font-style: italic;
}

.product-comment-content {

}

.footer-filter {
    display: flex;
    justify-content: end;
}

.loading {
    text-align: center;
    margin-bottom: 25px;
    padding: 50px;
    border: 1px solid #d6d4d4;
}*/

/*home*/
.quickview #product-comments-resum {
    display: none !important;
}

.product-comments-container .section-title {
    margin: 2.5rem 0;
    font-weight: 500;
    text-align: center;
}

.product-comments-resum {
    display: flex;
    justify-content: start;
    margin-top: 20px;
}

.product-comments-resum-average-rating {
    width: 20%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.avg-rating {
    display: block;
    font-size: 68px;
}

.max-rating {
    display: block;
}

.product-comments-resum-stars {
    width: 75%;
}

.product-comments-resum {
    background: #fff;
    border-radius: 2px;
    margin-bottom: 1.5rem;
    padding: 3.125rem;
    text-align: center;
}

.product-comments-resum .progress {
    overflow: hidden;
    height: 18px;
    margin-bottom: 0px;
    background-color: #f5f5f5;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.product-comments-resum .progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}*/

/*order-detail*/
.comment-form-container {
    display: flex;
    flex-direction: column;
}

.order-information-container {
    text-align: center;
}

.modal-title {
    text-align: left;
}

.modal-header .close {
    margin-top: -25px;
}

.comment-form-container .form-group label {
    text-align: left !important;
    width: 100%;
}

.comment-form-container .form-group {
    width: 100%;
}

.response-container {
    text-align: left;
}

.response-container ul {
    margin-bottom: 0;
}

.comment-response {
    border-top: 1px solid #d6d4d4;
}

table tr.resum-criterion td {
    font-size: 12px;
}

.resum-criterion svg, .resum-criterion i {
    font-size: 14px;
}

.resum-criterion svg, .resum-criterion i {
    font-size: 14px;
}

/*Tablet landscape (1024x768)*/
@media only screen and (min-width:950px) and (max-width:1199px) {
    .product-comments-resum {
        padding: 1rem;
    }

    .product-comments-resum-average-rating {
        width: 15%;
        gap: 7px;
    }

    .product-comments-resum-stars {
        width: 85%;
    }

    .average-rating-stars {
        width: 25%;
    }

    .progress-bar-container {
        width: 55%;
        gap: 7px;
    }

    .average-rating-concept {
        width: 20%;
    }
}

/*Small tablet landscape (800x600) and Tablet portrait (768x1024)*/
@media only screen and (min-width:768px) and (max-width:980px) {
    .product-comments-resum {
        padding: 1rem;
    }

    .product-comments-resum-average-rating {
       display: none;
    }

    .product-comments-resum-stars {
        width: 100%;
    }

    .average-rating-stars {
        width: 30%;
    }

    .progress-bar-container {
        width: 50%;
    }

    .average-rating-concept {
        width: 20%;
    }
    
}

/*Small tablet portrait (600x800)*/
@media only screen and (min-width:480px) and (max-width:767px) {
    .product-comments-resum {
        padding: 1rem;
    }

    .product-comments-resum-average-rating {
        display: none;
     }
 
     .product-comments-resum-stars {
         width: 100%;
     }
 
     .average-rating-stars {
         width: 50%;
     }
 
     .progress-bar-container {
        display: none;
     }
 
     .average-rating-concept {
         width: 50%;
     }
}

/*Mobile portrait (320x480)*/
@media only screen and (max-width:480px) {
    .product-comments-resum {
        padding: 1rem;
    }

    .product-comments-resum-average-rating {
        display: none;
     }
 
     .product-comments-resum-stars {
         width: 100%;
     }
 
     .average-rating-stars {
         width: 50%;
     }
 
     .progress-bar-container {
        display: none;
     }
 
     .average-rating-concept {
         width: 50%;
     }
}