/**
 * Form Checkbox Block Editor Styles
 *
 * @since 2.0.0
 * @package Spectra Pro
 */

// Editor-specific overrides and additions
.block-editor-block-list__layout {

	.wp-block-spectra-pro-register-terms-and-conditions {
		// Enhanced editor preview
		position: relative;

		&::after {
			content: attr(data-block-title);
			position: absolute;
			top: -1.5rem;
			left: 0;
			font-size: 0.75rem;
			color: #6b7280;
			font-weight: 500;
			text-transform: uppercase;
			letter-spacing: 0.025em;
		}

		// Preview enhancements for better visibility
		&__wrapper {
			min-height: 2rem;
			align-items: center;
		}
	}

	// Selected state styling
	.is-selected .spectra-pro-form-checkbox {
		border-color: #007cba;
	}
}
