/**
 * Feedspace Widgets Block Styles
 *
 * @package Feedspace
 * @since 1.0.0
 */

.wp-block-feedspace-widgets {
	margin: 20px 0;

	.feedspace-widgets-preview {
		.feedspace-widget-preview {
			width: 100%;
			min-height: 200px;
			border: 1px solid #ddd;
			border-radius: 4px;
			background-color: #f9f9f9;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.feedspace-widget-placeholder {
			width: 100%;
			min-height: 200px;
			border: 1px dashed #ccc;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			background-color: #f9f9f9;
			color: #666;
			font-style: italic;
			text-align: center;
			border-radius: 4px;

			p {
				margin: 5px 0;
				font-size: 14px;
			}
		}
	}

	// Block editor specific styles
	&.is-selected {
		.feedspace-widgets-preview {
			border: 2px solid #0073aa;
			border-radius: 4px;
		}
	}
}

// Block toolbar styles
.block-editor-block-toolbar {
	.wp-block-feedspace-widgets {
		.feedspace-widgets-preview {
			// Ensure proper display in block editor
			position: relative;
		}
	}
}