/*
 * Front-end styles for EU Withdrawal Contract Requests.
 */

.ewcr-form-wrap {
	max-width: 640px;
	margin: 0 auto;
}

.ewcr-form-row {
	margin-bottom: 1.25em;
	display: flex;
	flex-direction: column;
}

.ewcr-form-row label {
	font-weight: 600;
	margin-bottom: 0.4em;
}

.ewcr-required {
	color: #c0392b;
}

.ewcr-form-row input[type="text"],
.ewcr-form-row input[type="email"],
.ewcr-form-row select,
.ewcr-form-row textarea {
	padding: 0.6em 0.75em;
	border: 1px solid #ccd0d4;
	border-radius: 4px;
	font-size: 1em;
	width: 100%;
	box-sizing: border-box;
}

.ewcr-help {
	font-size: 0.85em;
	color: #666;
	margin-top: 0.3em;
}

.ewcr-form-submit button {
	background: #2c3e91;
	color: #fff;
	border: none;
	padding: 0.75em 1.75em;
	border-radius: 4px;
	font-size: 1em;
	cursor: pointer;
}

.ewcr-form-submit button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.ewcr-form-message {
	margin-top: 1em;
	padding: 0.75em 1em;
	border-radius: 4px;
	display: none;
}

.ewcr-form-message.ewcr-message-success {
	display: block;
	background: #eafaf0;
	border: 1px solid #2ecc71;
	color: #1e7e42;
}

.ewcr-form-message.ewcr-message-error {
	display: block;
	background: #fdecea;
	border: 1px solid #e74c3c;
	color: #a12a1d;
}

.ewcr-footer-link {
	text-align: center;
	padding: 0.75em 0;
	font-size: 0.9em;
}

.ewcr-confirm-wrap {
	max-width: 640px;
	margin: 4em auto;
	text-align: center;
}

.ewcr-confirm-box {
	padding: 2em;
	border-radius: 6px;
	border: 1px solid #ccd0d4;
}

.ewcr-confirm-success {
	border-color: #2ecc71;
	background: #eafaf0;
}

.ewcr-confirm-error {
	border-color: #e74c3c;
	background: #fdecea;
}