/* Simple Room Reviews — review form styles.
   The star colour comes from the --srr-star-color custom property, which the
   plugin injects from the SRR_STAR_COLOR PHP constant. Reviews themselves are
   rendered by the theme (as native comments), so no display styles live here. */

.srr-form { max-width:560px; }
.srr-form .srr-field { margin:0 0 1.1em; }
.srr-form label.srr-label,
.srr-form span.srr-label { display:block; font-weight:600; margin:0 0 .35em; }
.srr-form input[type=text],
.srr-form select,
.srr-form textarea { width:100%; padding:.6em .7em; box-sizing:border-box; }
.srr-form textarea { min-height:140px; }
.srr-required { color:#b00; }

/* Accessible, JS-free star input: radios laid out RTL so the general-sibling
   selector can light up the hovered/checked star and everything before it. */
.srr-rating { display:inline-flex; flex-direction:row-reverse; gap:2px; }
.srr-rating input[type=radio] {
	position:absolute; width:1px; height:1px; overflow:hidden;
	clip:rect(0 0 0 0); white-space:nowrap;
}
.srr-rating label {
	font-size:2em; line-height:1; color:#d8d8d8; cursor:pointer; padding:0 .04em;
}
.srr-rating label:hover,
.srr-rating label:hover ~ label,
.srr-rating input[type=radio]:checked ~ label { color:var(--srr-star-color,#f5a623); }
.srr-rating input[type=radio]:focus-visible + label {
	outline:2px solid var(--srr-star-color,#f5a623); outline-offset:2px;
}

.srr-notice { padding:.8em 1em; margin:0 0 1.2em; border-radius:4px; }
.srr-notice--ok { background:#e7f6e7; border:1px solid #aedcae; }
.srr-notice--err { background:#fbeaea; border:1px solid #e0b4b4; }

.srr-hp { position:absolute !important; left:-9999px !important; }

@media (max-width:480px){
	.srr-rating label { font-size:2.4em; }
}