/* ============================================================================
   WebBiz E-com — app.css
   CSS מערכתי שאינו מנוהל ע"י theme.json:
   Lenis · הגנת sticky · scrollbar · utilities
   נכתב ב-CSS Logical Properties (RTL-first) — אין left/right פיזיים.

   ⚠️ אל תכתבי כאן CSS של הפרויקט — לזה יש custom.css (נטען אחרון).
   ============================================================================ */

/* -------------------- Lenis (smooth scroll) --------------------
   חובה! בלי הכללים האלה ה-JS של Lenis נטען אבל הגלילה החלקה לא עובדת כמו שצריך.
   ---------------------------------------------------------------- */
html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }

/* -------------------- מניעת גלילה אופקית --------------------
   clip על html בלבד ובכוונה.
   אם שמים overflow על body הוא הופך ל-scroll container — וזה שובר
   את ה-position:sticky של ההדר. אל תזיזי את זה ל-body.
   ---------------------------------------------------------------- */
html { overflow-x: clip; }

/* -------------------- Utilities (טיפוגרפיה) -------------------- */
.txt-blnc    { text-wrap: balance; }
.txt-prtty   { text-wrap: pretty; }
.excerpt-wrp { max-inline-size: 73ch; text-wrap: pretty; }

/* -------------------- Custom Scrollbar -------------------- */
body::-webkit-scrollbar { width: 10px; height: 10px; }
body::-webkit-scrollbar-track {
	background-color: var(--wp--preset--color--base-2, #F2F1EA);
}
body::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--surface, #33312A);
	border-radius: 5px;
	border: 2px solid var(--wp--preset--color--base-2, #F2F1EA);
}
body::-webkit-scrollbar-thumb:hover {
	background: var(--wp--preset--color--accent, #EE6600);
}
/* Firefox */
@supports (scrollbar-color: auto) {
	body {
		scrollbar-color: var(--wp--preset--color--surface, #33312A) var(--wp--preset--color--base-2, #F2F1EA);
		scrollbar-width: thin;
	}
}

/* -------------------- העדפות תנועה -------------------- */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}