/*
 * Custom theme CSS — small, hand-written additions that sit on top of
 * the compiled Tailwind utility file (tailwind.css). Mirrors the
 * original project's src/index.css 1:1, plus a few WordPress-specific
 * helpers (skip link, honeypot, admin bilingual layout is in admin.css).
 */

html {
	font-family: 'Tajawal', 'Cairo', 'Heebo', system-ui, -apple-system, sans-serif;
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

::selection {
	background-color: #10b981; /* emerald-500 */
	color: #fff;
}

.font-heading {
	font-family: 'Cairo', 'Heebo', sans-serif;
}

.font-body {
	font-family: 'Tajawal', 'Heebo', sans-serif;
}

/* Force left-to-right rendering for phone numbers / numeric strings that
   sit inside an RTL layout (both Arabic and Hebrew pages are RTL). */
.dir-ltr {
	direction: ltr;
	unicode-bidi: embed;
}

/* Custom subtle scrollbar, matches the original design. */
::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-track {
	background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
	background: #94a3b8;
}

/* Skip-to-content link: visually hidden until keyboard-focused. */
.lw-skip-link {
	position: absolute;
	right: 1rem;
	top: -100px;
	z-index: 100;
	background: #065f46;
	color: #fff;
	padding: 0.75rem 1.25rem;
	border-radius: 0 0 0.75rem 0.75rem;
	font-weight: 700;
	font-size: 0.875rem;
	transition: top 0.2s ease;
}
.lw-skip-link:focus {
	top: 0;
}

/* Honeypot field for the contact form: hidden from sighted users and
   screen readers, but still present in the DOM/tab order-excluded so
   simple bots that auto-fill every field get caught. */
.lw-hp {
	position: absolute;
	left: -9999px;
	top: -9999px;
	height: 0;
	width: 0;
	overflow: hidden;
}

/* Inline SVG icon baseline sizing safety net (classes still control exact size). */
.lw-icon {
	display: inline-block;
	vertical-align: middle;
	flex-shrink: 0;
}

/* Mobile menu open state toggling (JS swaps these two). */
#lw-mobile-menu-toggle[aria-expanded="true"] .lw-icon-menu {
	display: none;
}
#lw-mobile-menu-toggle[aria-expanded="true"] .lw-icon-close {
	display: inline-block;
}

/* Generic content pages (page.php) rendered via the_content(). */
.prose :where(p) {
	margin-bottom: 1em;
}
.prose :where(h2, h3, h4) {
	font-family: 'Cairo', 'Heebo', sans-serif;
	font-weight: 800;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	color: #0f172a;
}
.prose :where(a) {
	color: #047857;
	text-decoration: underline;
}
.prose :where(ul, ol) {
	padding-inline-start: 1.5em;
	margin-bottom: 1em;
}
.prose :where(img) {
	border-radius: 1rem;
}