/*
Theme Name: Pixyweb
Theme URI:  https://www.pixyweb.fr
Author:     Pixyweb
Author URI: https://www.pixyweb.fr
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/

.elementor-add-to-cart .woocommerce-variation-availability {
    position: absolute;
}

/* ETOILES AVIS CLIENT WOOCOMMERCE */
body.woocommerce .star-rating {
    font-size: 0;
    overflow: hidden;
    width: 151px;
    height: 32px;
}
body.woocommerce .star-rating::before {
    background-image: url('assets/img/star.svg');
}
body.woocommerce .star-rating span::before {
    background-image: url('assets/img/star-full.svg');
}
body.woocommerce .star-rating::before, body.woocommerce .star-rating span::before {
    content: "" !important;
    background-size: 31px 100%;
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
}
body.woocommerce .star-rating span {
    font-size: 0;
    height: 100%;
}

/* COMMENTAIRES (AVIS WOOCOMMERCE)  */
#comments .commentlist {
    padding: 0;
    border: 2px solid #000;
}#comments .review {
    margin: 0 !important;
}#comments .woocommerce-review__author {
    border-right: 1px solid #000;
    height: 100%;
    width: 66.49%;
    padding: 20px;
}#comments .woocommerce-review__author h3 {
    font-size: 12px;
    font-weight: 900;
    line-height: 17.21px;
    letter-spacing: 0.05em;
    color: #000;
    text-transform: uppercase;
    text-align: center;
}#comments .woocommerce-review__published-date {
    font-size: 12px;
    font-weight: 700;
    line-height: 17.21px;
    color: #000;
    height: 100%;
    padding: 20px;
}#comments .description {
    padding: 20px;
    flex: 1;
}#comments .description p {
    font-size: 12px;
    font-weight: 400;
    line-height: 17.21px;
    color: #000;
}#comments .description p:last-child {
    margin-bottom: 0;
}#comments .comment-text {
    display: flex;
    padding: 0 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    margin: 0 !important;
}#comments .star-rating {
    order: 99;
}#comments .meta {
    width: 32.59%;
    display: flex;
}#comments .star-rating {
    width: 108px;
    height: 23px;
    margin: 20px;
}#comments .star-rating::before, #comments .star-rating span::before {
    background-size: 22px 100%;
}
#review_form p.stars a {
    width: 2em;
    height: 2em;
}#review_form p.stars a::before {
    content: "" !important;
    background-image: url('assets/img/star.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}#review_form p.stars:hover a::before, #review_form p.stars.selected a.active::before, #review_form p.stars.selected a:not(.active)::before {
    background-image: url('assets/img/star-full.svg');
}#review_form p.stars a:hover ~ a::before, #review_form p.stars.selected a.active ~ a::before {
    background-image: url('assets/img/star.svg');
}#review_form p label, #review_form div label {
    font-family: "sweet-sans-pro", Sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 28.68px;
    text-transform: uppercase;
}#review_form textarea {
    border: 3px solid #000;
}.woocommerce #review_form #respond .form-submit input {
    font-family: "sweet-sans-pro", Sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 17.21px;
    color: #000;
    background-color: #FFE401;
    box-shadow: 7px 6px 0px 0px #000000;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #000;
    border-radius: 0px 0px 0px 0px;
    padding: 6px 13px 7px 13px;
}.woocommerce #review_form #respond .form-submit input:hover {
    box-shadow: 0px 0px 0px 0px #000000;
}.woocommerce #review_form_wrapper {
    display: none;
}
@media all and (max-width: 767px) {
    #comments .woocommerce-review__author {
        width: 100%;
        border-bottom: 1px solid #000;
        border-right: initial;
    }#comments .woocommerce-review__author h3 {
        text-align: left;
    }#comments .comment-text {
       flex-direction: column;
    }#comments .meta {
        width: 100%;
        flex-direction: column;
    }#comments .description {
        padding-top: 0;
    }#comments .star-rating {
       align-self: flex-end;
       margin-top: 0;
    }
}