/**
 * LTD Demo — סגנון מבני בלבד.
 *
 * באותו עיקרון של ltd-booking: אין כאן צבעי מותג משלנו, פרט לירוק הוואטסאפ
 * (שהוא סמנטי — המבקר חייב לזהות מיד שזו הודעת וואטסאפ).
 */

/* ---------- באנר "עסק לדוגמה" ---------- */

.ltd-demo-banner {
	position: sticky;
	top: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.55rem 1rem;
	background: #1f2937;
	color: #f9fafb;
	font-size: 0.875rem;
	line-height: 1.4;
	text-align: center;
	direction: rtl;
}

.ltd-demo-banner__dot {
	flex: 0 0 auto;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: #fbbf24;
}

@media (max-width: 480px) {
	.ltd-demo-banner {
		font-size: 0.8125rem;
		padding: 0.5rem 0.75rem;
	}
}

/* ---------- פאנל "מה נשלח עכשיו" ---------- */

.ltd-demo-panel {
	margin-block-start: 1.25rem;
	padding: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0.75rem;
	background: #f0f2f5;
	direction: rtl;
	text-align: right;
}

.ltd-demo-panel__title {
	margin-block-end: 0.75rem;
	font-weight: 600;
	font-size: 0.9375rem;
}

.ltd-demo-panel__bubble {
	position: relative;
	max-width: 32rem;
	padding: 0.7rem 0.9rem;
	border-radius: 0.5rem 0.5rem 0.5rem 0;
	background: #d9fdd3;
	color: #111b21;
	font-size: 0.9375rem;
	line-height: 1.55;
	box-shadow: 0 1px 1px rgba(11, 20, 26, 0.13);
	white-space: pre-wrap;
	word-break: break-word;
}

.ltd-demo-panel__meta {
	margin-block-start: 0.4rem;
	font-size: 0.75rem;
	opacity: 0.65;
}

.ltd-demo-panel__note {
	margin-block-start: 0.75rem;
	margin-block-end: 0;
	font-size: 0.8125rem;
	opacity: 0.75;
}

/* ---------- בלוק המתמטיקה ---------- */

.ltd-demo-math {
	padding: 1.5rem;
	border-radius: 0.75rem;
	border: 1px solid rgba(0, 0, 0, 0.1);
	direction: rtl;
	text-align: right;
}

.ltd-demo-math__lost {
	font-size: clamp(1.25rem, 4vw, 1.75rem);
	font-weight: 700;
	line-height: 1.3;
}

.ltd-demo-math__vs {
	margin-block-start: 0.75rem;
	font-size: 1rem;
	opacity: 0.8;
}

.ltd-demo-math__note {
	margin-block-start: 1rem;
	margin-block-end: 0;
	font-size: 0.8125rem;
	opacity: 0.7;
}

/* כיבוד העדפת תנועה מופחתת — תקן 5568 (זהה למדיניות ltd-motion). */
@media (prefers-reduced-motion: reduce) {
	.ltd-demo-panel,
	.ltd-demo-banner {
		transition: none !important;
		animation: none !important;
	}
}