/*
 * Design refinements layered on top of the base enjoymini stylesheet to match
 * the live Fanstopis appearance: Inter typography, full-width content images,
 * and the styled multi-part post pagination.
 */

/* --- Typography: Inter (loaded via Google Fonts in functions.php) ------------ */
body,
input,
button,
textarea,
select {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 19px;
	line-height: 1.7em;
}

/* --- Full-width content images (matches the source) ------------------------- */
.entry-content img {
	width: 100%;
	height: auto;
}

/* --- Comments hidden on the live site (Additional CSS). Remove this rule to
       show the fully-functional comment section this theme still outputs. ----- */
.comments-area {
	display: none;
}

/* ==========================================================================
   Multi-part post pagination (Part X of Y + Prev/Next + numbered pages)
   ========================================================================== */
.custom-part-header {
	background: #3498db;
	color: #fff;
	display: inline-block;
	padding: 6px 16px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	border-radius: 4px;
	margin-bottom: 20px;
}

.custom-post-pagination-wrap {
	margin: 40px 0;
	border-top: 1px solid #eee;
	padding-top: 30px;
	text-align: center;
	clear: both;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.custom-nav-buttons {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-bottom: 25px;
	flex-wrap: wrap;
}

.nav-btn a {
	display: inline-flex;
	align-items: center;
	background: #27ae60;
	color: #fff;
	padding: 12px 24px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 50px;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.nav-btn.prev-btn a {
	background: #7f8c8d;
}

.nav-btn a:hover {
	filter: brightness(1.1);
	transform: translateY(-2px);
	color: #fff;
}

.custom-page-numbers {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
}

.custom-page-numbers a,
.custom-page-numbers span.current {
	min-width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f1f1f1;
	color: #333;
	text-decoration: none;
	font-weight: 600;
	border-radius: 6px;
}

.custom-page-numbers span.current {
	background: #e74c3c;
	color: #fff;
}

.custom-page-numbers a:hover {
	background: #27ae60;
	color: #fff;
}

@media only screen and (max-width: 768px) {
	.custom-post-pagination-wrap {
		padding-left: 5px;
		padding-right: 5px;
		overflow: hidden;
	}

	.custom-nav-buttons {
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.nav-btn {
		width: auto;
	}

	.custom-page-numbers {
		max-width: 100%;
		flex-wrap: wrap;
	}
}