/**
 * Avis clients — la section de la fiche produit.
 *
 * Le HTML vient de WooCommerce (`single-product-reviews.php`) : on ne le
 * recopie pas, on l'habille. Les jetons de couleur viennent du thème.
 */

.lupeo-avis{
	width:var(--theme-container-width,100%);
	max-width:var(--theme-normal-container-max-width,1290px);
	margin:0 auto;
	padding:30px 0;
	border-top:1px solid var(--lupeo-line,#E6DFD4)}

.lupeo-avis .woocommerce-Reviews-title{display:none}

/* ----- La liste ----- */

.lupeo-avis .commentlist{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.lupeo-avis .commentlist li{margin:0}

.lupeo-avis .comment_container{
	display:flex;gap:14px;align-items:flex-start;
	background:#fff;border:1px solid var(--lupeo-line,#E6DFD4);border-radius:12px;padding:18px 20px}

.lupeo-avis .comment_container img.avatar{
	width:44px;height:44px;border-radius:50%;flex:0 0 44px;margin:0}

.lupeo-avis .comment-text{flex:1;min-width:0}
.lupeo-avis .comment-text p{margin:0 0 8px;color:var(--lupeo-ink-2,#4A453E)}
.lupeo-avis .comment-text p:last-child{margin-bottom:0}

.lupeo-avis .meta{
	font-size:14px;color:var(--lupeo-mute,#6F6A62);margin:0 0 8px}
.lupeo-avis .meta strong{color:var(--lupeo-ink,#1A1A1A);font-weight:600}

/* Le badge « achat vérifié » : c'est la seule chose qui distingue un avis
   d'un commentaire. Il se voit. */
.lupeo-avis .meta .woocommerce-review__verified{
	display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;
	background:var(--lupeo-ok-soft,#E9F3EC);color:var(--lupeo-ok,#15803D);
	font-size:12px;font-weight:600;font-style:normal;letter-spacing:.01em}

.lupeo-avis .star-rating{margin:0 0 6px}

/* ⚠️ Le thème peint un aplat turquoise derrière les étoiles
   (`.woocommerce .star-rating span{background-color:var(--lupeo-teal)}`) :
   utile sur une vignette de rayon, illisible sur un avis, où les étoiles se
   lisent une par une. On l'annule ici, avec une classe de plus pour passer
   devant la règle du thème quel que soit l'ordre de chargement. */
.woocommerce .lupeo-avis .star-rating span,
.woocommerce .lupeo-avis .comment-form-rating .stars span{
	background:none;background-color:transparent}

.lupeo-avis .woocommerce-noreviews{
	margin:0;padding:22px 20px;text-align:center;
	background:var(--lupeo-cream,#FAF7F2);border:1px dashed var(--lupeo-line,#E6DFD4);
	border-radius:12px;color:var(--lupeo-mute,#6F6A62)}

/* ----- Le formulaire ----- */

.lupeo-avis #review_form_wrapper{margin-top:22px}

.lupeo-avis #review_form{
	background:var(--lupeo-cream,#FAF7F2);
	border:1px solid var(--lupeo-line,#E6DFD4);
	border-radius:12px;padding:22px 24px}

.lupeo-avis .comment-reply-title{
	display:block;font-family:var(--theme-font-family-heading,Manrope,Inter,sans-serif);
	font-weight:700;font-size:18px;color:var(--lupeo-ink,#1A1A1A);margin:0 0 14px}

.lupeo-avis .comment-form-rating label,
.lupeo-avis .comment-form p label{
	display:block;font-size:14px;font-weight:600;color:var(--lupeo-ink-2,#4A453E);margin:0 0 6px}

.lupeo-avis .comment-form input[type=text],
.lupeo-avis .comment-form input[type=email],
.lupeo-avis .comment-form textarea,
.lupeo-avis .comment-form select{
	width:100%;max-width:520px;min-height:40px;
	border:1px solid var(--lupeo-line,#E6DFD4);border-radius:8px;
	background:#fff;padding:9px 12px;color:var(--lupeo-ink,#1A1A1A)}

.lupeo-avis .comment-form textarea{min-height:120px;padding:12px}

.lupeo-avis .comment-form .form-submit{margin:16px 0 0}

.lupeo-avis .comment-form .submit{
	background:var(--lupeo-teal,#007C75);color:#fff;border:0;border-radius:8px;
	padding:12px 22px;font-weight:600;cursor:pointer}
.lupeo-avis .comment-form .submit:hover{background:var(--lupeo-teal-deep,#005A55)}

.lupeo-avis .comment-form .required{color:var(--lupeo-cta,#C2410C)}

/* Le message « seuls les acheteurs peuvent noter » : une explication, pas un
   refus sec. */
.lupeo-avis .woocommerce-verification-required{
	margin:22px 0 0;padding:18px 20px;
	background:var(--lupeo-teal-soft,#E2EFEE);border-radius:12px;
	color:var(--lupeo-ink-2,#4A453E)}

/* ----- La mention de transparence ----- */

.lupeo-avis__loi{
	margin:16px 0 0;font-size:13px;line-height:1.55;color:var(--lupeo-mute,#6F6A62);
	max-width:820px}

@media (max-width:782px){
	.lupeo-avis{padding:24px 0}
	.lupeo-avis .comment_container{padding:16px}
	.lupeo-avis #review_form{padding:18px}
}