/**
 * Guest Refund Block - Frontend Styles
 *
 * Only block-wrapper styles live here. The form layout styles live in `assets/css/frontend.css`.
 *
 * @package    SelfServiceRefunds
 * @subpackage SelfServiceRefunds/blocks/guest-refund
 * @since      1.0.0
 */

/* Block wrapper */
.wp-block-ssr-guest-refund {
	margin: 20px 0;
	width: 100%;
}

/**
 * Basic styling options via CSS variables.
 *
 * These values are set either:
 * - inline by the render callback (frontend), or
 * - inline by the block editor (editor preview).
 */
.ssr-guest-refund-block {
	box-sizing: border-box;
	width: 100%;

	background: var(--ssr-guest-refund-bg, transparent);

	padding: var(--ssr-guest-refund-padding, 0);

	border-style: solid;
	border-width: var(--ssr-guest-refund-border-width, 0);
	border-color: var(--ssr-guest-refund-border-color, transparent);

	border-radius: var(--ssr-guest-refund-border-radius, 0);
}

/* Ensure the form always uses the full available width inside the block */
.ssr-guest-refund-block .ssr-guest-refund-form-wrapper,
.ssr-guest-refund-block .ssr-guest-refund-form {
	width: 100%;
}