/* HHM Custom: Contact Agent form + Agent Review system — minimal functional
   styling, not a full visual design pass. */

.hhm-contact-agent,
.hhm-agent-reviews {
	margin: 24px 0;
	padding: 16px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
}

.hhm-contact-agent__form p,
.hhm-write-review-form p {
	margin: 0 0 10px;
}

.hhm-contact-agent__form label,
.hhm-write-review-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}

.hhm-contact-agent__form input,
.hhm-contact-agent__form textarea,
.hhm-write-review-form input[type="text"],
.hhm-write-review-form input[type="email"],
.hhm-write-review-form textarea,
.hhm-respond-form textarea,
.hhm-flag-form textarea {
	width: 100%;
	max-width: 480px;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.hhm-contact-agent__whatsapp a {
	display: inline-block;
	margin-top: 10px;
	padding: 8px 16px;
	background: #25D366;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	font-weight: 600;
}

.hhm-agent-reviews__aggregate {
	font-size: 1.1em;
}

.hhm-agent-review {
	border-top: 1px solid #eee;
	padding: 14px 0;
}

.hhm-agent-review__ratings {
	list-style: none;
	margin: 6px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 0.9em;
	color: #555;
}

.hhm-agent-review__response {
	margin-top: 8px;
	padding: 10px;
	background: #f7f7f7;
	border-left: 3px solid #d4af37;
}

.hhm-agent-review__actions button {
	margin-right: 8px;
}

.hhm-star-rating {
	border: none;
	margin: 0 0 14px;
	padding: 0;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 2px;
}

.hhm-star-rating legend {
	width: 100%;
	font-weight: 600;
	margin-bottom: 4px;
}

.hhm-star-rating input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.hhm-star-rating label {
	cursor: pointer;
	font-size: 1.4em;
	color: #ccc;
	padding: 0 2px;
}

.hhm-star-rating input[type="radio"]:checked ~ label,
.hhm-star-rating label:hover,
.hhm-star-rating label:hover ~ label {
	color: #d4af37;
}

.hhm-agent-reviews__messages.hhm-success {
	color: #1b7a3d;
	font-weight: 600;
}

.hhm-agent-reviews__messages.hhm-error,
.hhm-contact-agent__messages.hhm-error {
	color: #b3261e;
	font-weight: 600;
}