/*
Theme Name: Precon Blog
Theme URI: http://localhost:8888/precon/
Description: Custom blog theme for Precon Automation & Systems. Reuses the main static site's header, navigation and footer (same CSS) so the blog matches the website.
Author: TechEniac
Version: 1.0
Requires at least: 6.0
Tested up to: 7.0
*/

/* ============ Blog-specific layout (built on top of the main site CSS) ============ */

body.precon-blog-body {
	background: #f4f6f9;
}

/* Banner reused from inner pages (.pagehding-sec10) — keep heading readable */
.precon-blog-banner h1 {
	margin: 0;
	color: #fff;
}

/* Main blog content wrapper */
.precon-blog-main {
	padding: 50px 0 60px;
}

/* Post cards (reuse the look of the homepage "single-post" cards) */
.precon-post-card {
	background: #fff;
	border: 1px solid #e6e9ee;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 30px;
	box-shadow: 0 2px 10px rgba(0, 33, 71, 0.06);
	transition: box-shadow .25s ease, transform .25s ease;
	height: 100%;
}
.precon-post-card:hover {
	box-shadow: 0 8px 24px rgba(0, 33, 71, 0.14);
	transform: translateY(-3px);
}
.precon-post-thumb {
	display: block;
	height: 200px;
	overflow: hidden;
	background: #002147;
}
.precon-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.precon-post-thumb-fallback {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #f2c301;
	font-size: 46px;
}
.precon-post-body {
	padding: 20px 22px 24px;
}
.precon-post-meta {
	font-size: 12px;
	color: #8a93a2;
	text-transform: uppercase;
	letter-spacing: .04em;
	margin-bottom: 8px;
}
.precon-post-meta i {
	color: #f2c301;
	margin-right: 5px;
}
.precon-post-title {
	margin: 0 0 12px;
	font-size: 20px;
	line-height: 1.35;
}
.precon-post-title a {
	color: #002147;
	text-decoration: none;
}
.precon-post-title a:hover {
	color: #e6202d;
}
.precon-post-excerpt {
	color: #5b6b7c;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 16px;
}
.precon-readmore {
	display: inline-block;
	background: #002147;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 8px 18px;
	border-radius: 4px;
	text-decoration: none;
}
.precon-readmore:hover {
	background: #e6202d;
	color: #fff;
}

/* Single post */
.precon-single .precon-single-thumb img {
	width: 100%;
	border-radius: 6px;
	margin-bottom: 24px;
}
.precon-single-content {
	background: #fff;
	border: 1px solid #e6e9ee;
	border-radius: 6px;
	padding: 34px 36px;
	box-shadow: 0 2px 10px rgba(0, 33, 71, 0.06);
}
.precon-single-content h1.entry-title {
	color: #002147;
	margin-top: 0;
}
.precon-single-content p {
	line-height: 1.8;
	color: #3a4453;
}
.precon-single-meta {
	font-size: 13px;
	color: #8a93a2;
	margin-bottom: 22px;
	border-bottom: 1px solid #eef1f5;
	padding-bottom: 14px;
}
.precon-single-meta i {
	color: #f2c301;
	margin-right: 5px;
}

/* Sidebar widgets */
.precon-sidebar .widget {
	background: #fff;
	border: 1px solid #e6e9ee;
	border-radius: 6px;
	padding: 22px 22px;
	margin-bottom: 26px;
}
.precon-sidebar .widget-title,
.precon-sidebar h2 {
	color: #002147;
	font-size: 17px;
	margin: 0 0 16px;
	padding-bottom: 10px;
	border-bottom: 2px solid #f2c301;
}
.precon-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.precon-sidebar ul li {
	padding: 7px 0;
	border-bottom: 1px dashed #e6e9ee;
}
.precon-sidebar ul li a {
	color: #44546a;
	text-decoration: none;
}
.precon-sidebar ul li a:hover {
	color: #e6202d;
}

/* Pagination */
.precon-pagination {
	margin: 10px 0 0;
	text-align: center;
}
.precon-pagination .page-numbers {
	display: inline-block;
	padding: 8px 14px;
	margin: 0 3px;
	background: #fff;
	border: 1px solid #d8dee6;
	border-radius: 4px;
	color: #002147;
	text-decoration: none;
}
.precon-pagination .page-numbers.current,
.precon-pagination .page-numbers:hover {
	background: #002147;
	color: #fff;
	border-color: #002147;
}

.precon-empty {
	background: #fff;
	border: 1px solid #e6e9ee;
	border-radius: 6px;
	padding: 40px;
	text-align: center;
	color: #5b6b7c;
}

/* ---------------------------------------------------------------------------
   Desktop nav fix: the blog adds a 6th top-level item ("Blog") that the main
   site doesn't have, so the menu overflowed its col-md-6 container and pushed
   "Contact" onto a second line. Tighten the item spacing (blog-scoped only)
   so all six items sit on one row. Mobile (meanmenu) is unaffected.
--------------------------------------------------------------------------- */
@media (min-width: 992px) {
	.precon-blog-body .main-menu ul li a {
		font-size: 16px;
		padding: 26px 6px;
	}
}

/* ---------------------------------------------------------------------------
   Single post: "Recent Posts" row shown below the article (single.php).
   Centered reading column + this row replaces the side sidebar so short
   posts no longer leave a large empty gap.
--------------------------------------------------------------------------- */
.precon-related {
	margin-top: 50px;
	padding-top: 10px;
}
.precon-related-title {
	color: #002147;
	font-size: 24px;
	margin: 0 0 24px;
	padding-bottom: 12px;
	border-bottom: 2px solid #f2c301;
}
.precon-related .precon-post-title {
	font-size: 17px;
}