/*
Theme Name: GeneratePress
Theme URI: https://generatepress.com
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Version: 3.6.1
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options

GeneratePress, Copyright 2014-2025 EDGE22 Studios LTD.
GeneratePress is distributed under the terms of the GNU GPL

GeneratePress is based on Underscores http://underscores.me/, (C) 2012-2025 Automattic, Inc.

DOM Optimized version with CSS Grid and Flexbox
*/

/* Reset & Base */
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: #333;
}

a {
	color: #1e72bd;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Grid Layout - Main Structure */
body {
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-height: 100vh;
}

#bwx-page {
	display: grid !important;
	grid-template-columns: 1fr 300px !important;
	gap: 40px !important;
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	padding: 0 20px;
}

/* Sidebar Layouts - Main content always first, sidebar second */
.right-sidebar #bwx-page,
body:not(.left-sidebar):not(.both-sidebars):not(.no-sidebar) #bwx-page {
	grid-template-columns: 1fr 300px;
	gap: 40px;
}

/* Force grid layout when sidebar exists */
#bwx-page:has(aside) {
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: 40px;
}

.left-sidebar #bwx-page {
	grid-template-columns: 300px 1fr;
	gap: 40px;
}

.both-sidebars #bwx-page {
	grid-template-columns: 250px 1fr 250px;
	gap: 30px;
}

/* Force main content to be first in source order, sidebar second */
main,
#bwx-main {
	order: 1;
}

aside {
	order: 2;
}

/* Left sidebar exception */
.left-sidebar main,
.left-sidebar #bwx-main {
	order: 2;
}

.left-sidebar aside {
	order: 1;
}

/* Header - Static positioning */
header {
	background: #fff;
	border-bottom: 1px solid #eee;
	position: static !important;
	position: relative;
}

.bwx-site-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
	gap: 20px;
}

.bwx-site-branding {
	flex: 0 0 auto;
}

.bwx-site-title {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
}

.bwx-site-title a {
	color: #333;
}

.bwx-site-logo img {
	max-height: 60px;
	width: auto;
}

/* Navigation */
nav {
	flex: 1 1 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 15px;
}

.bwx-menu-toggle {
	display: none;
	background: none;
	border: 1px solid #ddd;
	padding: 8px 16px;
	cursor: pointer;
	font-size: 14px;
}

.bwx-search-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	color: #333;
	transition: color 0.2s ease, transform 0.2s ease;
	border-radius: 4px;
}

.bwx-search-toggle:hover {
	color: #1e72bd;
	background: #f5f5f5;
	transform: scale(1.1);
}

.bwx-search-toggle svg {
	display: block;
}

.bwx-menu {
	display: flex;
	list-style: none;
	gap: 25px;
	margin: 0;
}

.bwx-menu li {
	position: relative;
}

.bwx-menu a {
	color: #333;
	padding: 8px 0;
	display: block;
}

.bwx-menu a:hover {
	color: #1e72bd;
	text-decoration: none;
}

/* Search Modal */
.bwx-search-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(5px);
}

.bwx-search-modal.active {
	display: flex;
}

.bwx-search-modal-content {
	position: relative;
	width: 90%;
	max-width: 600px;
	background: #fff;
	border-radius: 12px;
	padding: 40px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
	animation: slideDown 0.3s ease;
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.bwx-search-close {
	position: absolute;
	top: 15px;
	right: 15px;
	background: none;
	border: none;
	cursor: pointer;
	color: #666;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	transition: all 0.2s ease;
}

.bwx-search-close:hover {
	color: #e74c3c;
	background: #f5f5f5;
	transform: rotate(90deg);
}

.bwx-search-form {
	display: flex;
	gap: 10px;
	align-items: center;
}

.bwx-search-input {
	flex: 1;
	padding: 15px 20px;
	border: 2px solid #e0e0e0;
	border-radius: 8px;
	font-size: 18px;
	font-family: inherit;
	transition: border-color 0.2s ease;
}

.bwx-search-input:focus {
	outline: none;
	border-color: #1e72bd;
}

.bwx-search-submit {
	padding: 15px 20px;
	background: #1e72bd;
	border: none;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s ease, transform 0.2s ease;
}

.bwx-search-submit:hover {
	background: #155a94;
	transform: scale(1.05);
}

.bwx-search-submit svg {
	display: block;
}

/* Dropdown */
.bwx-sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	border: 1px solid #eee;
	min-width: 200px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	flex-direction: column;
	gap: 0;
	list-style: none;
}

