/*
 * Product-review Gravity Form: restyle GF's Orbital theme to match the Divi
 * Product Reviews module it renders inside (dark #1f1f1f card, white
 * 2px-bordered transparent inputs, uppercase Inter labels, #F2F2F2/#5AD8B0
 * stars). Scoped under #review_form so no other GF form is affected.
 * Injected by opp_review_form_replacement() in functions.php.
 */

/* Breathing room between the review list and the form. */
.woocommerce-Reviews #review_form_wrapper {
	margin-top: 50px;
}

#review_form .gform_wrapper {
	margin-top: 20px;
}

/* Labels — mirror the module's review-meta styling. */
#review_form .gform_wrapper .gfield_label,
#review_form .gform_wrapper .gform-field-label {
	font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.4em;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FFFFFF;
}

/* Consent text is a sentence — keep it sentence-case and regular weight. */
#review_form .gform_wrapper .gfield_consent_label {
	text-transform: none;
	letter-spacing: normal;
	font-weight: 400;
}

/* "(Required)" indicators: quiet, not shouting. */
#review_form .gform_wrapper .gfield_required,
#review_form .gform_wrapper .gfield_required_text {
	color: rgba(255, 255, 255, 0.6);
	font-weight: 400;
	font-size: 11px;
	text-transform: none;
	letter-spacing: normal;
}

/* The native form had no "indicates required fields" legend. */
#review_form .gform_required_legend {
	display: none;
}

/* Inputs and textarea — the native form's transparent/white-border look. */
#review_form .gform_wrapper input[type="text"],
#review_form .gform_wrapper input[type="email"],
#review_form .gform_wrapper input[type="tel"],
#review_form .gform_wrapper textarea {
	background-color: rgba(255, 255, 255, 0) !important;
	border: 2px solid #FFFFFF !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #FFFFFF !important;
	font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif;
	font-size: 16px;
	padding: 12px 24px !important;
}

#review_form .gform_wrapper input::placeholder,
#review_form .gform_wrapper textarea::placeholder {
	color: rgba(255, 255, 255, 0.55);
}

#review_form .gform_wrapper input[type="text"]:focus,
#review_form .gform_wrapper input[type="email"]:focus,
#review_form .gform_wrapper input[type="tel"]:focus,
#review_form .gform_wrapper textarea:focus {
	border-color: #5AD8B0 !important;
	outline: none;
}

#review_form .gform_wrapper input[type="checkbox"] {
	accent-color: #5AD8B0;
}

/* Star rating: the survey add-on paints orange SVG stars as backgrounds;
 * repaint them via mask so they match the module's #F2F2F2/#5AD8B0 stars. */
#review_form .gsurvey-rating > label {
	background-image: none !important;
	background-color: #F2F2F2;
	-webkit-mask: url(/wp-content/plugins/gravityformssurvey/images/star-unselected.svg) center / 28px no-repeat;
	mask: url(/wp-content/plugins/gravityformssurvey/images/star-unselected.svg) center / 28px no-repeat;
	transition: background-color 300ms ease;
}

#review_form .gsurvey-rating:not(:checked) > label:hover,
#review_form .gsurvey-rating:not(:checked) > label:hover ~ label,
#review_form .gsurvey-rating > input:checked ~ label {
	background-image: none !important;
	background-color: #5AD8B0;
	-webkit-mask-image: url(/wp-content/plugins/gravityformssurvey/images/star-selected.svg);
	mask-image: url(/wp-content/plugins/gravityformssurvey/images/star-selected.svg);
}

/* Submit button: green text instead of the module's default orange. The
 * double-ID selector outranks the module's own !important color rule. */
.et-db #et-boc .et-l #review_form .et_pb_button {
	color: #5AD8B0 !important;
}

/* GF shows a summary error box on top of the per-field messages; the
 * per-field ones are enough. */
#review_form .gform_validation_errors {
	display: none;
}

/* Field descriptions and validation messages, readable on the dark card. */
#review_form .gform_wrapper .gfield_description {
	color: rgba(255, 255, 255, 0.7);
}

#review_form .gform_wrapper .gfield_validation_message,
#review_form .gform_wrapper .validation_message {
	color: #FFD9CC;
	background: transparent;
	border: none;
	padding-left: 0;
	padding-right: 0;
}

/* Match the module's responsive type scale. */
@media (max-width: 980px) {
	#review_form .gform_wrapper input[type="text"],
	#review_form .gform_wrapper input[type="email"],
	#review_form .gform_wrapper input[type="tel"],
	#review_form .gform_wrapper textarea {
		font-size: 15px;
	}
}

@media (max-width: 767px) {
	#review_form .gform_wrapper input[type="text"],
	#review_form .gform_wrapper input[type="email"],
	#review_form .gform_wrapper input[type="tel"],
	#review_form .gform_wrapper textarea {
		font-size: 14px;
	}

	.woocommerce-Reviews #review_form_wrapper {
		margin-top: 40px;
	}
}