/**
 * Simple Customer Order Cancel — front-end styles.
 *
 * The form reuses WooCommerce's own form classes (woocommerce-form, form-row,
 * woocommerce-Input, button), so it inherits the active theme's WooCommerce
 * styling. These rules only add the little layout the WC classes don't cover.
 */

.scoc-cancellation {
	min-width: 32rem;
}

.scoc-cancellation .woocommerce-form-row {
	display: block;
	margin-bottom: 1.25rem;
}

.scoc-cancellation label {
	display: block;
	margin-bottom: 0.35rem;
	font-weight: 600;
}

.scoc-cancellation input.input-text,
.scoc-cancellation textarea {
	width: 100%;
	box-sizing: border-box;
}

.scoc-cancellation textarea {
	min-height: 7rem;
	resize: vertical;
}

.scoc-cancellation .required {
	color: #b32d2e;
	font-weight: 700;
	border: 0;
}

/* Confirmation ("are you sure?") summary list. */
.scoc-cancellation-summary {
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 1rem 1.25rem;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}

.scoc-cancellation-summary li {
	margin: 0 0 0.5rem;
}

.scoc-cancellation-summary li:last-child {
	margin-bottom: 0;
}

.scoc-cancellation-summary-message {
	white-space: pre-wrap;
}

/* Space the Edit / confirm buttons on the inline review step. */
.scoc-cancellation-review .scoc-cancellation-edit {
	margin-right: 0.5rem;
}