.bwx-menu li:hover > .bwx-sub-menu {
	display: flex;
}

.bwx-sub-menu a {
	padding: 12px 20px;
	border-bottom: 1px solid #f5f5f5;
}

/* Main Content */
main,
#bwx-main {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 40px 0;
}

/* Archive Header */
.bwx-archive-title {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 0;
}

.bwx-archive-description {
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 40px;
	color: #666;
}

/* Articles - Horizontal layout (image left, content right) - ONLY FOR BLOG LISTING */
body.blog article,
body.archive article,
body.search article {
	display: flex;
	flex-direction: row;
	gap: 20px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eee;
	align-items: flex-start;
	width: 100%;
}

body.blog article:last-of-type,
body.archive article:last-of-type,
body.search article:last-of-type {
	border-bottom: none;
}

/* Single post article - VERTICAL layout */
body.single article {
	display: block;
	margin-bottom: 40px;
	width: 100%;
}

/* Featured Image with Overlay */
.bwx-featured-image-wrapper {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 0 30px 0;
	overflow: hidden;
	border-radius: 8px;
}

body.single .post-thumbnail {
	width: 100%;
	height: auto;
	display: block;
}

.bwx-img-overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
	padding: 40px 30px 30px;
	display: flex;
	align-items: flex-end;
}

.bwx-img-overlay.half {
	height: 50%;
}

.bwx-overlay-title {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	width: 100%;
}

/* Responsive overlay */
@media (max-width: 768px) {
	.bwx-overlay-title {
		font-size: 24px;
	}
	
	.bwx-img-overlay {
		padding: 30px 20px 20px;
	}
}

@media (max-width: 480px) {
	.bwx-overlay-title {
		font-size: 20px;
	}
	
	.bwx-img-overlay {
		padding: 20px 15px 15px;
	}
}

/* Post thumbnail - fixed width on left - ONLY FOR BLOG LISTING */
body.blog .post-thumbnail-link,
body.archive .post-thumbnail-link,
body.search .post-thumbnail-link {
	flex: 0 0 250px;
	width: 250px;
	display: block;
	overflow: hidden;
	border-radius: 4px;
}

body.blog .post-thumbnail,
body.archive .post-thumbnail,
body.search .post-thumbnail {
	width: 100%;
	height: auto;
	border-radius: 4px;
	transition: transform 0.3s ease;
	display: block;
}

body.blog .post-thumbnail-link:hover .post-thumbnail,
body.archive .post-thumbnail-link:hover .post-thumbnail,
body.search .post-thumbnail-link:hover .post-thumbnail {
	transform: scale(1.05);
}

