/**
 * Framework Super-Fast
 * File cm-commenti-recensioni.css
 * Aggiornato al 24-01-2024
 * Incluso da lista-common.php
 */
 
/*
 * COMMENTI
 */

#comments .comment-form-comment label, 
#comments .comment-form-author label, 
#comments .comment-form-email label, 
#comments .comment-form-url label { display: block; margin-bottom: 3px; }

/* Rimuovo "Commento" */
#comments .comment-form-comment label { display: none; }

#comments #respond :is(textarea,input) { width: 100%; border: 1px var(--colbor) solid; padding: 8px; margin-bottom: 10px; }

#comments .comment-form-cookies-consent { /* display: none !important; */ }
#comments .comment-form-cookies-consent label { font-size: 12px !important; display: inline-block; margin-bottom: 10px;}

#comments .comment-form-cookies-consent #wp-comment-cookies-consent { width: 20px; display: inline; margin: 0px; }
#comments .comment-form-cookies-consent label { font-size: 13px; }
#comments .form-submit input { max-width: 200px; cursor: pointer; }

/* Formatto commenti, risposte e pulsanti */
#comments { background: var(--grigiochiarissimo); padding: 30px; }

#comments #respond p.comment-notes { margin-bottom: 10px; }

#comments #respond h3#reply-title.comment-reply-title { margin-top: 0px; margin-bottom: 10px; font-size: 26px; }
#comments #respond p.comment-notes, #comments #respond p.comment-notes span { font-size: 12px; }
#comments #commentform .logged-in-as { margin: 10px 0; font-size: 12px; }
#comments #commentform .form-submit { margin-top: 20px; }
#comments #commentform .comment-form-comment label { margin-bottom: 10px; }
#comments #commentform p.logged-in-as span.required-field-message { display: none; }

#comments h4.comments-title { margin-top: 10px !important; }
#comments ol.comment-list li.parent { border-top: 1px var(--colbor2) solid; padding-top: 10px; padding-bottom: 10px; }
#comments ol.comment-list { padding-left: 20px; }
#comments ol.comment-list li time { font-size: 12px; color: var(--grigiomedio); }
#comments ol.comment-list li article .reply { margin-top: -15px; margin-bottom: 10px; }

/*
 * RECENSIONI
 */

/* Box recensione */
.woocommerce #reviews #comments h2.woocommerce-Reviews-title { font-size: 18px; }
.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0px !important; }
.woocommerce #reviews #comments ol.commentlist { padding: 0px !important; }
.single-product #reviews #comments { padding: 0px !important; background: transparent !important; margin-bottom: 30px; }

/* Ripristina il font STAR che riproduce le stelle delle recensioni se esso è stato overriden (body *) */
.archive .star-rating span,
.estratto-prodotti .star-rating span, 
.estratto-prodotti-slick .star-rating span, 
.single-product .star-rating span { font-family: star !important; color: #F6B900 !important; }

/* Allineo e rendo uguali le stelline sotto e sopra */
.archive .star-rating span, .archive .star-rating::before, 
.estratto-prodotti .star-rating span, .estratto-prodotti .star-rating::before,
.estratto-prodotti-slick .star-rating span, .estratto-prodotti-slick .star-rating::before { font-size: 13px !important;  }

/* Metto sopra label e-mail e autore */
.single-product #review_form .comment-form-author label,
.single-product #review_form .comment-form-email label { display: block; }

.archive ul.products li.product .star-rating,
.estratto-prodotti ul.products li.product .star-rating,
.estratto-prodotti-slick li.product .star-rating { padding-bottom: 20px; margin: var(--boxbase-stars-margin); }
.single-product .comment-form-rating a { color: #F6B900 !important; font-size: 27px; margin-right: 10px; }
.single-product #review_form_wrapper #reply-title { font-size: 24px; font-weight: bold; padding-bottom: 10px !important; color: var(--col1); display: block; }
.single-product #reviews #respond textarea#comment { background: var(--grigiochiarissimo) !important; border: 1px var(--colbor) solid; }

/* Forzo la formattezione delle stelline su estratto prodotti slick */
.estratto-prodotti-slick .star-rating {overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star}
.estratto-prodotti-slick .star-rating::before {content:"sssss";color:#cfc8d8;float:left;top:0;left:0;position:absolute}
.estratto-prodotti-slick .star-rating span {overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}
.estratto-prodotti-slick .star-rating span::before {content:"SSSSS";top:0;position:absolute;left:0}

/* Aggiusto allineamento label */
.comment-form label {display:inline-block;width:auto;text-align:left;}