/**
 * rec.reviews
 *
 * @author    Presta-Module.com <support@presta-module.com> - https://www.presta-module.com
 * @copyright Presta-Module - https://www.presta-module.com
 * @license   see file: LICENSE.txt
 *
 *           ____     __  __
 *          |  _ \   |  \/  |
 *          | |_) |  | |\/| |
 *          |  __/   | |  | |
 *          |_|      |_|  |_|
 */


/** Standart star display **/

#pvr {
    .rating-star-yellow {
        border: none;
        font-size: 14px;

        & > input {
            display: none;
        }
        & > label {
            color: #c4c4c4;
            font-size: 16px !important;
            font-family: Material Icons;
            display: inline-block !important;
            content: "\e838";
            width: initial !important;

            &:before {
                font-size: 16px !important;
                font-family: Material Icons;
                display: inline-block !important;
                content: "\e838";
                width: initial !important;
            }
        }
        & > .half {
            &:before {
                font-size: 16px !important;
                font-family: Material Icons;
                display: inline-block !important;
                content: "\f089";
                position: relative;
                top: 0px;
                left: 8px;
            }
        }

        & > input:checked + label,
        & > label.checked {
            color: #f4c765 !important;
        }
    }

    .pmAverage-rating-star-yellow {
        border: none;
        text-align: right;
        font-size: 12px;

        & > input {
            display: none;
        }

        &:after {
            border: none;
            text-align: right;
            font-size: 12px;
        }

        /* Handle star for average */
        & > label:before,
        & > label {
            font-size: 1.65em !important;
            font-family: Material Icons;
            display: inline-block !important;
            content: "\e838";
            width: initial !important;
        }
        /* the default stars settings - half star */
        & > .half:before {
            font-size: 1.65em !important;
            font-family: Material Icons;
            display: inline-block !important;
            content: "\e839";
            position: relative;
            top: 0px;
            left: 19px;
        }
        /* the star rating on the product page - block */
        & > label.product-block:before,
        & > label.product-block {
            font-size: 1.65em !important;
        }
        & > label.product-block-half:before,
        & > label.product-block-half {
            font-size: 1.65em !important;
            margin-left: -8px;
        }

        & > label {
            color: lightgrey;
        }
        /* highlight with the good color */
        & > input:checked + label,
        & > label.checked {
            color: #f4c765 !important;
        }
    }

    div.stars {
        display: inline-block;
        height: 50px;
        margin-top: 25px;
    }

    input.star {
        display: none;
    }

    label.star {
        float: right;
        padding: 5px;
        font-size: 30px;
        color: grey;
        transition: all 0.2s;
    }

    input.star:checked ~ label.star:before {
        content: "\e838";
        color: #f4c765 !important;
        transition: all 0.25s;
    }

    .stars:hover label.star:hover ~ label.star {
        color: #f4c765 !important;
    }

    label.star {
        &:hover {
            transform: rotate(-360deg) scale(1.3);
            color: #f4c765 !important;
        }

        &:before {
            content: "\e838";
            font-family: Material Icons;

            &:hover {
                color: #f4c765 !important;
            }
        }
    }

    .rating-star-yellow-specific {
        font-size: 12px;
    }

    @media screen and (min-width: 0px) and (max-width: 576px) {
        input.star {
            display: none;
        }

        label.star {
            float: none;
            position: relative;
            padding: 5px;
            font-size: 30px;
            color: grey;
            transition: all 0.2s;
        }

        .star-5 {
            float: right;
        }

        .stars:hover label.star:hover ~ label.star {
            color: grey !important;
        }

        .pmAverage-rating-star-yellow {
            border: none;
            text-align: center;
            font-size: 10px;

            &:after {
                border: none;
                text-align: center;
                font-size: 10px;
            }

            & > input {
                display: none;
            }

            & > label.product-block-half:before,
            & > label.product-block-half {
                font-size: 1.65em !important;
                margin-left: -5px;
            }
        }

        .star-distrib {
            text-align: left;
            margin-left: -15px;
        }

        .progress-stars-distribution {
            text-align: center;
            margin-bottom: 5px;
        }
        .rating-star-yellow-specific {
            font-size: 10px;
        }

        .stars-mobile {
            text-align: center;
        }
        .stars-mobile > label {
            font-size: 25px;
            padding: 1px;
            text-align: center;
        }
    }

    @media screen and (min-width: 577px) and (max-width: 768px) {
        input.star {
            display: none;
        }
        .star-5 {
            float: right;
        }
        .rating-star-yellow-battle {
            font-size: 8px;
            margin-top: 1px;
        }

        .rating-star-yellow-specific {
            font-size: 8px;
        }

        .stars:hover label.star:hover ~ label.star {
            color: grey !important;
        }
        .pmAverage-rating-star-yellow {
            border: none;
            text-align: center;
            font-size: 10px;
            &:after {
                border: none;
                text-align: center;
                font-size: 10px;
            }
            & > input {
                display: none;
            }

            & > label.product-block-half:before,
            & > label.product-block-half {
                font-size: 1.65em !important;
                margin-left: -5px;
            }
        }

        .star-distrib {
            text-align: left;
            margin-left: -15px;
        }
        .progress-stars-distribution {
            text-align: left;
            margin-bottom: 5px;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 992px) {
        .pmAverage-rating-star-yellow {
            border: none;
            font-size: 10px;
            text-align: right;

            &:after {
                border: none;
                text-align: center;
                font-size: 10px;
            }
            & > label.product-block-half:before,
            & > label.product-block-half {
                font-size: 1.65em !important;
                margin-left: -5px;
            }
            & > input {
                display: none;
            }
        }
        .rating-star-yellow-specific {
            font-size: 9px;
        }
    }
    @media screen and (min-width: 993px) and (max-width: 1200px) {
        .pmAverage-rating-star-yellow {
            & > label.product-block-half:before,
            & > label.product-block-half {
                font-size: 1.65em !important;
            }
        }

        .progress-stars-distribution {
            text-align: center;
            margin-bottom: 5px;
        }
    }

    @media not all and (min-resolution: 0.001dpcm) {
        @supports (-webkit-appearance: none) {
            .rating-star-yellow-specific {
                font-size: 10px;
            }

            .rating-star-yellow-battle {
                font-size: 10px;
            }
        }
    }
}