/* Post content wrapper - takes remaining space - ONLY FOR BLOG LISTING */
body.blog .post-content-wrapper,
body.archive .post-content-wrapper,
body.search .post-content-wrapper {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

body.blog .entry-title,
body.archive .entry-title,
body.search .entry-title {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 10px 0;
	width: 100%;
}

body.blog .entry-excerpt,
body.archive .entry-excerpt,
body.search .entry-excerpt {
	font-size: 16px;
	line-height: 1.8;
	margin: 0;
	color: #555;
	width: 100%;
}

/* Breadcrumb */
.bwx-breadcrumb {
	font-size: 14px;
	color: #666;
	margin: 20px 0 10px 0;
	padding: 10px 0;
	text-align: left;
}

.bwx-breadcrumb a {
	color: #1e72bd;
	text-decoration: none;
}

.bwx-breadcrumb a:hover {
	text-decoration: underline;
}

.bwx-breadcrumb span {
	color: #333;
}

/* Breadcrumb Navigation - Yeni stil */
.breadcrumb {
	font-size: 14px;
	color: #666;
	margin: 0 0 10px 0;
	padding: 10px 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-start;
	text-align: left;
}

.breadcrumb a {
	color: #1e72bd;
	text-decoration: none;
	transition: color 0.2s ease;
}

.breadcrumb a:hover {
	color: #155a94;
	text-decoration: underline;
}

.breadcrumb .separator {
	color: #999;
	margin: 0 4px;
	font-size: 12px;
}

.breadcrumb .current {
	color: #333;
	font-weight: 500;
}

@media (max-width: 640px) {
	.breadcrumb {
		font-size: 13px;
	}
}

/* Post Meta Info Container */
.bwx-post-meta-info {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
}

/* Updated Date */
.bwx-updated-date {
	font-size: 14px;
	color: #666;
	padding: 10px 15px;
	background: #f9f9f9;
	border-left: 3px solid #1e72bd;
	border-radius: 4px;
	flex: 1;
	min-width: 250px;
}

.bwx-updated-date strong {
	color: #333;
	font-weight: 600;
}

/* Responsive */
@media (max-width: 768px) {
	.bwx-post-meta-info {
		flex-direction: column;
		gap: 10px;
	}
	
	.bwx-updated-date {
		min-width: 100%;
	}
}

.entry-title a {
	color: #333;
	transition: color 0.2s ease;
}

.entry-title a:hover {
	color: #1e72bd;
	text-decoration: none;
}

/* Entry content for single posts */
.entry-content {
	font-size: 16px;
	line-height: 1.8;
}

.entry-content p {
	margin-bottom: 1.5em;
}

.entry-content h2 {
	font-size: 28px;
	margin: 1.5em 0 0.5em;
}

.entry-content h3 {
	font-size: 24px;
	margin: 1.3em 0 0.5em;
}

.entry-content ul,
.entry-content ol {
	margin: 1em 0 1em 2em;
}

/* Sidebar */
aside {
	display: flex;
	flex-direction: column;
	gap: 30px;
	order: 2;
	background: #fff;
	padding: 20px;
	border-radius: 8px;
}

/* Widget Styles */
.widget,
aside .widget {
	background: #f9f9f9;
	padding: 20px;
	border-radius: 4px;
	width: 100%;
	box-sizing: border-box;
}

/* Editor Info Widget - Override default widget padding */
.widget.widget_bwx_editor_info {
	background: transparent;
	padding: 0;
}

/* Guides Widget - Override default widget padding */
.widget.widget_bwx_guides {
	background: transparent;
	padding: 0;
}

/* Editor Info Widget */
.bwx-editor-info {
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	width: 100%;
	box-sizing: border-box;
}

/* Editor Info in Content (not sidebar) */
.bwx-editor-info-content {
	margin: 30px 0 10px 0;
	padding: 30px;
	background: #f9f9f9;
	border-radius: 8px;
	border-left: 4px solid #1e72bd;
}

.bwx-editor-info-content .bwx-editor-info {
	background: #fff;
	box-shadow: none;
}

.bwx-editor-header {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 15px;
}

.bwx-editor-avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.bwx-editor-name-wrapper {
	flex: 1;
}

.bwx-editor-name {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 4px 0;
	color: #333;
	display: flex;
	align-items: center;
	gap: 6px;
}

.bwx-verified-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background: #1e72bd;
	color: #fff;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 700;
}

.bwx-editor-role {
	font-size: 12px;
	font-weight: 600;
	color: #1e72bd;
	margin: 0;
	letter-spacing: 1px;
}

.bwx-editor-bio {
	font-size: 14px;
	line-height: 1.5;
	color: #666;
	margin-bottom: 0;
}

.bwx-editor-bio p {
	margin: 0 0 8px 0;
}

.bwx-editor-bio p:last-child {
	margin-bottom: 0;
}

