/**
 * wpForo AI Features - WordPress Content Indexing Styles
 *
 * Isolated CSS for WordPress content indexing tab.
 * Completely independent from forum indexing styles.
 *
 * @package wpForo
 * @subpackage Admin
 * @since 3.0.0
 */

/* ==========================================================================
   WordPress Indexing Tab Container
   ========================================================================== */

.wpforo-ai-wp-indexing-tab {
	margin: 0;
}

/* ==========================================================================
   Indexing Status Box (NEW)
   ========================================================================== */

.wpforo-ai-wp-status-box {
	margin-bottom: 20px;
}

.wpforo-ai-wp-status-box .wpforo-ai-box-header h2 {
	display: flex;
	align-items: center;
	gap: 10px;
}

.wpforo-ai-wp-status-box .wpforo-ai-box-header h2 .dashicons {
	font-size: 20px;
	width: 20px;
	height: 20px;
	color: #0073aa;
}

.wpforo-ai-wp-status-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
}

.wpforo-ai-wp-status-item {
	padding: 15px 20px;
	background: #f8f9fa;
	border: 1px solid #dcdcde;
	border-radius: 4px;
}

.wpforo-ai-wp-status-item .status-label {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #646970;
	margin-bottom: 8px;
}

.wpforo-ai-wp-status-item .status-value {
	font-size: 15px;
	font-weight: 500;
	color: #1d2327;
	display: flex;
	align-items: center;
	gap: 8px;
}

.wpforo-ai-wp-status-item .status-value .dashicons {
	font-size: 18px;
	width: 18px;
	height: 18px;
}

.wpforo-ai-wp-status-item .status-value .dashicons-cloud {
	color: #0073aa;
}

.wpforo-ai-wp-status-item .status-value .dashicons-database {
	color: #2e7d32;
}

.wpforo-ai-wp-status-item .status-value .dashicons-yes-alt {
	color: #2271b1;
}

.wpforo-ai-wp-status-item .status-value.status-active {
	color: #0073aa;
}

.wpforo-ai-wp-status-item .status-value.status-idle {
	color: #2e7d32;
}

.wpforo-ai-wp-status-item .status-action {
	margin-top: 8px;
	font-size: 13px;
}

.wpforo-ai-wp-status-item .status-action a {
	color: #0073aa;
	text-decoration: none;
}

.wpforo-ai-wp-status-item .status-action a:hover {
	color: #00a0d2;
	text-decoration: underline;
}

/* Large stat items (Current Status, Last Activity, Remaining Credits) */
.wpforo-ai-wp-stat-large .status-value {
	font-size: 28px;
	font-weight: 700;
	color: #2271b1;
}

.wpforo-ai-wp-stat-large .status-value .dashicons {
	font-size: 28px;
	width: 28px;
	height: 28px;
}

.wpforo-ai-wp-stat-large .status-value.status-active {
	color: #28a745;
}

.wpforo-ai-wp-stat-large .status-value.status-idle {
	color: #999;
}

/* Last Activity - smaller font for date */
#wp-last-activity {
	font-size: 20px;
}

/* ==========================================================================
   WordPress Content Indexing Box
   ========================================================================== */

.wpforo-ai-wordpress-indexing-box .wpforo-ai-box-header h2 {
	display: flex;
	align-items: center;
	gap: 10px;
}

.wpforo-ai-wordpress-indexing-box .wpforo-ai-box-header h2 .dashicons {
	font-size: 24px;
	width: 24px;
	height: 24px;
	color: #0073aa;
}

/* ==========================================================================
   WordPress Stats Grid
   ========================================================================== */

.wpforo-ai-wp-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
	margin-bottom: 25px;
}

/* ==========================================================================
   WordPress Post Types Grid
   ========================================================================== */

.wpforo-ai-wp-post-types {
	margin-bottom: 25px;
}

.wpforo-ai-wp-post-types h3 {
	margin: 0 0 15px 0;
	font-size: 15px;
	font-weight: 600;
	color: #1d2327;
}

.wpforo-ai-wp-types-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 10px;
}

.wpforo-ai-wp-type-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 15px;
	background: #f8f9fa;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.wpforo-ai-wp-type-item:hover {
	background: #f0f0f1;
	border-color: #2271b1;
}

.wpforo-ai-wp-type-item input[type="checkbox"] {
	margin: 0;
}

.wpforo-ai-wp-type-item .type-label {
	font-weight: 500;
	color: #1d2327;
	flex: 1;
}

.wpforo-ai-wp-type-item .type-count {
	color: #646970;
	font-size: 13px;
}

.wpforo-ai-wp-type-item .type-indexed {
	background: #e7f5e7;
	color: #2e7d32;
	padding: 3px 8px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 500;
}

/* ==========================================================================
   Compact Content Types Grid (inside forms)
   ========================================================================== */

.wpforo-ai-wp-types-compact {
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 8px;
}

.wpforo-ai-wp-types-compact .wpforo-ai-wp-type-item {
	padding: 8px 12px;
}

.wpforo-ai-wp-types-compact .type-label {
	font-size: 13px;
}

.wpforo-ai-wp-types-compact .type-count {
	font-size: 12px;
}

.wpforo-ai-wp-types-compact .type-indexed {
	padding: 2px 6px;
	font-size: 11px;
}

/* ==========================================================================
   WordPress Ingest Grid
   ========================================================================== */

.wpforo-ai-wp-ingest-grid {
	margin-bottom: 25px;
}

/* ==========================================================================
   WordPress Quick Actions
   ========================================================================== */

.wpforo-ai-wp-quick-actions {
	display: flex;
	gap: 15px;
	padding: 20px;
	background: #f8f9fa;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	margin-bottom: 20px;
	justify-content: flex-end;
}

.wpforo-ai-wp-quick-actions .button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.wpforo-ai-wp-quick-actions .button-link-delete {
	color: #d63638;
}

.wpforo-ai-wp-quick-actions .button-link-delete:hover {
	color: #a02729;
}

/* ==========================================================================
   Spinning Animation for Indexing Status
   ========================================================================== */

.wpforo-wp-indexing-spin {
	animation: wpforo-wp-spin-reverse 1s linear infinite;
}

@keyframes wpforo-wp-spin-reverse {
	from {
		transform: rotate(360deg);
	}
	to {
		transform: rotate(0deg);
	}
}

/* ==========================================================================
   Responsive - WordPress Indexing
   ========================================================================== */

@media screen and (max-width: 1200px) {
	.wpforo-ai-wp-status-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.wpforo-ai-wp-quick-actions {
		flex-direction: column;
	}

	.wpforo-ai-wp-quick-actions .button {
		width: 100%;
		justify-content: center;
	}
}

@media screen and (max-width: 782px) {
	.wpforo-ai-wp-status-grid {
		grid-template-columns: 1fr;
	}

	.wpforo-ai-wp-stats {
		grid-template-columns: 1fr;
	}

	.wpforo-ai-wp-types-grid {
		grid-template-columns: 1fr;
	}

	.wpforo-ai-wp-type-item {
		padding: 10px 12px;
	}
}
