/**
 * Classic Editor meta box: char-count gauges, Google snippet preview, and
 * the SEO-score badge status colors (used here and by the post-list score
 * column — abds-seo-score--{status} had no styling anywhere in the plugin
 * before this file).
 *
 * @package ABDS_SEO
 */

.abds-seo-classic-field {
	margin-bottom: 10px;
}

.abds-seo-char-count {
	font-size: 11px;
	font-weight: 600;
	color: #64748b;
}

.abds-seo-char-count.is-over {
	color: #b32d2e;
}

.abds-seo-snippet-preview {
	margin: 10px 0 14px;
	padding: 12px 14px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #fff;
	font-family: arial, sans-serif;
}

.abds-seo-snippet-title {
	color: #1a0dab;
	font-size: 18px;
	line-height: 1.3;
	overflow-wrap: break-word;
}

.abds-seo-snippet-url {
	color: #006621;
	font-size: 13px;
	line-height: 1.3;
	margin-top: 2px;
	overflow-wrap: break-word;
}

.abds-seo-snippet-description {
	color: #4d5156;
	font-size: 13px;
	line-height: 1.4;
	margin-top: 2px;
	overflow-wrap: break-word;
}

.abds-seo-score--good {
	color: #16a34a;
	font-weight: 700;
}

.abds-seo-score--warning {
	color: #d97706;
	font-weight: 700;
}

.abds-seo-score--poor {
	color: #b32d2e;
	font-weight: 700;
}