/*
 * מברכים - כלי יהדות.
 * נשען על ה-tokens של mevarhim-core ואינו מגדיר צבעים משלו.
 */

/* ============================================================
   מדף הכלים - משגר, לא ספריית קישורים
   ============================================================ */
.mvt-hub__search { position: relative; max-width: 560px; }
.mvt-hub__search .mv-input { min-height: 52px; font-size: var(--mv-fs-md); }
.mvt-hub__count { font-size: var(--mv-fs-xs); color: var(--mv-ink-3); margin: var(--mv-3) 0 0; min-height: 1em; }

.mvt-group + .mvt-group { margin-top: var(--mv-section); }
.mvt-group__head {
	display: flex; align-items: center; gap: var(--mv-3);
	margin-bottom: var(--mv-4);
}
.mvt-group__icon {
	width: 34px; height: 34px; border-radius: var(--mv-r-sm); flex: 0 0 auto;
	display: grid; place-items: center;
	background: var(--mv-primary-50); color: var(--mv-primary-600);
}
.mvt-group__head h2 { margin: 0; font-size: var(--mv-fs-lg); }
.mvt-group__head p { margin: 1px 0 0; font-size: var(--mv-fs-xs); color: var(--mv-ink-3); }

/* גוון לכל קבוצה - הבחנה ויזואלית בלי לשנות את מבנה הכרטיס */
.mvt-group[data-group="tfila"]   .mvt-group__icon,
.mvt-group[data-group="tfila"]   .mv-tool__icon { background: var(--mv-primary-50); color: var(--mv-primary-600); }
.mvt-group[data-group="dates"]   .mvt-group__icon,
.mvt-group[data-group="dates"]   .mv-tool__icon { background: var(--mv-teal-50); color: var(--mv-teal); }
.mvt-group[data-group="brachot"] .mvt-group__icon,
.mvt-group[data-group="brachot"] .mv-tool__icon { background: var(--mv-accent-50); color: var(--mv-accent-600); }
.mvt-group[data-group="chagim"]  .mvt-group__icon,
.mvt-group[data-group="chagim"]  .mv-tool__icon { background: var(--mv-warn-50); color: var(--mv-warn); }
.mvt-group[data-group="kelim"]   .mvt-group__icon,
.mvt-group[data-group="kelim"]   .mv-tool__icon { background: var(--mv-ok-50); color: var(--mv-ok); }

.mvt-hub__grid { display: grid; gap: var(--mv-3); grid-template-columns: repeat(auto-fill, minmax(252px, 1fr)); }
.mvt-hub__grid .mv-tool { min-height: 142px; }
.mvt-hub__grid .mv-tool[hidden] { display: none; }
.mvt-group[hidden] { display: none; }
.mvt-noresults { padding: var(--mv-12); text-align: center; color: var(--mv-ink-3); }

/* ============================================================
   פריסת כלי: קלט מימין, תוצאה משמאל
   ============================================================ */
.mvt-layout {
	display: grid;
	grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
	gap: var(--mv-5);
	align-items: start;
	margin-top: var(--mv-6);
}
@media (max-width: 900px) {
	.mvt-layout { grid-template-columns: minmax(0, 1fr); gap: var(--mv-4); }
}
@media (min-width: 901px) {
	/* הקלט נשאר בשדה הראייה בזמן קריאת התוצאה */
	.mvt-panel { position: sticky; top: var(--mv-sticky-top); }
}

.mvt-panel { background: var(--mv-surface); border: 1px solid var(--mv-line); border-radius: var(--mv-r); padding: var(--mv-5); }
.mvt-panel__h {
	font-size: var(--mv-fs-2xs); font-weight: 700; letter-spacing: .06em;
	color: var(--mv-ink-3); margin: 0 0 var(--mv-4);
	padding-bottom: var(--mv-3); border-bottom: 1px solid var(--mv-line);
}
.mvt-panel .mv-field + .mv-field,
.mvt-panel .mv-field + fieldset,
.mvt-panel fieldset + .mv-field { margin-top: var(--mv-4); }
.mvt-submit { display: flex; gap: var(--mv-2); margin-top: var(--mv-5); flex-wrap: wrap; }
.mvt-submit .mv-btn { flex: 1 1 auto; }

.mvt-head { margin-bottom: var(--mv-2); }
.mvt-stack > * + * { margin-top: var(--mv-5); }

/* ============================================================
   כרטיס התוצאה - הדבר הבולט ביותר בעמוד
   ============================================================ */
.mvt-result {
	background: var(--mv-surface);
	border-radius: var(--mv-r-lg);
	padding: var(--mv-6);
	box-shadow: var(--mv-shadow);
	border-top: 3px solid var(--mv-primary);
}
.mvt-result--ok   { border-top-color: var(--mv-ok); }
.mvt-result--warn { border-top-color: var(--mv-accent); }

