/**
 * Sharebox AI - Block Editor Styles
 *
 * Styles for the Gutenberg block editor.
 *
 * @package SBAI_Sharebox
 * @since 1.0.0
 */

/* ==========================================================================
   Block Editor Preview
   ========================================================================== */

.wp-block-sbai-buttons {
	margin: 1em 0;
}

/* Ensure styles render correctly in editor */
.editor-styles-wrapper .sbai-sharebox {
	font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.editor-styles-wrapper .sbai-sharebox .sbai-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.editor-styles-wrapper .sbai-sharebox .sbai-item {
	list-style: none;
	margin: 0;
	padding: 0;
}

.editor-styles-wrapper .sbai-sharebox .sbai-item::before {
	display: none;
}

/* ==========================================================================
   Inspector Controls
   ========================================================================== */

.components-panel__body .components-checkbox-control {
	margin-bottom: 8px;
}

.components-panel__body .components-checkbox-control:last-child {
	margin-bottom: 0;
}

/* Platform checkboxes layout */
.wp-block-sbai-buttons .components-checkbox-control__label {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* ==========================================================================
   Block Placeholder
   ========================================================================== */

.wp-block-sbai-buttons.is-placeholder {
	padding: 24px;
	background: #f6f7f7;
	border: 1px dashed #c3c4c7;
	border-radius: 4px;
	text-align: center;
}

.wp-block-sbai-buttons.is-placeholder .components-placeholder__label {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

/* ==========================================================================
   Loading State
   ========================================================================== */

.wp-block-sbai-buttons .components-spinner {
	margin: 20px auto;
}

/* ==========================================================================
   Legacy Support (for existing blocks)
   ========================================================================== */

.wp-block-sbai-links {
	margin: 1em 0;
}

.sbai-wrapper {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
}