/* Дополнения к wpdiscuz-compat.css. Значения — из tokens.css темы. */
.hr-reviews .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.hr-reviews .hr-reviews-hp {
	position: absolute !important;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.hr-reviews .wpd-reply-button {
	cursor: pointer;
}

.hr-reviews .wpd-reply-button:focus-visible,
.hr-reviews .wpd-load-more-submit:focus-visible,
.hr-reviews .wc_comm_submit:focus-visible {
	outline: none;
	box-shadow: var(--shadow-primary);
}

.hr-reviews .hr-reviews-busy {
	opacity: .6;
	pointer-events: none;
	transition: opacity var(--transition);
}

.hr-reviews .hr-reviews-field-error {
	border-color: var(--color-danger) !important;
}

.hr-reviews .hr-reviews-form-message {
	margin-top: var(--space-after-h4);
	font-size: var(--text-base);
	line-height: var(--leading-relaxed);
}

.hr-reviews .hr-reviews-form-message.is-error {
	color: var(--color-danger);
}

.hr-reviews .hr-reviews-form-message.is-success {
	color: var(--color-success-text);
}

/* Высоту по тексту задаёт autoGrow() в harant-reviews-v2.js; анимация height давала бы рывки. */
.hr-reviews #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea.wc_comment {
	max-height: 250px;
	transition-property: box-shadow, border-color;
}

/* Structural dashboard rules only; visual components use the theme's dashboard tokens. */
.hr-reviews[data-context="dashboard"] [hidden] { display: none !important; }
.hr-reviews[data-context="dashboard"] .hr-review-body,
.hr-reviews[data-context="dashboard"] .hr-review-preview { overflow-wrap: anywhere; }
.hr-reviews[data-context="dashboard"] button.wpd-reply-button {
	font: inherit; background: transparent; border: 0; padding: 0;
}
.hr-reviews[data-context="dashboard"] .hr-reviews-dashboard-feedback.is-error { color: var(--color-danger); }
.hr-reviews[data-context="dashboard"] .hr-reviews-dashboard-feedback.is-success { color: var(--color-success-text); }

.hr-reviews[data-context="dashboard"] .hr-review-preview {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	line-clamp: 7;
	overflow: hidden;
}