/**
 * Front + editor styles for client-inserted GutAI builder blocks.
 * Imported pages keep their own design-runtime CSS; this file only styles
 * blocks the client adds from the inserter after upload.
 */

.gutai-container {
	box-sizing: border-box;
	width: 100%;
}

.editor-styles-wrapper .gutai-container {
	min-height: 4rem;
	outline: 1px dashed #c4b5fd;
	outline-offset: -1px;
}

.editor-styles-wrapper .gutai-container.is-selected,
.editor-styles-wrapper .gutai-container.has-child-selected {
	outline-color: #6d28d9;
}

.wp-block-gutai-button,
a.gutai-btn {
	display: inline-block;
	padding: 0.75rem 1.4rem;
	border-radius: 999px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.2;
}

.wp-block-gutai-button:hover,
a.gutai-btn:hover {
	opacity: 0.92;
}

/* Keep newly inserted Core groups full-bleed like imported layouts. */
.wp-fast-ai-main .wp-block-group.alignfull,
.editor-styles-wrapper .wp-block-group.alignfull {
	width: 100%;
	max-width: none;
}