/**
 * Design System v2 — Badges (نسخه 1.3.0)
 *
 * بهبود .clinic-badge موجود و گونه‌های BEM آن (--on/--off/--core) + افزودن
 * گونه‌های معناییِ جدید تک‌خطی (.clinic-badge-primary/success/warning/error/info)
 * و .clinic-status-badge موجود. سازگار کامل با نشان‌های فعلی.
 *
 * @package Clinic_Manager
 */

.clinic-badge {
	display: inline-flex;
	align-items: center;
	gap: var( --clinic-space-2 );
	padding: 3px var( --clinic-space-5 );
	border-radius: var(--clinic-radius-pill, 999px);
	font-size: var(--fs-xs, 12px);
	font-weight: var(--fw-semibold, 600);
	line-height: 1.6;
	background: var(--clinic-gray-100);
	color: var(--clinic-gray-700);
	white-space: nowrap;
}

/* گونه‌های BEM موجود */
.clinic-badge--on {
	background: var(--clinic-success-100);
	color: var(--clinic-success-700);
}
.clinic-badge--off {
	background: var(--clinic-gray-200);
	color: var(--clinic-gray-600);
}
.clinic-badge--core {
	background: var(--clinic-primary-100);
	color: var(--clinic-primary-800);
}
/* STEP 93 — نشانِ «مهمان» (پاسخِ فرمِ عمومیِ بدونِ پرونده). رنگِ انسانی/مرجانیِ پالت. */
.clinic-badge--guest {
	background: var(--clinic-warning-100, #FBE9E9);
	color: var(--clinic-warning-700, #B45454);
	margin-inline-start: var( --clinic-space-3 );
}

/* گونه‌های معنایی جدید */
.clinic-badge-primary {
	background: var(--clinic-primary-100);
	color: var(--clinic-primary-800);
}
.clinic-badge-success {
	background: var(--clinic-success-100);
	color: var(--clinic-success-700);
}
.clinic-badge-warning {
	background: var(--clinic-warning-100);
	color: var(--clinic-warning-700);
}
.clinic-badge-error {
	background: var(--clinic-error-100);
	color: var(--clinic-error-700);
}
.clinic-badge-info {
	background: var(--clinic-info-100);
	color: var(--clinic-info-700, #0369A1); /* STEP 109: AA رویِ info-100 (۶۰۰ فقط ۳٫۵۷:۱ بود) */
}

/* نشانِ شمارنده (مثلاً اعلان‌ها) */
.clinic-badge-count {
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	justify-content: center;
	background: var(--clinic-error);
	color: var( --clinic-text-inverse );
	font-size: 11px;
}

/* status-badge موجود (داشبورد) */
.clinic-status-badge {
	display: inline-flex;
	align-items: center;
	gap: var( --clinic-space-3 );
	padding: var( --clinic-space-2 ) var( --clinic-space-6 );
	border-radius: var(--clinic-radius-pill, 999px);
	font-size: var(--fs-xs, 12px);
	font-weight: var(--fw-semibold, 600);
	background: var(--clinic-gray-100);
	color: var(--clinic-gray-700);
}
.clinic-status--active {
	background: var(--clinic-success-100);
	color: var(--clinic-success-700);
}
.clinic-status--warning {
	background: var(--clinic-warning-100);
	color: var(--clinic-warning-700);
}
.clinic-status--error {
	background: var(--clinic-error-100);
	color: var(--clinic-error-700);
}

/* ════════════════════════════════════════════════════════════════════
 * STEP 223-B — نقشِ برچسب: **بدونِ سایه در هیچ حالتی**.
 *
 * موکاپ (خطِ ۱۴۹ برای `.clinic-badge` و خطِ ۱۵۷ برای `.clinic-chip`) هیچ
 * سایه‌ای ندارد؛ برچسب با **پس‌زمینه و رنگِ متن** از زمینه جدا می‌شود، نه با
 * عمق. بلوکِ لایه‌بندیِ بُعدیِ STEP 155 و بالاآمدنِ hover هر دو برداشته شدند.
 * ════════════════════════════════════════════════════════════════════ */
.clinic-badge,
.clinic-status-badge,
.clinic-badge-count {
	box-shadow: none;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
a.clinic-badge,
button.clinic-badge,
.clinic-badge[role="button"],
a.clinic-status-badge {
	cursor: pointer;
}
/* STEP 223-B — نشانِ تعاملی هم بدونِ سایه و بدونِ بالاآمدن. حسِ تعامل از
 * `cursor: pointer` (قاعده‌ی بالا) و تغییرِ رنگ می‌آید. */
a.clinic-badge:hover,
button.clinic-badge:hover,
.clinic-badge[role="button"]:hover,
a.clinic-status-badge:hover {
	box-shadow: none;
}