/**
 * Styles applied inside the editor for AgilePress Content Block for ACF.
 * Focus: Unify structure and preserve original class names.
 */

/* General visual style of the block in the editor */
.wp-block-agilepress-content-block-for-acf {
	border: 1px dashed #ddd; /* Added for visual consistency */
	border-radius: 4px; /* Added for visual consistency */

	/* ACF Block content area (Adjusted for consistency) */
	.agilepress-content-block-for-acf-editor {
		min-height: 100px;
		padding: 1em; /* Unified: 1em (previously 20px) */
		background: #fafafa; /* Unified: #fafafa (previously #f8f9fa) */
		border: 1px solid #e0e0e0;
		border-radius: 4px;
	}

	/* Style for placeholders (Maintained and Adjusted) */
	.acf-content-placeholder {
		color: #757575;
		font-style: italic;
		text-align: left;
		padding: 0.5em 0; /* Unified */
		font-size: 0.9em; /* Unified */
	}

	/* --------------------------------------------------------------------------
	   TAG PREVIEW STYLES (Maintained)
	   -------------------------------------------------------------------------- */
	
	.acf-content-preview {
		.acf-tag-preview { /* Simple Tag */
			background-color: #e3f2fd;
			border: 1px solid #2196f3;
			padding: 2px 6px;
			border-radius: 3px;
			font-family: monospace;
			font-size: 0.9em;
			color: #1565c0;
		}
		
		.acf-group-preview { /* Group Tag */
			background-color: #f3e5f5;
			border: 1px solid #9c27b0;
			padding: 2px 6px;
			border-radius: 3px;
			font-family: monospace;
			font-size: 0.9em;
			color: #6a1b9a;
		}
		
		.acf-loop-preview { /* Loop/Repeater Tag */
			background-color: #fff3e0;
			border: 2px solid #ff9800;
			padding: 1em; /* Unified: 1em (previously 10px) */
			border-radius: 4px;
			margin: 1em 0;
			
			strong {
				color: #e65100;
				font-family: monospace;
				display: block;
				margin: 5px 0;
			}
		}
		
		.acf-conditional-preview { /* Conditional Tag */
			background-color: #e8f5e9;
			border: 2px solid #4caf50;
			padding: 1em;
			border-radius: 4px;
			margin: 1em 0;
			
			strong {
				color: #2e7d32;
				font-family: monospace;
				display: block;
				margin: 5px 0;
			}
		}
	}
}

/* Native component style corrections (Common) */
.components-panel__body {
	.components-notice {
		margin-top: 16px;
		
		ul {
			list-style-type: disc;
			margin-bottom: 0;
		}
		
		p {
			margin-bottom: 4px;
		}
	}
}