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

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

	.wp-block-spectra-pro-form-link {
		// 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;
		}

		// Enable pointer events for RichText in editor
		&__link {
			pointer-events: auto;
		}

		// RichText specific styling
		.rich-text {
			border: none;
			background: transparent;
			color: inherit;
			font: inherit;
			padding: 0;
			margin: 0;
			outline: none;
			text-decoration: inherit;

			&:focus {
				box-shadow: none;
				text-decoration: underline;
			}
		}
	}

	// Selected state styling
	.is-selected .spectra-pro-form-link {
		border-color: #007cba;
		box-shadow: 0 0 0 1px #007cba;

		&__link {
			outline-offset: 1px;
		}
	}
}