.widget-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	padding: 8px 0;
	border-bottom: 1px solid #eee;
}

.widget ul li:last-child {
	border-bottom: none;
}

.widget a {
	color: #333;
}

.widget a:hover {
	color: #1e72bd;
}

/* Sticky sidebar */
@media (min-width: 769px) {
	aside {
		position: sticky;
		top: 20px;
		align-self: start;
		max-height: none;
		overflow-y: visible;
	}
}

/* Footer */
footer {
	background: #333;
	color: #fff;
	padding: 40px 20px 20px;
	margin-top: 60px;
}

.site-info {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.site-info a {
	color: #fff;
}

/* Footer Menu */
.bwx-footer-menu {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	justify-content: center;
	width: 100%;
}

.bwx-footer-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.bwx-footer-menu-list li {
	margin: 0;
	padding: 0;
}

.bwx-footer-menu-list a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	transition: color 0.2s ease;
}

.bwx-footer-menu-list a:hover {
	color: #1e72bd;
	text-decoration: none;
}

@media (max-width: 640px) {
	.bwx-footer-menu-list {
		flex-direction: column;
		gap: 10px;
	}
}

/* Footer Widgets */
.footer-widgets {
	max-width: 1200px;
	margin: 0 auto 40px;
	padding: 0 20px;
}

.inside-footer-widgets {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
}

/* Comments */
.comments {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

.comments-title {
	font-size: 24px;
	margin-bottom: 30px;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment {
	margin-bottom: 30px;
	padding: 20px;
	background: #f9f9f9;
	border-radius: 4px;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 10px;
}

.comment-content {
	margin-top: 10px;
}

/* Comment Form */
.comment-form {
	display: grid;
	gap: 20px;
	margin-top: 40px;
}

.comment-form input,
.comment-form textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font: inherit;
	font-size: 14px;
}

.comment-form textarea {
	min-height: 150px;
	resize: vertical;
}

.comment-form [type="submit"] {
	background: #1e72bd;
	color: #fff;
	border: none;
	padding: 12px 30px;
	cursor: pointer;
	border-radius: 4px;
	font-size: 16px;
	justify-self: start;
}

.comment-form [type="submit"]:hover {
	background: #155a94;
}

/* Pagination */
.bwx-pagination {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 40px 0;
	gap: 20px;
}

.bwx-pagination-prev,
.bwx-pagination-next {
	flex: 0 0 auto;
}

.bwx-pagination-prev a,
.bwx-pagination-next a {
	display: inline-block;
	padding: 12px 24px;
	background: #1e72bd;
	color: #fff;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	transition: background 0.2s ease, transform 0.2s ease;
}

.bwx-pagination-prev a:hover,
.bwx-pagination-next a:hover {
	background: #155a94;
	transform: translateY(-2px);
	text-decoration: none;
}

.bwx-pagination-prev {
	margin-right: auto;
}

.bwx-pagination-next {
	margin-left: auto;
}

/* Old pagination styles - keep for compatibility */
.pagination,
.comment-navigation,
.post-navigation {
	display: flex;
	justify-content: space-between;
	margin: 30px 0;
	gap: 20px;
}

.nav-previous,
.nav-next {
	flex: 1;
}

.nav-next {
	text-align: right;
}

.pagination .nav-links {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.page-numbers {
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #333;
}

.page-numbers.current {
	background: #1e72bd;
	color: #fff;
	border-color: #1e72bd;
}

.page-numbers:hover {
	background: #f5f5f5;
	text-decoration: none;
}

/* Read More Button - Removed per user request */

/* Post Thumbnail */
.post-thumbnail {
	margin-bottom: 20px;
}

.post-thumbnail img {
	width: 100%;
	height: auto;
	border-radius: 4px;
}

/* Skip Link */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: #1e72bd;
	color: #fff;
	padding: 10px 20px;
	z-index: 9999;
}

.skip-link:focus {
	left: 0;
}

/* Responsive */
@media (min-width: 769px) {
	/* Force grid layout on desktop and tablet */
	#bwx-page {
		display: grid !important;
		grid-template-columns: 1fr 300px !important;
		gap: 40px !important;
	}
}

