/* Form */
.pper-review-form{max-width:460px}
.pper-review-form .pper-field{margin-bottom:1em}
.pper-review-form label{display:block;font-weight:600;margin-bottom:4px}
.pper-review-form input[type=text],.pper-review-form textarea{width:100%;padding:6px;border:1px solid #ccd0d4;border-radius:3px}
.pper-review-form textarea{min-height:100px;resize:vertical}
.pper-review-form .pper-stars{display:flex;gap:4px;flex-direction:row-reverse;justify-content:flex-end}
.pper-review-form .pper-stars input{display:none}
.pper-review-form .pper-stars label{font-size:24px;color:#ccc;cursor:pointer;transition:.2s}
.pper-review-form .pper-stars input:checked ~ label,
.pper-review-form .pper-stars label:hover,
.pper-review-form .pper-stars label:hover ~ label{color:#f5b301}
.pper-review-form button{background:#2271b1;color:#fff;border:none;padding:8px 16px;border-radius:3px;cursor:pointer}
.pper-review-form button:disabled{opacity:.6;cursor:default}
.pper-review-message{margin-top:.5em;font-weight:bold}
.pper-review-message.success{color:green}
.pper-review-message.error{color:red}
.pper-error{border-color:red}

/* List */
.pper-reviews-list{list-style:none;margin:0;padding:0;max-width:600px}
.pper-review-item{border-bottom:1px solid #ddd;padding:12px 0}
.pper-review-title{font-size:1.1em}
.pper-review-content{margin-top:6px}
.pper-no-reviews{font-style:italic;color:#777}

/* Stars display */
.pper-stars-display .star{font-size:18px;color:#ccc}
.pper-stars-display .star.filled{color:#f5b301}