.mvt-result__headline {
	font-size: clamp(1.25rem, 1rem + 1.3vw, 1.6rem);
	font-weight: 800; line-height: 1.3; letter-spacing: -.02em;
	color: var(--mv-ink); margin: 0 0 var(--mv-5);
}
.mvt-result--ok   .mvt-result__headline { color: var(--mv-ok); }
.mvt-result--warn .mvt-result__headline { color: var(--mv-accent-600); }

.mvt-result__rows { display: grid; gap: var(--mv-2); margin: 0; }
.mvt-result__row {
	display: grid; grid-template-columns: minmax(104px, 32%) 1fr;
	gap: var(--mv-1) var(--mv-4); align-items: baseline;
	padding: 11px var(--mv-4);
	background: var(--mv-surface-2); border-radius: var(--mv-r-sm);
}
.mvt-result__row dt { font-size: var(--mv-fs-xs); font-weight: 700; color: var(--mv-ink-3); margin: 0; }
.mvt-result__row dd {
	margin: 0; font-size: var(--mv-fs-md); font-weight: 700; color: var(--mv-ink);
	font-variant-numeric: tabular-nums; letter-spacing: -.01em;
}
.mvt-result__row dd small {
	display: block; font-size: var(--mv-fs-2xs); font-weight: 500;
	color: var(--mv-ink-3); margin-top: 3px; font-variant-numeric: normal; letter-spacing: 0;
}
.mvt-result__note { margin: var(--mv-5) 0 0; font-size: var(--mv-fs-sm); color: var(--mv-ink-2); line-height: var(--mv-lh-snug); }

@media (max-width: 560px) {
	.mvt-result { padding: var(--mv-5) var(--mv-4); }
	.mvt-result__row { grid-template-columns: minmax(0, 1fr); gap: 2px; }
}

/* ============================================================
   מצבים
   ============================================================ */
.mvt-empty {
	display: grid; place-items: center; gap: var(--mv-3);
	padding: var(--mv-12) var(--mv-5); text-align: center;
	background: var(--mv-surface); border: 1px dashed var(--mv-line-2);
	border-radius: var(--mv-r); color: var(--mv-ink-3);
}
.mvt-empty svg { color: var(--mv-ink-4); }
.mvt-empty p { margin: 0; font-size: var(--mv-fs-sm); max-width: 40ch; }
.mvt-error { margin-bottom: var(--mv-4); }

/* ============================================================
   ציר זמן
   ============================================================ */
.mvt-timeline { margin-top: var(--mv-5); }
.mvt-timeline__track {
	position: relative; height: 8px; border-radius: var(--mv-r-pill);
	background: linear-gradient(90deg, var(--mv-primary-700) 0%, var(--mv-primary-300) 22%, var(--mv-accent-300) 50%, var(--mv-primary-300) 78%, var(--mv-primary-700) 100%);
	margin-bottom: var(--mv-5);
}
.mvt-timeline__mark { position: absolute; top: 50%; width: 2px; height: 16px; transform: translate(50%,-50%); background: rgba(255,255,255,.8); border-radius: 2px; }
.mvt-timeline__mark.is-primary { background: var(--mv-ink); width: 3px; height: 22px; }
.mvt-timeline__now {
	position: absolute; top: 50%; width: 13px; height: 13px;
	transform: translate(50%,-50%); border-radius: 50%;
	background: #fff; border: 3px solid var(--mv-danger); z-index: 2;
	box-shadow: 0 0 0 3px rgba(157,39,49,.18);
}
.mvt-timeline__legend { display: grid; grid-template-columns: repeat(auto-fit, minmax(108px,1fr)); gap: var(--mv-2); list-style: none; margin: 0; padding: 0; }
.mvt-timeline__legend li { padding: var(--mv-2) var(--mv-3); background: var(--mv-surface-2); border-radius: var(--mv-r-sm); font-size: var(--mv-fs-2xs); color: var(--mv-ink-3); }
.mvt-timeline__legend li.is-primary { background: var(--mv-accent-50); color: var(--mv-accent-600); }
.mvt-timeline__legend b { display: block; font-size: var(--mv-fs-md); color: var(--mv-ink); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.mvt-timeline__legend li.is-primary b { color: var(--mv-accent-600); }

/* ============================================================
   שיטה, מגבלות, קשורים
   ============================================================ */
.mvt-method dl { margin: 0; display: grid; gap: var(--mv-3); }
.mvt-method dt { font-size: var(--mv-fs-sm); font-weight: 700; color: var(--mv-ink); }
.mvt-method dd { margin: 2px 0 0; font-size: var(--mv-fs-sm); color: var(--mv-ink-2); line-height: var(--mv-lh-snug); }
.mvt-method cite { display: block; font-style: normal; font-size: var(--mv-fs-2xs); color: var(--mv-ink-3); margin-top: 3px; }

.mvt-limits ul, .mvt-limits-list { margin: 0; padding-inline-start: var(--mv-5); }
.mvt-limits li, .mvt-limits-list li { font-size: var(--mv-fs-sm); color: var(--mv-ink-2); margin-bottom: var(--mv-2); line-height: var(--mv-lh-snug); }

.mvt-related { margin-top: var(--mv-section); }
.mvt-related h2 { margin-bottom: var(--mv-4); }
.mvt-actions { margin-top: var(--mv-5); }

/* ============================================================
   בקרות
   ============================================================ */
label.mv-chip { cursor: pointer; }
.mvt-checkline { display: flex; align-items: center; gap: var(--mv-3); min-height: 44px; cursor: pointer; font-size: var(--mv-fs-sm); }
.mvt-checkline input[type="checkbox"] { width: 20px; height: 20px; flex: 0 0 auto; accent-color: var(--mv-primary); }

.mvt-hdate { border: 0; padding: 0; margin: 0; }
.mvt-hdate__row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.4fr) minmax(0,.9fr); gap: var(--mv-2); }
.mvt-hdate__year { min-height: 46px; }