@media (max-width: 768px) {
	.bwx-site-header {
		flex-wrap: wrap;
	}
	
	.bwx-menu-toggle {
		display: block;
	}
	
	nav {
		flex-basis: 100%;
		order: 3;
		gap: 10px;
	}
	
	.bwx-search-toggle {
		order: 1;
		margin-left: auto;
	}
	
	.bwx-menu {
		display: none;
		flex-direction: column;
		width: 100%;
		gap: 0;
		order: 2;
	}
	
	.bwx-menu.toggled {
		display: flex;
	}
	
	.bwx-menu li {
		border-bottom: 1px solid #eee;
	}
	
	.bwx-menu a {
		padding: 15px 0;
	}
	
	.bwx-sub-menu {
		position: static;
		box-shadow: none;
		border: none;
		background: #f9f9f9;
		padding-left: 20px;
	}
	
	.bwx-search-modal-content {
		padding: 30px 20px;
	}
	
	.bwx-search-input {
		font-size: 16px;
		padding: 12px 15px;
	}
	
	.bwx-search-submit {
		padding: 12px 15px;
	}
	
	/* Single column on mobile */
	#bwx-page,
	.right-sidebar #bwx-page,
	.left-sidebar #bwx-page,
	.both-sidebars #bwx-page {
		grid-template-columns: 1fr !important;
	}
	
	.inside-footer-widgets {
		grid-template-columns: 1fr;
	}
	
	/* Article vertical layout on mobile - ONLY FOR BLOG LISTING */
	body.blog article,
	body.archive article,
	body.search article {
		flex-direction: column;
	}
	
	body.blog .post-thumbnail-link,
	body.archive .post-thumbnail-link,
	body.search .post-thumbnail-link {
		flex: 0 0 auto;
		width: 100%;
	}
}

@media (max-width: 480px) {
	.site-header {
		padding: 15px;
	}
	
	main {
		padding: 20px 0;
		gap: 30px;
	}
	
	.entry-title {
		font-size: 24px;
	}
}

/* Popular Posts Section - Updated: Vertical Layout */
.bwx-popular-posts {
	margin: 60px 0 40px;
	padding: 40px 0 0 0;
	position: relative;
}

.bwx-popular-posts::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 4px;
	background: linear-gradient(90deg, #1e72bd 0%, #f39c12 100%);
	border-radius: 2px;
}

.bwx-popular-posts:first-of-type {
	margin-top: 80px;
}

.bwx-popular-posts:first-of-type::before {
	display: none;
}

.bwx-popular-title {
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 40px 0;
	color: #333;
	position: relative;
	padding-top: 20px;
}

.bwx-popular-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.bwx-no-posts {
	text-align: center;
	padding: 40px 20px;
	background: #f9f9f9;
	border-radius: 8px;
	margin: 0 auto;
	max-width: 600px;
}

.bwx-no-posts p {
	font-size: 16px;
	color: #999;
	margin: 0;
	font-style: italic;
}

.bwx-popular-item {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex !important;
	flex-direction: column !important;
	border: none;
	padding: 0;
	margin: 0;
}

.bwx-popular-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

.bwx-popular-image {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100% !important;
	height: 180px;
	flex-shrink: 0;
}

.bwx-popular-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.bwx-popular-item:hover .bwx-popular-thumb {
	transform: scale(1.05);
}

.bwx-popular-content {
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
}

.bwx-badge-category {
	font-size: 10px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 4px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	background: #f39c12;
	color: #fff;
	display: inline-block;
	width: fit-content;
}

