/* Reviews front-end styles for MPHB Reviews v1.1.3 */
.mphb-reviews-wrapper{margin:40px auto;max-width:60%;width:100%}
@media (max-width: 768px){
  .mphb-reviews-wrapper{max-width:90%}
}
.mphb-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.mphb-title{margin:0 0 8px 0;font-size:1.125rem}
.mphb-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mphb-overall{display:flex;align-items:center;gap:12px}
.mphb-overall-score{font-size:1.75rem;font-weight:700}
.mphb-count{color:#6b7280}
.mphb-stars-static .mphb-star{font-size:1.15rem;line-height:1}
.mphb-star.full{color:#FFC107}
.mphb-star.half{color:#FFC107;opacity:.7}
.mphb-star.empty{color:#ddd}
.mphb-categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.mphb-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb}
.mphb-pill .mphb-star{font-size:.95rem}

.mphb-btn{background:#f8551b;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgba(248,85,27,.25)}
.mphb-btn:hover,.mphb-btn:focus{opacity:.95;outline:none}
.mphb-btn:focus-visible{outline:2px solid #111827;outline-offset:2px}

.mphb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mphb-form-grid .full{grid-column:1 / -1}
.mphb-form-grid .half{grid-column:auto}
.mphb-field label{display:block;font-weight:600;margin-bottom:6px}
.mphb-field input[type="text"], .mphb-field input[type="email"], .mphb-field textarea, .mphb-field input[type="file"]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px}
.mphb-field textarea{resize:vertical}
.mphb-form-message{margin-top:10px;color:#065f46;font-weight:600}

.mphb-star-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mphb-star-group{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px dashed #e5e7eb;padding:8px 10px;border-radius:10px}
.mphb-star-label{font-weight:600}
.mphb-stars{display:flex;gap:6px}
.mphb-star-btn{background:transparent;border:none;font-size:1.35rem;line-height:1;color:#ddd;cursor:pointer;padding:2px 4px;border-radius:6px}
.mphb-star-btn.active, .mphb-star-btn.hovered{color:#FFC107}
.mphb-star-btn:focus-visible{outline:2px solid #111827;outline-offset:2px}

.mphb-list .mphb-review{display:flex;gap:60px;margin-bottom:40px; border-bottom:1px solid #ddd}
.mphb-review-left{width:15%}
.mphb-avatar-img{border-radius:999px;width:80px;height:80px;object-fit:cover}
.mphb-avatar-fallback{width:80px;height:80px;border-radius:999px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:700;color:#374151}
.mphb-reviewer-name{margin-top:6px;font-weight:600}
.mphb-review-right{flex:1}
.mphb-review-meta{color:#6b7280;margin-bottom:4px}
.mphb-review-content{margin-bottom:8px}
.mphb-gallery{display:flex;flex-wrap:wrap;gap:8px}
.mphb-gallery .mphb-gallery-item img{border-radius:10px;border:1px solid #e5e7eb}
.mphb-list .mphb-review {display: flex;gap: 60px;margin-bottom:40px;padding: 30px;border-radius:30px;box-shadow: 1px 5px 15px 0px #ddd;}

/* Loading / feedback states */
.mphb-review-form.is-loading { opacity: 0.8; }
.mphb-review-form .mphb-btn.is-loading { position: relative; pointer-events: none; }

.mphb-form-message { margin-top: 8px; display: none; }
.mphb-form-message.is-info { color: #555; }
.mphb-form-message.is-success { color: #2e7d32; }
.mphb-form-message.is-error { color: #b00020; }

/* Progress bar */
.mphb-progress {
	position: relative;
	margin-top: 8px;
	height: 8px;
	background: #eee;
	border-radius: 999px;
	overflow: hidden;
}
.mphb-progress-bar {
	height: 100%;
	width: 0%;
	background: #2271b1;
	transition: width .2s linear;
}
.mphb-progress-text {
	display: inline-block;
	margin-left: 8px;
	font-size: 12px;
	color: #555;
	position: relative;
	top: -2px;
}
.mphb-form-message.success { color: #0a0; margin-top: 8px; }
.mphb-form-message.error { color: #d63638; margin-top: 8px; }
.mphb-btn.is-busy { opacity: .6; cursor: not-allowed; }
.mphb-stars .mphb-star-btn.active { color: #ffb400; }


@keyframes hrspin { to { transform: rotate(360deg); } }

.mphb-form-message { margin-top: 8px; display: none; }
.mphb-form-message.is-info { color: #555; }
.mphb-form-message.is-success { color: #2e7d32; }
.mphb-form-message.is-error { color: #b00020; }


@media (max-width: 768px){
  .mphb-form-grid{grid-template-columns:1fr}
  .mphb-form-grid .half{grid-column:1 / -1}
  .mphb-star-groups{grid-template-columns:1fr}
  .mphb-review-left{width:80px}
}