/**
 * MM AI Post Generator Block Styles
 *
 * @package MM_AI_Post_Generator
 */

.mapg-blog-generator-block {
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	margin: 20px 0;
}

.mapg-blog-generator-block .mapg-block-header {
	margin-bottom: 20px;
}

.mapg-blog-generator-block .mapg-block-header h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
}

.mapg-blog-generator-block .mapg-block-header .mapg-block-description {
	color: #666;
	margin: 0;
}

.mapg-blog-generator-block .mapg-generating {
	text-align: center;
	padding: 40px 20px;
}

.mapg-blog-generator-block .mapg-generated-content {
	margin-top: 20px;
}

.mapg-blog-generator-block .mapg-content-details .mapg-title-section,
.mapg-blog-generator-block .mapg-content-details .mapg-meta-section,
.mapg-blog-generator-block .mapg-content-details .mapg-faq-section {
	margin-bottom: 25px;
	padding: 15px;
	background: #f9f9f9;
	border-radius: 4px;
}

.mapg-blog-generator-block .mapg-title {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.mapg-blog-generator-block .mapg-actions {
	margin-top: 20px;
	display: flex;
	gap: 10px;
}

.mapg-blog-generator-block .mapg-empty-state {
	text-align: center;
	padding: 40px 20px;
	color: #999;
}