.mvt-loc__search { position: relative; }
.mvt-loc__hint { margin-top: var(--mv-2); }
.mvt-loc__list .mv-ac__item { cursor: pointer; }

/* ============================================================
   רשימות סימון
   ============================================================ */
.mvt-check { list-style: none; margin: 0; padding: 0; }
.mvt-check li { border-bottom: 1px solid var(--mv-line); }
.mvt-check li:last-child { border-bottom: 0; }
.mvt-check label { display: flex; align-items: flex-start; gap: var(--mv-3); padding: 11px var(--mv-1); min-height: 46px; cursor: pointer; font-size: var(--mv-fs-sm); line-height: var(--mv-lh-snug); }
.mvt-check input[type="checkbox"] { width: 19px; height: 19px; margin-top: 2px; flex: 0 0 auto; accent-color: var(--mv-primary); }
/* פריט שסומן נשאר קריא. הקו החוצה הוא הסימן, לא הדהייה. */
.mvt-check input:checked + span { color: var(--mv-ink-3); }
.mvt-check input:checked + span b { text-decoration: line-through; }
.mvt-check span b { display: block; color: inherit; font-weight: 600; }
.mvt-check span small { display: block; color: var(--mv-ink-3); font-size: var(--mv-fs-2xs); margin-top: 2px; }
.mvt-check input:checked + span small { color: var(--mv-ink-3); }

/* ============================================================
   גימטריה
   ============================================================ */
.mvt-gim__letters { display: flex; flex-wrap: wrap; gap: var(--mv-2); }
.mvt-gim__letter {
	display: grid; place-items: center; gap: 2px;
	min-width: 48px; padding: var(--mv-2) var(--mv-3);
	background: var(--mv-surface-2); border: 1px solid var(--mv-line); border-radius: var(--mv-r-sm);
}
.mvt-gim__letter b { font-size: var(--mv-fs-lg); color: var(--mv-ink); font-weight: 700; }
.mvt-gim__letter small { font-size: var(--mv-fs-2xs); color: var(--mv-ink-3); font-variant-numeric: tabular-nums; }

/* ============================================================
   סדר ברכות
   ============================================================ */
.mvt-order { margin: 0; padding-inline-start: var(--mv-6); display: grid; gap: var(--mv-5); }
.mvt-order li::marker { font-weight: 800; color: var(--mv-primary); }
.mvt-order__head { display: flex; align-items: center; gap: var(--mv-2); flex-wrap: wrap; }
.mvt-order__head b { font-size: var(--mv-fs-md); }

/* ============================================================
   כרטיס כלי בתוך מאמר
   ============================================================ */
.mvt-inline-tool { margin: var(--mv-section) 0 0; }
.mvt-inline-tool__link { display: flex; align-items: center; gap: var(--mv-4); text-decoration: none; color: var(--mv-ink); transition: border-color var(--mv-t), box-shadow var(--mv-t); }
.mvt-inline-tool__link:hover { text-decoration: none; border-color: transparent; box-shadow: var(--mv-shadow); }
.mvt-inline-tool__icon { width: 42px; height: 42px; border-radius: var(--mv-r-sm); flex: 0 0 auto; display: grid; place-items: center; background: var(--mv-surface); color: var(--mv-primary-600); }
.mvt-inline-tool__text b { display: block; font-size: var(--mv-fs-md); font-weight: 700; }
.mvt-inline-tool__text small { display: block; font-size: var(--mv-fs-sm); color: var(--mv-ink-3); margin-top: 2px; line-height: var(--mv-lh-snug); }

/* ============================================================
   הדפסה
   ============================================================ */
@media print {
	.mvt-panel, .mvt-related, .mvt-actions, .mvt-hub__search { display: none !important; }
	.mvt-layout { display: block; }
	.mvt-result { box-shadow: none; border: 1px solid #ccc; }
	.mvt-check input[type="checkbox"] { -webkit-appearance: none; appearance: none; border: 1px solid #666; border-radius: 3px; }
}

.mvt-siddur { margin-top: var(--mv-9); padding: var(--mv-5); border: 1px solid var(--mv-line); border-radius: var(--mv-r); background: var(--mv-primary-50); }
.mvt-siddur h2 { margin: 0 0 var(--mv-2); font-size: 1rem; }
.mvt-siddur p { margin: 0; }