.bwx-popular-post-title {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bwx-popular-post-title a {
	color: #333;
	text-decoration: none;
	transition: color 0.2s ease;
	display: block;
}

.bwx-popular-post-title a:hover {
	color: #1e72bd;
}

/* Responsive - Popular Posts */
@media (max-width: 968px) {
	.bwx-popular-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	
	.bwx-popular-item:last-child {
		grid-column: 1 / -1;
		max-width: 50%;
		margin: 0 auto;
	}
	
	.bwx-popular-image {
		height: 160px;
	}
}

@media (max-width: 640px) {
	.bwx-popular-grid {
		grid-template-columns: 1fr;
	}
	
	.bwx-popular-item:last-child {
		grid-column: auto;
		max-width: 100%;
	}
	
	.bwx-popular-title {
		font-size: 26px;
		margin-bottom: 30px;
	}
	
	.bwx-popular-posts {
		margin: 40px 0 30px;
		padding: 30px 0;
	}
	
	.bwx-popular-image {
		height: 150px;
	}
}

/* Related Posts Section - Same style as Popular Posts */
.bwx-related-posts {
	margin: 10px 0 20px;
	padding: 20px 0;
	border-top: 2px solid #eee;
}

.bwx-related-title {
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 40px 0;
	color: #333;
}

.bwx-related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.bwx-related-item {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex !important;
	flex-direction: column !important;
	border: none;
	padding: 0;
	margin: 0;
}

.bwx-related-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

.bwx-related-image {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100% !important;
	height: 180px;
	flex-shrink: 0;
}

.bwx-related-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.bwx-related-item:hover .bwx-related-thumb {
	transform: scale(1.05);
}

.bwx-related-content {
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
}

.bwx-related-post-title {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bwx-related-post-title a {
	color: #333;
	text-decoration: none;
	transition: color 0.2s ease;
	display: block;
}

.bwx-related-post-title a:hover {
	color: #1e72bd;
}

/* Responsive - Related Posts */
@media (max-width: 968px) {
	.bwx-related-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	
	.bwx-related-item:last-child {
		grid-column: 1 / -1;
		max-width: 50%;
		margin: 0 auto;
	}
	
	.bwx-related-image {
		height: 160px;
	}
}

@media (max-width: 640px) {
	.bwx-related-grid {
		grid-template-columns: 1fr;
	}
	
	.bwx-related-item:last-child {
		grid-column: auto;
		max-width: 100%;
	}
	
	.bwx-related-title {
		font-size: 26px;
		margin-bottom: 30px;
	}
	
	.bwx-related-posts {
		margin: 40px 0 30px;
		padding: 30px 0;
	}
	
	.bwx-related-image {
		height: 150px;
	}
}

/* Responsive - Popular Posts */
@media (max-width: 968px) {
	.bwx-popular-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	
	.bwx-popular-item:last-child {
		grid-column: 1 / -1;
		max-width: 50%;
		margin: 0 auto;
	}
	
	.bwx-popular-image {
		height: 200px;
	}
}

@media (max-width: 640px) {
	.bwx-popular-grid {
		grid-template-columns: 1fr;
	}
	
	.bwx-popular-item:last-child {
		grid-column: auto;
		max-width: 100%;
	}
	
	.bwx-popular-title {
		font-size: 26px;
		margin-bottom: 30px;
	}
	
	.bwx-popular-posts {
		margin: 40px 0 30px;
		padding: 30px 0;
	}
	
	.bwx-popular-image {
		height: 180px;
	}
}

/* Guides Widget */
.bwx-guides-widget {
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.bwx-guides-title {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 15px 0;
	color: #333;
	padding-bottom: 10px;
	border-bottom: 2px solid #1e72bd;
}

.bwx-guides-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bwx-guide-item {
	margin: 0 0 12px 0;
	padding: 0;
}

.bwx-guide-item:last-child {
	margin-bottom: 0;
}

.bwx-guide-item a {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px;
	border-radius: 6px;
	transition: all 0.2s ease;
	text-decoration: none;
	color: #333;
	background: #f9f9f9;
}

.bwx-guide-item a:hover {
	background: #1e72bd;
	color: #fff;
	transform: translateX(5px);
	text-decoration: none;
}

.bwx-guide-icon {
	font-size: 18px;
	flex-shrink: 0;
	line-height: 1.4;
}

.bwx-guide-text {
	flex: 1;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 500;
}

/* Widget Styles */
.widget,
aside .widget {
	background: #f9f9f9;
	padding: 20px;
	border-radius: 4px;
	width: 100%;
	box-sizing: border-box;
}

/* Override for specific widgets */
.widget.widget_bwx_editor_info,
.widget.widget_bwx_guides {
	background: transparent;
	padding: 0;
}

/* Quick Tips Widget */
.bwx-quick-tips-widget {
	background: #fff;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	border-left: 4px solid #f39c12;
}

.bwx-tips-title {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 12px 0;
	color: #333;
	display: flex;
	align-items: center;
	gap: 6px;
}

.bwx-tips-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bwx-tip-item {
	margin: 0 0 8px 0;
	padding: 8px;
	background: #fffbf0;
	border-radius: 4px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	transition: all 0.2s ease;
}

.bwx-tip-item:last-child {
	margin-bottom: 0;
}

.bwx-tip-item:hover {
	background: #fff3cd;
	transform: translateX(2px);
}

.bwx-tip-icon {
	font-size: 14px;
	color: #f39c12;
	font-weight: 700;
	flex-shrink: 0;
	line-height: 1.3;
}

.bwx-tip-text {
	flex: 1;
	font-size: 12px;
	line-height: 1.4;
	color: #555;
}

.widget.widget_bwx_quick_tips {
	background: transparent;
	padding: 0;
}

/* Table of Contents Widget */
.bwx-toc-widget {
	background: #fff;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	border-left: 4px solid #1e72bd;
}

.bwx-toc-title {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 12px 0;
	color: #333;
	display: flex;
	align-items: center;
	gap: 6px;
}

.bwx-toc-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bwx-toc-item {
	margin: 0 0 6px 0;
	padding: 0;
}

.bwx-toc-item:last-child {
	margin-bottom: 0;
}

.bwx-toc-link {
	display: block;
	padding: 6px 10px;
	color: #333;
	text-decoration: none;
	border-radius: 4px;
	transition: all 0.2s ease;
	font-size: 13px;
	line-height: 1.3;
	background: #f9f9f9;
}

.bwx-toc-link:hover {
	background: #1e72bd;
	color: #fff;
	transform: translateX(3px);
	text-decoration: none;
}

.widget.widget_bwx_toc {
	background: transparent;
	padding: 0;
}

/* Heading scroll target offset */
h2[id] {
	scroll-margin-top: 20px;
}

/* Category Popular Posts Widget */
.bwx-category-popular-widget {
	background: #fff;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	border-left: 4px solid #e74c3c;
}

.bwx-category-popular-title {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 12px 0;
	color: #333;
	display: flex;
	align-items: center;
	gap: 6px;
}

.bwx-category-popular-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.bwx-category-popular-item {
	display: flex;
	gap: 10px;
	padding: 0;
	background: transparent;
	border-radius: 0;
	transition: all 0.2s ease;
	margin-bottom: 10px;
}

.bwx-category-popular-item:last-child {
	margin-bottom: 0;
}

.bwx-category-popular-item:hover {
	background: transparent;
	transform: translateX(2px);
}

.bwx-category-popular-image {
	flex-shrink: 0;
	width: 70px;
	height: 70px;
	border-radius: 4px;
	overflow: hidden;
	display: block;
}

.bwx-category-popular-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.bwx-category-popular-item:hover .bwx-category-popular-thumb {
	transform: scale(1.1);
}

.bwx-category-popular-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.bwx-category-popular-post-title {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bwx-category-popular-post-title a {
	color: #333;
	text-decoration: none;
	transition: color 0.2s ease;
}

.bwx-category-popular-post-title a:hover {
	color: #e74c3c;
}

.widget.widget_bwx_category_popular {
	background: transparent;
	padding: 0;
}

/* Print */
@media print {
	header,
	nav,
	aside,
	.comments,
	footer {
		display: none;
	}
	
	#bwx-page {
		grid-template-columns: 1fr;
	}
}