/**
 * WooCommerce Return Request Form - front-end styles.
 * Feel free to override these in your theme's stylesheet.
 */

.wrrf-form-wrapper {
	background: #f2f2f2;
	margin: 1em 0;
	border: 2px solid #942c1f;
	padding: 1em;
}

.wrrf-form-title {
	width: 100%;
	color: #ff2f15;
	font-weight: 900;
	font-size: 2em;
	padding: 0;
	margin: 0;
}

.wrrf-form-description {
	margin-bottom: 1.5em;
	color: #555;
}

.wrrf-form .wrrf-field {
	margin-bottom: 1.25em;
	display: flex;
	flex-direction: column;
}

.wrrf-form .wrrf-field label {
	font-weight: 600;
	margin-bottom: 0.4em;
}

.wrrf-form .wrrf-required {
	color: #d63638;
}

.wrrf-form input[type="text"],
.wrrf-form input[type="email"],
.wrrf-form textarea {
	width: 100%;
	background: #ffffff;
}

.wrrf-form input[type="text"]:focus,
.wrrf-form input[type="email"]:focus,
.wrrf-form textarea:focus {
	border-color: #7e8993;
	outline: none;
	box-shadow: 0 0 0 1px #7e8993;
}

.wrrf-form textarea {
	resize: vertical;
}

.wrrf-field-math input[type="text"] {
	max-width: fit-content;
}

.wrrf-submit-button {
	width: 50%;
  background: #942c1f;
  border: 2px solid #ff2f15;
  color: white;
  padding: 0.3em 0.9em;
  margin: 0.5em 0 0 0;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out;
}

.wrrf-submit-button:hover,
.wrrf-submit-button:focus {
  background: #ff2f15;
  border: 2px solid #942c1f;
  color: white;
  padding: 0.3em 0.9em;
  margin: 0.5em 0 0 0;
}

.wrrf-notice {
	padding: 0.85em 1.1em;
	border-radius: 4px;
	margin-bottom: 1.5em;
	font-weight: 500;
}

.wrrf-notice-success {
	background-color: #375226;
	border: 1px solid #79c185;
	color: #cde3c0;
}

.wrrf-notice-error {
	background-color: #fbeaea;
	border: 1px solid #d98c8c;
	color: #7a1f1f;
}

/* Honeypot field - visually hidden but present in the DOM for humans to skip. */
.wrrf-hp-wrap {
	position: absolute;
	left: -9999px;
	top: -9999px;
	height: 0;
	width: 0;
	overflow: hidden;
}