/* ==========================================================================
   HandyHaven landing page styles
   Loaded only on the landing page, single posts, and category archives —
   see handyhaven_enqueue_landing_assets() in functions.php.
   ========================================================================== */

body {
	font-family: 'Inter', sans-serif;
	background-color: #f8fafc;
}

/* Custom scrollbar styling for a high-end feel */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: #94a3b8;
}

/* The original markup references "bg-grid-pattern" on the closing-section
   banner, but never defines it (Tailwind doesn't ship that class by
   default) — so the overlay did nothing in the original file either. This
   fills it in with a subtle grid texture to match the obvious intent. */
.bg-grid-pattern {
	background-image:
		linear-gradient(to right, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
	background-size: 32px 32px;
}

/* Post content (single.php) — tints the Tailwind Typography "prose" output
   to match the amber/slate palette instead of its default gray/blue. */
.entry-content a {
	color: #d97706;
}

.entry-content a:hover {
	color: #b45309;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
	color: #0f172a;
}

/* Pagination links (category.php) */
.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	height: 2.25rem;
	margin: 0 0.25rem;
	padding: 0 0.75rem;
	border-radius: 9999px;
	font-size: 0.75rem;
	font-weight: 600;
	color: #475569;
	background-color: #f1f5f9;
	text-decoration: none;
}

.page-numbers.current {
	background-color: #f59e0b;
	color: #fff;
}

.page-numbers:hover:not(.current) {
	background-color: #e2e8f0;
}