/* Customer Reviews for WooCommerce — dedicated, distraction-free review page.
   No theme header/footer; branding driven by --crw-review-page-accent and
   --crw-review-page-bg custom properties set inline per the Settings →
   Review Page colors. */

html.crw-review-page-html,
.crw-review-page-body {
	margin: 0;
	padding: 0;
}

.crw-review-page-body {
	min-height: 100vh;
	background: var(--crw-review-page-bg, #f7f7fc);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.crw-review-page-wrap {
	min-height: 100vh;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 48px 20px;
	box-sizing: border-box;
}

.crw-review-page-card {
	width: 100%;
	max-width: 640px;
	background: var(--crw-surface, #fff);
	border-radius: 20px;
	box-shadow: 0 10px 40px rgba(17, 24, 39, 0.08);
	padding: 40px;
	box-sizing: border-box;
}

.crw-review-page-brand {
	display: flex;
	justify-content: center;
	margin-bottom: 28px;
}

.crw-review-page-brand--left {
	justify-content: flex-start;
}

.crw-review-page-brand--right {
	justify-content: flex-end;
}

.crw-review-page-logo {
	max-height: 44px;
	max-width: 220px;
	display: inline-block !important;
}

.crw-review-page-sitename {
	font-size: 20px;
	font-weight: 800;
	color: var(--crw-text, #111827);
}

.crw-review-page-product {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px;
	background: var(--crw-review-page-bg, #f7f7fc);
	border-radius: 14px;
	margin-bottom: 24px;
}

.crw-review-page-product img {
	width: 56px;
	height: 56px;
	object-fit: cover;
	border-radius: 10px;
	flex-shrink: 0;
}

.crw-review-page-product-label {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--crw-text-muted, #6b7280);
	margin-bottom: 2px;
}

.crw-review-page-product h2 {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: var(--crw-text, #111827);
}

.crw-review-page-error,
.crw-review-page-notice {
	text-align: center;
	color: var(--crw-text-muted, #6b7280);
	padding: 20px 0;
}

.crw-review-page-card .crw-logged-in-as {
	font-size: 13px;
	color: var(--crw-text-muted, #6b7280);
}

.crw-review-page-card .crw-standalone-form,
.crw-review-page-card .crw-aggregated-form {
	margin-top: 8px;
}

.crw-review-page-card .crw-submit-button,
.crw-review-page-card button.crw-submit-button {
	background: var(--crw-review-page-accent, #111827);
	border-color: var(--crw-review-page-accent, #111827);
}

.crw-review-page-card .crw-star-input .crw-star.is-active svg,
.crw-review-page-card .crw-star-input .crw-star.is-hover svg {
	fill: var(--crw-review-page-accent, #111827);
}

/* Belt-and-suspenders: this dedicated page has no theme header/footer, but
   some themes still enqueue global "label { color: ... }" style rules for
   their own dark-styled forms sitewide. Re-assert readable text color with
   higher specificity so those rules can't make our form invisible. */
.crw-review-page-card .crw-field label,
.crw-review-page-card .crw-criteria-label,
.crw-review-page-card label {
	color: var(--crw-text, #111827);
}

.crw-review-page-card .crw-field-terms label {
	color: var(--crw-text-muted, #6b7280);
}

.crw-review-page-card input[type="text"],
.crw-review-page-card input[type="email"],
.crw-review-page-card input[type="url"],
.crw-review-page-card textarea {
	color: var(--crw-text, #111827);
	-webkit-text-fill-color: var(--crw-text, #111827);
	caret-color: var(--crw-text, #111827);
}

.crw-review-page-card input[type="text"]:-webkit-autofill,
.crw-review-page-card input[type="email"]:-webkit-autofill,
.crw-review-page-card input[type="url"]:-webkit-autofill {
	-webkit-text-fill-color: var(--crw-text, #111827);
	box-shadow: 0 0 0 1000px var(--crw-surface, #fff) inset;
}

.crw-review-page-thankyou {
	text-align: center;
	padding: 32px 0;
}

.crw-review-page-thankyou svg {
	width: 48px;
	height: 48px;
	color: var(--crw-review-page-accent, #111827);
	margin-bottom: 12px;
}

.crw-review-page-thankyou h3 {
	margin: 0 0 8px;
	font-size: 18px;
	color: var(--crw-text, #111827);
	-webkit-text-fill-color: var(--crw-text, #111827);
}

.crw-review-page-thankyou p {
	margin: 0;
	color: var(--crw-text-muted, #6b7280);
	-webkit-text-fill-color: var(--crw-text-muted, #6b7280);
}

@media (max-width: 600px) {
	.crw-review-page-wrap {
		padding: 24px 14px;
	}

	.crw-review-page-card {
		padding: 24px;
		border-radius: 14px;
	}
}