/*
 * Rules Tailwind's utility classes can't express, ported unchanged from the
 * original static design, plus a small addition for the WordPress nav's
 * active-state (the JS version used to fight over a single event.target;
 * now WordPress's "current-menu-item" class handles it — see inc/nav-walker.php).
 */

body {
	font-family: 'Readex Pro', 'Tajawal', sans-serif;
	background-color: #F8F9FA;
	color: #121212;
}

.bg-navy-pattern {
	background-color: #0A192F;
	background-image: radial-gradient(#203A43 0.75px, transparent 0.75px);
	background-size: 16px 16px;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	background: #F8F9FA;
}
::-webkit-scrollbar-thumb {
	background: #203A43;
	border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
	background: #C5A059;
}

.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.line-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.line-clamp-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.no-scrollbar::-webkit-scrollbar {
	display: none;
}
.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

/* WordPress adds this class to the nav <li> that matches the current
   page/category/post — no JS needed to keep the active tab in sync. */
.current-menu-item > a,
.current-menu-parent > a,
.current-menu-ancestor > a {
	color: #C5A059 !important;
	background-color: #1A2E4B !important;
	border-bottom: 2px solid #C5A059;
}

/* WordPress core block/editor default paragraph spacing inside the_content(). */
.prose p {
	margin-bottom: 1rem;
}
.prose h2, .prose h3 {
	color: #0A192F;
	font-weight: 700;
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}
.prose img {
	border-radius: 0.75rem;
	margin: 1.5rem 0;
}
.prose blockquote {
	border-right: 4px solid #C5A059;
	padding: 1rem;
	background: #F8F9FA;
	border-radius: 0.75rem;
	font-style: italic;
	margin: 1.5rem 0;
}