/**
 * Checkout and order-received styles.
 *
 * Deliberately minimal: the fields should inherit the theme's form styling
 * rather than impose a look of their own.
 */

.phenomain-pay-fields {
	border: 0;
	margin: 0;
	padding: 0;
}

.phenomain-pay-fields .form-row {
	margin-bottom: 1em;
}

.phenomain-pay-fields label {
	display: block;
	margin-bottom: 0.25em;
}

.phenomain-pay-fields select,
.phenomain-pay-fields input[type="tel"] {
	box-sizing: border-box;
	width: 100%;
}

.phenomain-pay-notice {
	margin: 0 0 1em;
	font-size: 0.9em;
}

.phenomain-pay-notice--test {
	padding: 0.5em 0.75em;
	border-left: 3px solid #b8860b;
	background: rgba(184, 134, 11, 0.08);
}

.phenomain-pay-hint {
	display: block;
	margin-top: 0.35em;
	font-size: 0.85em;
}

.phenomain-pay-hint--detected {
	opacity: 0.8;
}

.phenomain-pay-hint--warning {
	color: #8a5a00;
}

.phenomain-pay-status {
	margin: 0 0 1.5em;
	padding: 0.75em 1em;
	border-left: 3px solid #2271b1;
	background: rgba(34, 113, 177, 0.08);
}