/*
 * מברכים - כלים.
 * מצפן, אותיות נשמה, הלכה יומית.
 */

/* ============================================================
   מצפן
   ============================================================ */
.mv-compass { text-align: center; }
.mv-compass__dial {
	position: relative;
	width: min(260px, 72vw); height: min(260px, 72vw);
	margin: 0 auto var(--mv-5);
	border-radius: 50%;
	background:
		radial-gradient(circle at 50% 50%, #fff 0%, var(--mv-bg) 72%),
		conic-gradient(from 0deg, var(--mv-line) 0 100%);
	border: 2px solid var(--mv-line-2);
	box-shadow: inset 0 2px 10px rgba(18,20,46,.06);
}
.mv-compass__dial::after {
	content: ""; position: absolute; inset: 0; border-radius: 50%;
	background:
		repeating-conic-gradient(from 0deg, var(--mv-line-2) 0 .5deg, transparent .5deg 30deg);
	opacity: .5;
}
.mv-compass__dial > span {
	position: absolute; font-size: var(--mv-fs-xs); font-weight: 800; color: var(--mv-ink-3);
	z-index: 2;
}
.mv-compass__n { top: 8px; left: 50%; transform: translateX(-50%); color: var(--mv-danger) !important; }
.mv-compass__s { bottom: 8px; left: 50%; transform: translateX(-50%); }
.mv-compass__e { top: 50%; right: 10px; transform: translateY(-50%); }
.mv-compass__w { top: 50%; left: 10px; transform: translateY(-50%); }

.mv-compass__needle {
	position: absolute; top: 50%; left: 50%; z-index: 3;
	width: 6px; height: 40%;
	transform: translate(-50%, -100%) rotate(0deg);
	transform-origin: 50% 100%;
	background: linear-gradient(180deg, var(--mv-accent) 0%, var(--mv-accent-600) 100%);
	border-radius: 3px 3px 1px 1px;
	transition: transform 260ms cubic-bezier(.2,.6,.3,1);
}
.mv-compass__needle::after {
	content: ""; position: absolute; bottom: -7px; left: 50%;
	width: 13px; height: 13px; transform: translateX(-50%);
	background: var(--mv-ink); border-radius: 50%;
}
.mv-compass__readout {
	font-size: var(--mv-fs-lg); color: var(--mv-ink); margin: 0 0 var(--mv-2);
	font-variant-numeric: tabular-nums;
}
.mv-compass__readout b { font-size: var(--mv-fs-2xl); color: var(--mv-primary); }
@media (prefers-reduced-motion: reduce) { .mv-compass__needle { transition: none; } }

/* ============================================================
   אותיות נשמה
   ============================================================ */
.mv-nesh-form { max-width: 520px; }
.mv-nesh-out:empty { display: none; }
.mv-nesh-out { margin-top: var(--mv-8); }
.mv-nesh-h {
	margin: var(--mv-8) 0 var(--mv-4);
	padding-bottom: var(--mv-2);
	border-bottom: 2px solid var(--mv-accent);
	font-size: var(--mv-fs-lg);
}
.mv-tehillim h3 {
	display: flex; align-items: center; gap: var(--mv-2);
	padding-bottom: var(--mv-3); margin-bottom: var(--mv-3);
	border-bottom: 1px solid var(--mv-line);
	font-size: var(--mv-fs-md);
}
.mv-verses {
	margin: 0; padding-inline-start: var(--mv-6);
	font-size: var(--mv-fs-md);
	line-height: 2.1;
	color: var(--mv-ink);
}
.mv-verses li { margin-bottom: var(--mv-2); }
.mv-verses li::marker { color: var(--mv-ink-4); font-size: var(--mv-fs-xs); }

@media print {
	.mv-nesh-form, .mv-tehillim:not(.mv-nesh-result .mv-tehillim) { display: none; }
	.mv-nesh-result { display: block; }
	.mv-verses { font-size: 12pt; line-height: 1.9; }
}