/* .comment-reply-title{
    display: none;
}

.comment-notes{
    display: none;
}
*/

.comment-respond .comment-reply-title{
    margin: 0;
    }
.comment-form-cookies-consent{
    display: none;
}

.container-comment-flex{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.comment-form-url{
    display: none;
} 
.container-comment-flex .gglcptch.gglcptch_v2{
    order: 2;
}
    
    .comment-fixed-text{
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        /* margin: 0 calc(var(--container-space) / 2); */
        margin: 0;
        margin-top: 1em;
        background-color: var(--wp--preset--color--sable);
        border-radius: 7px 7px 0 0;
        align-items: center;
        position: relative;
        padding: 2rem calc(var(--container-space) / 2);
        padding-bottom: 0;
    
    }
    .comment-fixed-text p{
        color: var(--wp--preset--color--gris);
        text-align: center;
        font-size: var(--wp--preset--font-size--s-text);
        font-weight: 500;
        
    }
    .comment-fixed-text h2{
        color: var(--wp--preset--color--gris);
        text-align: center;
        font-size: var(--wp--preset--font-size--s-title);
        font-weight: 300;
    }
    .comments-vicente{
        display: flex;
        background: url(../../assets/img/svg/sign-vicente.svg);
        background-repeat: no-repeat;
        width: 61px;
        height: 19px;
    }
    .comments-bla{
        display: flex;
        background: url(../../assets/img/svg/bla-sable.svg);
        background-repeat: no-repeat;
        width: 50px;
        height: 56px;
        position: absolute;
        top: 0;
        opacity: 0;
        /* transform: translateY(-50%); */
        right: 25%;
    }
    .comments-flower{
        display: flex;
        background: url(../../assets/img/svg/mini-flower.svg);
        background-repeat: no-repeat;
        width: 16px;
        height: 15px;
    }
    
    .comment-form{
        /* margin: 0 calc(var(--container-space) / 2); */
        padding: calc(var(--container-space) / 2) calc(var(--container-space) / 2) 2rem;
        background-color: var(--wp--preset--color--sable);
        border-radius: 0 0 7px 7px;
        /* margin:unset !important; */
        margin: unset !important;
        margin-bottom: 1em !important;
        margin-top: 0 !important;
        border-radius: 6px;
    }
    
    .comment-form-text{
        display: flex;
        gap: 10px;
        margin-bottom: 10px;
    }
    .comment-form-text-wrapper{
        display: flex;
        flex-direction: column;
        width: 50%;
        gap: 0.5rem;
    }
    .comment-form-email,.comment-form-author{
        width: 100%;
    }
    
    .comment-form-email input,.comment-form-author input{
        width: 100%;
        padding: 15px 26px;
        border: solid 1px #eae6e1;
        border-radius: 5px;
        color: var(--wp--preset--color--gris);
        font-size: var(--wp--preset--font-size--s-text);
    }
    
    .comment-form-email input::placeholder,.comment-form-author input::placeholder{
        color: var(--wp--preset--color--gris);
    }
    
    .comments-area textarea{
        height: 110px;
        padding: 15px 26px;
        border: solid 1px #eae6e1;
        border-radius: 5px;
        color: var(--wp--preset--color--gris);
    }
    
    .comments-area textarea::placeholder{
        color: var(--wp--preset--color--gris);
    }
    .comments-area .form-submit{
        display: flex;
        height: auto;
        width: 47%;
        background-color: var(--wp--preset--color--rouge);
        margin: 0;
        border-radius: 5px;
        position: relative;
    }
    .form-submit>input{
        background-color: var(--wp--preset--color--rouge);
        padding: 15px 25px;
        color: white;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        transition: all ease .3s;
        width: 100%;
        border: 1px solid var(--wp--preset--color--rouge);
        border-radius: 5px;
        cursor: pointer;
    }
    .form-submit::before{
        content: "";
        display: flex;
        background: url(../img/svg/mini-heart.svg);
        width: 35px;
        height: 35px;
        position: absolute;
        top: 50%;
        left: 38%;
        transform: translate(-50%, -50%);
        background-repeat: no-repeat;
        background-size: contain;
        pointer-events: none;
    }
    
    .form-submit:hover>input{
        font-size: 15px;
    }
    
    .comment-list{
        padding: 0 calc(var(--container-space) /2) 1em;
    }
    
    .comment-item{
        border: solid 1px var(--wp--preset--color--sable);
        padding: 2em;
        border-radius: 5px;
        background-color: var(--wp--preset--color--sable);
        margin-bottom: 1.5em;
    }
    
    .comment-info{
        display: flex;
        transform: translateX(calc(-1.5em + -24px));
        align-items: center;
        margin-bottom: 1em;
    }
    
    .comment-pp img{
        border-radius: 50%;
    }
    
    .comment-info-text{
        margin-left: 0.5em;
    }
    
    .comment-name{
        color: var(--Gris, #51545E);
        font-family: "Poppins",sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    
    .comment-date{
        font-family: 'Helvetica Neue',sans-serif;
        font-size: var(--wp--preset--font-size--xs-text);
        font-size: normal;
        font-weight: 400;
        color: var(--wp--preset--color--gris);
        display: none;
    }
    
    .comment-content-text{
        margin-bottom: 1em;
        margin-bottom: 1em;
        color: var(--Gris, #51545E);
        font-family: 'Poppins',sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        overflow: unset !important;
    }
    
    .comment-content-text a ,.answer-content-text a{
        color: var(--wp--preset--color--gris);
        font-weight: 600;
    }
    .comment-separator{
        margin: 2em 0;
        display: flex;
        width: 100%;
        align-items: center;
    }
    
    .comment-separator-line{
        flex: 1;
        position: relative;
        background-color: var(--wp--preset--color--gris);
        height: 1px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .comment-separator-svg{
        margin-right: 1em;
    }
    
    .comment-separator-line svg{
        /* transform: translateY(15%); */
    }
    
    .comment-separator-line>div{
        width: 15%;
        background-color: var(--wp--preset--color--sable);
        display: flex;
        justify-content: center;
    }
    
    /* .comment-separator-line::after{
        content: 'Réponse';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 5px 15px;
        background-color: var(--wp--preset--color--gris);
        color: white;
        font-family: 'Helvetica Neue',sans-serif;
        border-radius: 6px;
        font-size: var(--wp--preset--font-size--xs-text);
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
    } */
    
    
    .answer-info{
        display: flex;
        align-items: center;
        margin-bottom: 1em;
        transform: translateX(calc(-1.5em + -24px));
    }
    
    .comment-pp img{
        border: solid 3px white;
    }
    
    .answer-pp img{
        border: solid 3px white;
    }
    
    .answer-pp img{
        border-radius: 50%;
    }
    
    .answer-info-text{
        margin-left: 0.5em;
    }
    
    .answer-name{
        color: var(--Gris, #51545E);
        font-family: "Poppins",sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    
    .answer-date{
        font-family: 'Helvetica Neue',sans-serif;
        font-size: var(--wp--preset--font-size--xs-text);
        font-size: normal;
        font-weight: 400;
        color: var(--wp--preset--color--gris);
        display: none;
    }
    
    .answer-content-text{
        margin-bottom: 1em;
        color: var(--Gris, #51545E);
        font-family: 'Poppins',sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        overflow: unset !important;
        word-break: break-word;
    }
    
    .answer-separator{
        margin: 2em 0;
        display: flex;
        width: 100%;
        align-items: center;
    }
    
    .answer-separator-line{
        flex: 1;
        position: relative;
        background-color: var(--wp--preset--color--gris);
        height: 1px;
    }
    .answer-separator-svg{
        margin-right: 1em;
    }
    
    .answer-separator-line::after{
        content: 'Réponse';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 5px 15px;
        background-color: var(--wp--preset--color--gris);
        color: white;
        font-family: 'Helvetica Neue',sans-serif;
        border-radius: 6px;
        font-size: var(--wp--preset--font-size--xs-text);
        font-weight: 400;
    }
    
    
    
    .answer-item{
        margin-bottom: 2em;
        padding-bottom: 1em;
        border-bottom: 1px solid var(--wp--preset--color--gris);
    }
    
    .answer-item:last-child{
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0 solid var(--wp--preset--color--gris);
    }
    
    .is-answer{
        padding: unset;
        margin-top: 1em;
    }
    
    
    .answer-content-answer-cta,.comment-content-answer-cta{
        display: flex;
        justify-content: center;
    }
    
    .answer-content-answer-cta a,.comment-content-answer-cta a{
        background-color: transparent;
        border: solid 2px var(--wp--preset--color--gris);
        color: var(--wp--preset--color--gris);
        font-family: Poppins;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .single .comment-list{
        padding: 0;
    }
    .single .comment-form{
        background-color: var(--wp--preset--color--blanc);
        padding: 0;
    }
    .single .comments-area{
        background-color: var(--wp--preset--color--blanc);
        border-radius: 5px;
        padding: 1rem 2rem 1rem;
    }
    .single .comment-fixed-text{
        background-color: var(--wp--preset--color--blanc);
        padding: 1rem 0 0;
    }
    .single .comments-bla{
        background: url(../../assets/img/svg/bla-grey.svg) no-repeat;
        width: 50px;
        height: 60px;
        background-size: 50px;
        background-position: top;
        opacity: 1;
        transform: translateY(-75%);
    }
    
    .comment-item form{
        background-color: unset !important;
    }
    
    .form-submit.is-style-blue-background {
        width: 100%;
    }
    
    
    
    @media (min-width: 821px) {
        .single .comment-fixed-text{
            margin: 0;
        }
        .comment-list{
            padding: 0 calc(var(--container-space) * 2) 1em;
        }
    
        .single .comments-bla{
            background: url(../../assets/img/svg/bla-grey.svg) no-repeat;
            width: 90px;
            height: 90px;
            background-size: 80px;
            background-position: center;
            opacity: 1;
            transform: translateY(-75%);
        }
        .comment-fixed-text h2{
            color: var(--Gris, #51545E);
            text-align: center;
            font-family: 'Poppins';
            font-size: 30px;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            margin: 8px;
        }

    }
    
    @media (max-width:576px){
        .form-submit::before{
            background-size: 26px;
            top: 53%;
            left: 30%;
        }
    
        .form-submit>input{
            padding-left: 50px;
        }
    
        
        .comment-form-text-wrapper{
            width: 100%;
        }

        .comments-area .form-submit{
            width: 100%;
        }
    }


    #reply-title{
        display: none;
    }