.rwait-wrapper {
	margin-top: 1em;
}

.rwait-out-of-stock {
	margin-bottom: 0.5em;
	font-weight: 600;
	color: #b32d2e;
}

.rwait-inline-form {
	border: 1px solid #ddd;
	padding: 1em;
	border-radius: 4px;
	background: #fafafa;
}

.rwait-title {
	margin-top: 0;
	font-size: 1.1em;
	font-weight: 600;
}

.rwait-desc {
	margin: 0 0 0.75em;
}

.rwait-form {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	align-items: center;
}

.rwait-email-label {
	flex: 1 1 220px;
}

.rwait-form input[type="email"],
.rwait-form .rwait-email {
	width: 100%;
	box-sizing: border-box;
	padding: 0.5em 0.75em;
	border-radius: 4px;
}

.rwait-form .rwait-submit {
	cursor: pointer;
}

.rwait-message {
	margin-top: 0.5em;
	font-size: 0.9em;
	flex-basis: 100%;
}

.rwait-message.rwait-error {
	color: #b32d2e;
}

.rwait-message.rwait-success {
	color: #008a00;
}

.rwait-form.rwait-loading {
	opacity: 0.7;
	pointer-events: none;
}

/* Modal */

.rwait-modal {
	display: none;
	position: fixed;
	z-index: 9999;
	inset: 0;
}

.rwait-modal.is-open {
	display: block;
}

.rwait-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
}

/* Anchored rather than centred with margins, so the position setting in the
   Appearance tab can place the box on any edge. The inline styles that plugin
   settings produce fill in position, colours, border and shadow. */
.rwait-modal-content {
	position: absolute;
	box-sizing: border-box;
	width: calc(100% - 48px);
	max-width: 480px;
	max-height: calc(100vh - 48px);
	overflow: auto;
	background: #fff;
	border-radius: 4px;
}

.rwait-modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 0.9em 1em;
}

.rwait-modal-header .rwait-title {
	margin: 0;
}

.rwait-modal-body {
	padding: 0 1em 1em;
}

.rwait-modal-close {
	flex: 0 0 auto;
	padding: 0;
	border: none;
	background: transparent;
	line-height: 1;
	font-size: 20px;
	cursor: pointer;
}

/* User requested tweaks */

div#rwait-modal label,
div#rwait-modal button {
	margin: 0;
}

button.button.rwait-submit,
button.button.rwait-open-modal {
	border: 1px solid;
}
