/**
 * Editor-only styles for 3D Scan & Show Plugin
 * Matching the plugin's green theme
 */

:root {
	--stw-primary: #10b981;
	--stw-primary-dark: #059669;
	--stw-dark: #1f2937;
	--stw-gray: #6b7280;
	--stw-border: #e5e7eb;
	--stw-radius: 8px;
	--stw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
		0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.wp-block-create-block-stw-wordpress {
	border: 2px solid var(--stw-primary);
	border-radius: var(--stw-radius);
	transition: all 0.2s ease;

	&:hover {
		border-color: var(--stw-primary-dark);
		box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
	}
}

/* Inspector Controls Styling */
.components-panel__body .components-base-control {
	.components-base-control__label {
		color: var(--stw-dark);
		font-weight: 500;
	}
}

/* Custom styling for buttons in inspector */
.components-button.is-primary {
	background: var(--stw-primary);
	border-color: var(--stw-primary);

	&:hover:not(:disabled) {
		background: var(--stw-primary-dark);
		border-color: var(--stw-primary-dark);
	}

	&:focus:not(:disabled) {
		background: var(--stw-primary-dark);
		border-color: var(--stw-primary-dark);
		box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.3);
	}
}

/* Custom styling for select controls */
.components-select-control__input:focus {
	border-color: var(--stw-primary);
	box-shadow: 0 0 0 1px var(--stw-primary);
}

/* Custom styling for text controls */
.components-text-control__input:focus {
	border-color: var(--stw-primary);
	box-shadow: 0 0 0 1px var(--stw-primary);
}