/*
Theme Name: Neaprooptiki Modern
Theme URI: https://neaprooptiki.gr
Author: Custom
Author URI: https://neaprooptiki.gr
Description: Modern, lightweight, fast theme built for performance. WordPress as CMS, minimal plugins, instant response times.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: neaprooptiki-modern
Tags: blog, news, modern, fast, lightweight, performance, minimal

This theme is built for speed and modern design.
*/

/* ============================================
   Modern, Fast, Lightweight Theme Styles
   ============================================ */

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

:root {
	--primary-color: #2563eb;
	--secondary-color: #1e40af;
	--text-color: #1f2937;
	--text-light: #6b7280;
	--bg-color: #ffffff;
	--bg-light: #f9fafb;
	--border-color: #e5e7eb;
	--max-width: 1200px;
	--spacing: 1.5rem;
	--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-heading: var(--font-base);
	--transition: none; /* No transitions for header - instant switch */
}

html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: var(--font-base);
	color: var(--text-color);
	line-height: 1.6;
	background-color: var(--bg-color);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-heading);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1rem;
	color: var(--text-color);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p {
	margin-bottom: 1rem;
}

a {
	color: var(--primary-color);
	text-decoration: none;
	transition: var(--transition);
}

/* Override link color for wpp-post-title on category/search pages - must come after general a rule */
body.category .wpp-post-title,
body.category .wpp-post-title a,
body.category .wpp-post-title a:link,
body.category .wpp-post-title a:visited,
body.category .wpp-post-title a:active,
body.category .wpp-list .wpp-post-title,
body.category .wpp-list .wpp-post-title a,
body.category .wpp-list .wpp-post-title a:link,
body.category .wpp-list .wpp-post-title a:visited,
body.category .wpp-list .wpp-post-title a:active,
body.category .widget .wpp-post-title,
body.category .widget .wpp-post-title a,
body.category .widget .wpp-post-title a:link,
body.category .widget .wpp-post-title a:visited,
body.category .widget .wpp-post-title a:active,
body.category a.wpp-post-title,
body.category a.wpp-post-title:link,
body.category a.wpp-post-title:visited,
body.category a.wpp-post-title:active,
body.category li .wpp-post-title,
body.category li .wpp-post-title a,
body.category li a.wpp-post-title,
body.search .wpp-post-title,
body.search .wpp-post-title a,
body.search .wpp-post-title a:link,
body.search .wpp-post-title a:visited,
body.search .wpp-post-title a:active,
body.search .wpp-list .wpp-post-title,
body.search .wpp-list .wpp-post-title a,
body.search .wpp-list .wpp-post-title a:link,
body.search .wpp-list .wpp-post-title a:visited,
body.search .wpp-list .wpp-post-title a:active,
body.search .widget .wpp-post-title,
body.search .widget .wpp-post-title a,
body.search .widget .wpp-post-title a:link,
body.search .widget .wpp-post-title a:visited,
body.search .widget .wpp-post-title a:active,
body.search a.wpp-post-title,
body.search a.wpp-post-title:link,
body.search a.wpp-post-title:visited,
body.search a.wpp-post-title:active,
.archive .wpp-post-title,
.archive .wpp-post-title a,
.archive .wpp-post-title a:link,
.archive .wpp-post-title a:visited,
.archive .wpp-post-title a:active,
.archive .wpp-list .wpp-post-title,
.archive .wpp-list .wpp-post-title a,
.archive .wpp-list .wpp-post-title a:link,
.archive .wpp-list .wpp-post-title a:visited,
.archive .wpp-list .wpp-post-title a:active,
.archive .widget .wpp-post-title,
.archive .widget .wpp-post-title a,
.archive .widget .wpp-post-title a:link,
.archive .widget .wpp-post-title a:visited,
.archive .widget .wpp-post-title a:active,
.archive a.wpp-post-title,
.archive a.wpp-post-title:link,
.archive a.wpp-post-title:visited,
.archive a.wpp-post-title:active {
	color: #1f2937 !important;
	color: var(--text-color) !important;
}

/* ULTRA SPECIFIC: Direct link with wpp-post-title class on category pages */
body.category a.wpp-post-title,
body.category a.wpp-post-title:link,
body.category a.wpp-post-title:visited,
body.category a.wpp-post-title:active,
body.category a.wpp-post-title:focus,
body.category .wpp-list a.wpp-post-title,
body.category .wpp-list a.wpp-post-title:link,
body.category .wpp-list a.wpp-post-title:visited,
body.category .wpp-list a.wpp-post-title:active,
body.category .wpp-list a.wpp-post-title:focus,
body.category li a.wpp-post-title,
body.category li a.wpp-post-title:link,
body.category li a.wpp-post-title:visited,
body.category li a.wpp-post-title:active,
body.category li a.wpp-post-title:focus,
body.category .widget a.wpp-post-title,
body.category .widget a.wpp-post-title:link,
body.category .widget a.wpp-post-title:visited,
body.category .widget a.wpp-post-title:active,
body.category .widget a.wpp-post-title:focus,
body.category #secondary a.wpp-post-title,
body.category #secondary a.wpp-post-title:link,
body.category #secondary a.wpp-post-title:visited,
body.category #secondary a.wpp-post-title:active,
body.category #secondary a.wpp-post-title:focus {
	color: #1f2937 !important;
	color: var(--text-color) !important;
}

a:hover {
	color: var(--secondary-color);
	text-decoration: underline;
}

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

/* Layout */
.container {
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
	overflow: visible !important; /* Allow dropdowns to extend beyond container */
	position: relative;
}

/* Container inside content-wrapper */
.content-wrapper .container {
	padding: 0;
}

.site {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

/* Main content and sidebar layout - flexible two-column layout */
.content-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 3rem;
	max-width: 1600px; /* Wider when sidebar is present */
	margin: 0 auto;
	padding: 0 var(--spacing);
	width: 100%;
	box-sizing: border-box;
}

#main {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0; /* Allow flexbox to shrink */
	padding: var(--spacing) 0;
	width: 100%;
	box-sizing: border-box;
}

/* Sidebar */
#secondary {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 320px;
	-ms-flex: 0 0 320px;
	flex: 0 0 320px;
	max-width: 320px;
	width: 320px;
	position: sticky;
	top: 100px; /* Below header */
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	overflow-x: hidden; /* Prevent horizontal overflow */
	padding: var(--spacing) 0;
	box-sizing: border-box;
}

/* Fix sidebar overflow on single posts */
.single #secondary {
	max-height: calc(100vh - 140px);
	overflow-y: auto;
	overflow-x: hidden;
}

.single #secondary .widget {
	overflow: visible;
	max-width: 100%;
	word-wrap: break-word;
}

.widget-area {
	padding: 0;
}

/* When sidebar is empty or inactive, expand main content */
.content-wrapper.no-sidebar #main,
.content-wrapper:has(#secondary:empty) #main,
.content-wrapper:not(:has(#secondary)) #main {
	flex: 1 1 100%;
	max-width: 100%;
}

.content-wrapper.no-sidebar .container,
.content-wrapper:has(#secondary:empty) .container,
.content-wrapper:not(:has(#secondary)) .container {
	max-width: 1400px; /* Wider when no sidebar */
}

/* On smaller screens, stack sidebar below */
@media (max-width: 1024px) {
	.content-wrapper {
		flex-direction: column;
		gap: 2rem;
		max-width: 100%;
	}
	
	#secondary {
		flex: 1 1 auto;
		max-width: 100%;
		position: static;
		max-height: none;
		overflow-y: visible;
		width: 100%;
	}
	
	.content-wrapper .container {
		max-width: 100%;
	}
	
	/* Mobile menu toggle - always visible on mobile */
	.menu-toggle {
		display: flex !important;
		pointer-events: auto !important;
		cursor: pointer !important;
		z-index: 10001 !important;
		position: relative !important;
		margin-left: auto;
		order: 2;
	}
	
	/* Main navigation on mobile */
	.main-navigation {
		position: relative;
		order: 2;
		margin: 0;
		flex: 0 0 auto;
	}
	
	/* Menu hidden by default on mobile */
	#main-menu,
	#primary-menu {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		position: absolute;
		top: calc(100% + 0.5rem);
		left: 0;
		right: 0;
		width: 100%;
		background: var(--bg-color);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
		flex-direction: column;
		padding: 1rem 0;
		margin: 0;
		gap: 0;
		max-height: calc(100vh - 120px);
		overflow-y: auto;
		z-index: 10000;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		border-radius: 8px;
	}
	
	/* Show menu when active */
	#main-menu.active,
	#primary-menu.active {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	/* Menu items on mobile */
	#main-menu li,
	#primary-menu li {
		display: block !important;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#main-menu.active li,
	#primary-menu.active li {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0.5rem 1rem !important;
	}
	
	#main-menu.active .menu-item-hidden,
	#primary-menu.active .menu-item-hidden,
	#main-menu.active .menu-item-visible,
	#primary-menu.active .menu-item-visible {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
	}
	
	/* Override any scroll-based hiding when menu is active */
	#main-menu.active li.menu-item-hidden,
	#primary-menu.active li.menu-item-hidden {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	/* Menu links on mobile */
	#main-menu a,
	#primary-menu a {
		display: block;
		padding: 0.875rem 1.5rem;
		width: 100%;
		text-align: left;
		border-bottom: 1px solid var(--border-color);
	}
	
	#main-menu li:last-child a,
	#primary-menu li:last-child a {
		border-bottom: none;
	}
}

/* Header - ABSOLUTELY NO HEIGHT CHANGES - prevents all scroll jumps */
.site-header {
	background: rgba(255, 255, 255, 0.95);
	border-bottom: 1px solid var(--border-color);
	padding: 1.25rem 0; /* FIXED - never changes */
	position: sticky;
	top: 0;
	z-index: 10000 !important;
	backdrop-filter: blur(10px);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	overflow: visible !important;
	/* CRITICAL: Padding NEVER changes - prevents layout shifts */
}

/* Compact header when scrolled - ONLY visual properties, NO layout changes */
/* DISABLED on mobile - navbar stays the same on mobile devices */
@media (min-width: 769px) {
	.site-header.scrolled {
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
		background: rgba(255, 255, 255, 0.98) !important;
		/* NO padding changes - header height stays exactly the same */
	}
}

/* Expanded header state - when burger menu is clicked */
.site-header.expanded {
	/* Keep same padding as normal state - no height changes */
	background: rgba(255, 255, 255, 0.99) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
	transition: none !important; /* Instant - no transitions */
}

.site-header.expanded .header-content {
	flex-wrap: wrap !important;
	gap: 1rem !important;
	align-items: flex-start !important;
	transition: none !important; /* No transitions - instant switch */
}

.site-header.expanded .main-navigation {
	flex: 1 1 100% !important;
	order: 3 !important;
	margin: 0.5rem 0 0 0 !important;
	width: 100% !important;
	transition: none !important; /* Instant switch */
}

.site-header.expanded #main-menu,
.site-header.expanded #primary-menu {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.5rem !important;
	width: 100% !important;
	margin: 0 !important;
	overflow: visible !important;
	transition: none !important; /* Instant switch */
}

.site-header.expanded #main-menu li,
.site-header.expanded #primary-menu li {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	flex-shrink: 0 !important;
	transition: none !important; /* Instant switch */
}

.site-header.expanded #main-menu .menu-item-hidden,
.site-header.expanded #primary-menu .menu-item-hidden {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	transition: none !important; /* Instant switch */
}

.site-header.expanded #main-menu a,
.site-header.expanded #primary-menu a {
	padding: 0.5rem 0.75rem !important;
	font-size: 0.875rem !important;
	white-space: nowrap !important;
	transition: none !important; /* Instant switch */
}

.site-header.expanded .menu-toggle {
	display: flex !important;
	order: 1 !important;
	margin-left: auto !important;
	background: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.site-header.expanded .menu-toggle .menu-toggle-icon span:nth-child(1) {
	transform: rotate(45deg) translate(6px, 6px) !important;
}

.site-header.expanded .menu-toggle .menu-toggle-icon span:nth-child(2) {
	opacity: 0 !important;
}

.site-header.expanded .menu-toggle .menu-toggle-icon span:nth-child(3) {
	transform: rotate(-45deg) translate(6px, -6px) !important;
}

.site-header.expanded .menu-toggle:hover {
	background: var(--primary-color) !important;
}

.site-header.expanded .menu-toggle:hover .menu-toggle-icon span {
	background: white !important;
}

/* Desktop only - mobile navbar stays the same */
@media (min-width: 769px) {
	.site-header.scrolled .header-content {
		flex-wrap: nowrap !important;
		gap: 1rem !important;
		transition: none !important; /* No transitions - instant switch */
	}
}

.header-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.5rem;
	flex-wrap: nowrap;
	overflow: visible !important; /* Allow dropdowns to extend beyond header */
	position: relative;
	transition: none !important; /* No transitions - instant switch */
}

.site-header .container {
	padding: 0 var(--spacing);
	overflow: visible !important; /* Allow dropdowns to extend beyond container */
	position: relative;
}

.site-branding {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	transition: none !important; /* Instant switch - no transitions */
}

.site-logo {
	display: flex;
	align-items: center;
	line-height: 1;
	transition: none !important; /* No transitions - instant switch */
}

.site-logo:hover {
	transform: none; /* No transform on hover to prevent layout shifts */
}

.site-logo .custom-logo-link {
	display: block;
	line-height: 1;
	transition: none !important; /* No transitions - instant switch */
}

.site-logo .custom-logo-link:hover {
	opacity: 0.85;
}

.site-logo img.custom-logo {
	max-height: 70px;
	width: auto;
	height: auto;
	display: block;
	transition: none; /* Instant - no transition */
	object-fit: contain;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

/* Desktop only - mobile navbar stays the same */
@media (min-width: 769px) {
	/* Much smaller logo when scrolled */
	.site-header.scrolled .site-logo img.custom-logo {
		max-height: 35px !important;
		filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) !important;
		transition: none !important; /* Instant - no transition */
	}
}

.site-title-wrapper {
	display: flex;
	flex-direction: column;
}

.site-title {
	font-size: 1.5rem;
	margin: 0;
	line-height: 1.2;
}

.site-title a {
	color: var(--text-color);
	text-decoration: none;
}

.site-title a:hover {
	text-decoration: none;
	color: var(--primary-color);
}

.site-description {
	font-size: 0.875rem;
	color: var(--text-light);
	margin: 0;
	margin-top: 0.25rem;
}

/* If logo exists, hide site title on mobile or make it smaller */
@media (max-width: 768px) {
	.site-branding {
		gap: 0.75rem;
	}
	
	.site-logo img.custom-logo {
		max-height: 50px;
	}
	
	.site-title {
		font-size: 1.25rem;
	}
}

/* Navigation */
.main-navigation {
	position: relative;
	flex: 1;
	display: flex;
	justify-content: center;
	margin: 0 1.5rem;
	transition: none; /* Instant - no transition */
	order: 2;
	z-index: 10000; /* Ensure navigation is above content and creates stacking context */
	overflow: visible !important; /* Allow submenus to extend beyond */
}

/* Desktop only: Compact navigation when scrolled - show only visible items */
/* Mobile: Navbar stays the same, no collapsing */
@media (min-width: 769px) {
	/* Compact navigation when scrolled - show only visible items */
	.site-header.scrolled .main-navigation {
		flex: 1 1 0% !important; /* Firefox prefers 0% */
		margin: 0 1rem;
		justify-content: center;
		min-width: 0 !important; /* Firefox fix */
		overflow: visible !important; /* Allow menu items to be visible */
		max-width: calc(100% - 180px) !important; /* Reserve space for burger (reduced from 200px) */
		position: relative;
		width: auto;
		z-index: 10001;
		transition: none !important; /* No transitions - instant to prevent glitches */
		/* Removed contain - causes Chrome-specific layout issues */
	}

	/* Menu container when scrolled - CSS handles visibility */
	.site-header.scrolled #main-menu,
	.site-header.scrolled #primary-menu {
		display: flex;
		gap: 0.5rem;
		margin: 0;
		flex-wrap: nowrap; /* Don't wrap - hide overflow items */
		overflow: visible !important; /* Allow menu items to be fully visible */
		min-width: 0 !important; /* Firefox fix */
		flex: 1 1 auto;
		max-width: 100% !important;
		width: auto;
		position: relative; /* Create positioning context for absolute children */
		padding: 0 0.75rem !important; /* Increased padding to prevent first/last item clipping */
		/* NO transform - can cause Chrome layout issues */
	}

	/* Hide menu items when scrolled - use position:absolute to remove from layout flow */
	/* This prevents layout shifts that cause scroll jumps */
	.site-header.scrolled:not(.expanded) #main-menu > li:nth-child(n+6),
	.site-header.scrolled:not(.expanded) #primary-menu > li:nth-child(n+6) {
		position: absolute !important;
		left: -9999px !important;
		width: 0 !important;
		height: 0 !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		overflow: hidden !important;
		/* Use absolute positioning instead of display:none to prevent layout recalculations */
	}

	/* Also hide items with menu-item-hidden class - use absolute positioning */
	.site-header.scrolled:not(.expanded) #main-menu .menu-item-hidden,
	.site-header.scrolled:not(.expanded) #primary-menu .menu-item-hidden,
	.site-header.scrolled:not(.expanded) #main-menu > li.menu-item-hidden,
	.site-header.scrolled:not(.expanded) #primary-menu > li.menu-item-hidden {
		position: absolute !important;
		left: -9999px !important;
		width: 0 !important;
		height: 0 !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		overflow: hidden !important;
	}

	/* Show all items when header is expanded */
	.site-header.scrolled.expanded #main-menu .menu-item-hidden,
	.site-header.scrolled.expanded #primary-menu .menu-item-hidden,
	.site-header.scrolled.expanded #main-menu > li.menu-item-hidden,
	.site-header.scrolled.expanded #primary-menu > li.menu-item-hidden {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		width: auto !important;
	}

	/* When expanded, allow menu to show all items */
	.site-header.scrolled.expanded #main-menu,
	.site-header.scrolled.expanded #primary-menu {
		flex-wrap: wrap;
		overflow: visible;
	}

	.site-header.scrolled.expanded .main-navigation {
		max-width: none;
	}
}

/* Mobile: Navbar stays the same - no collapsing, no scrolled state effects */
@media (max-width: 768px) {
	/* CRITICAL: Override ALL desktop submenu rules for mobile - must come first */
	/* Override default hidden state */
	#main-menu .sub-menu,
	#primary-menu .sub-menu,
	#main-menu li .sub-menu,
	#primary-menu li .sub-menu,
	#main-menu li.menu-item-has-children .sub-menu,
	#primary-menu li.menu-item-has-children .sub-menu {
		position: static !important;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		width: 100% !important;
		height: auto !important;
		min-width: auto !important;
		max-width: 100% !important;
		opacity: 1 !important;
		visibility: visible !important;
		display: block !important;
		background: transparent !important;
		box-shadow: none !important;
		border-top: none !important;
		margin: 0 !important;
		margin-top: 0 !important;
		padding: 0 !important;
		padding-left: 1.5rem !important;
		transform: none !important;
		pointer-events: auto !important;
		clip: auto !important;
		overflow: visible !important;
		z-index: auto !important;
		transition: none !important;
		list-style: none !important;
	}
	
	/* Override hover states for mobile - submenus always visible */
	#main-menu li:hover > .sub-menu,
	#primary-menu li:hover > .sub-menu,
	#main-menu li .sub-menu:hover,
	#primary-menu li .sub-menu:hover {
		position: static !important;
		opacity: 1 !important;
		visibility: visible !important;
		display: block !important;
		transform: none !important;
		pointer-events: auto !important;
	}
	
	/* Remove the hover bridge pseudo-element on mobile */
	#main-menu li.menu-item-has-children::after,
	#primary-menu li.menu-item-has-children::after {
		display: none !important;
		content: none !important;
	}
	
	/* Submenu items */
	#main-menu .sub-menu li,
	#primary-menu .sub-menu li,
	#main-menu li .sub-menu li,
	#primary-menu li .sub-menu li {
		position: static !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	
	/* Submenu links */
	#main-menu .sub-menu a,
	#primary-menu .sub-menu a,
	#main-menu li .sub-menu a,
	#primary-menu li .sub-menu a {
		padding: 0.75rem 1.5rem !important;
		padding-left: 2.5rem !important;
		display: block !important;
		width: 100% !important;
		text-align: left !important;
		border-bottom: 1px solid var(--border-color) !important;
		margin: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
	
	/* Remove last border from submenu */
	#main-menu .sub-menu li:last-child a,
	#primary-menu .sub-menu li:last-child a {
		border-bottom: none !important;
	}
	
	/* Override any scrolled state on mobile - navbar always stays normal */
	.site-header.scrolled {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
		background: rgba(255, 255, 255, 0.95) !important;
		/* Reset to normal state on mobile - no visual changes */
	}
	
	/* Mobile menu container - ensure proper display */
	.site-header.scrolled #main-menu,
	.site-header.scrolled #primary-menu {
		position: static !important;
		overflow: visible !important;
		flex-wrap: wrap !important;
		max-width: 100% !important;
		display: none !important; /* Hidden by default, shown when .active */
	}
	
	/* Mobile menu when active - override ALL scrolled state rules */
	.site-header.scrolled #main-menu.active,
	.site-header.scrolled #primary-menu.active {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: fixed !important;
		top: auto !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		background: var(--bg-color) !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
		flex-direction: column !important;
		padding: 1rem 0 !important;
		margin: 0 !important;
		gap: 0 !important;
		z-index: 99999 !important;
	}
	
	/* COMPLETE OVERRIDE: When mobile menu is active, ignore ALL scrolled state rules */
	.site-header.scrolled #main-menu.active,
	.site-header.scrolled #primary-menu.active {
		/* Reset all positioning and sizing */
		position: fixed !important;
		top: auto !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
		padding: 1rem 0 !important;
		margin: 0 !important;
		background: var(--bg-color) !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
		overflow-y: auto !important;
		overflow-x: visible !important;
		z-index: 99999 !important;
	}
	
	/* ALL menu items - reset everything from scrolled state */
	.site-header.scrolled #main-menu.active li,
	.site-header.scrolled #primary-menu.active li,
	.site-header.scrolled #main-menu.active > li,
	.site-header.scrolled #primary-menu.active > li {
		position: static !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}
	
	/* Menu links - proper styling */
	.site-header.scrolled #main-menu.active a,
	.site-header.scrolled #primary-menu.active a {
		display: block !important;
		padding: 0.875rem 1.5rem !important;
		width: 100% !important;
		text-align: left !important;
		border-bottom: 1px solid var(--border-color) !important;
		margin: 0 !important;
	}
	
	/* Submenus in active mobile menu - ensure they're visible and properly styled */
	/* Override ALL desktop submenu rules for mobile */
	#main-menu.active .sub-menu,
	#primary-menu.active .sub-menu,
	.site-header.scrolled #main-menu.active .sub-menu,
	.site-header.scrolled #primary-menu.active .sub-menu,
	.menu-toggle[aria-expanded="true"] + #main-menu .sub-menu,
	.menu-toggle[aria-expanded="true"] + #primary-menu .sub-menu {
		position: static !important;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		width: 100% !important;
		height: auto !important;
		min-width: auto !important;
		max-width: 100% !important;
		opacity: 1 !important;
		visibility: visible !important;
		display: block !important;
		background: transparent !important;
		box-shadow: none !important;
		border-top: none !important;
		margin: 0 !important;
		padding: 0 !important;
		padding-left: 1.5rem !important;
		transform: none !important;
		pointer-events: auto !important;
		clip: auto !important;
		overflow: visible !important;
		z-index: auto !important;
	}
	
	/* Submenu items - ensure they're visible */
	#main-menu.active .sub-menu li,
	#primary-menu.active .sub-menu li,
	.site-header.scrolled #main-menu.active .sub-menu li,
	.site-header.scrolled #primary-menu.active .sub-menu li,
	.menu-toggle[aria-expanded="true"] + #main-menu .sub-menu li,
	.menu-toggle[aria-expanded="true"] + #primary-menu .sub-menu li {
		position: static !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: auto !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}
	
	/* Submenu links - proper styling */
	#main-menu.active .sub-menu a,
	#primary-menu.active .sub-menu a,
	.site-header.scrolled #main-menu.active .sub-menu a,
	.site-header.scrolled #primary-menu.active .sub-menu a,
	.menu-toggle[aria-expanded="true"] + #main-menu .sub-menu a,
	.menu-toggle[aria-expanded="true"] + #primary-menu .sub-menu a {
		padding: 0.75rem 1.5rem !important;
		padding-left: 2.5rem !important;
		display: block !important;
		width: 100% !important;
		text-align: left !important;
		border-bottom: 1px solid var(--border-color) !important;
		margin: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	
	/* Remove last border from submenu */
	#main-menu.active .sub-menu li:last-child a,
	#primary-menu.active .sub-menu li:last-child a,
	.site-header.scrolled #main-menu.active .sub-menu li:last-child a,
	.site-header.scrolled #primary-menu.active .sub-menu li:last-child a {
		border-bottom: none !important;
	}
	
	/* Override ALL scrolled hiding when mobile menu is active */
	.site-header.scrolled #main-menu.active .menu-item-hidden,
	.site-header.scrolled #primary-menu.active .menu-item-hidden,
	.site-header.scrolled #main-menu.active > li.menu-item-hidden,
	.site-header.scrolled #primary-menu.active > li.menu-item-hidden {
		position: static !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}


/* Ensure menu-item-visible items stay visible (normal styling preserved) */
.site-header.scrolled #main-menu .menu-item-visible,
.site-header.scrolled #primary-menu .menu-item-visible {
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

/* Smaller menu items when scrolled */
.site-header.scrolled #main-menu a,
.site-header.scrolled #primary-menu a {
	padding: 0.5rem 0.75rem;
	font-size: 0.875rem;
	white-space: nowrap;
	display: block;
	overflow: visible; /* Allow dropdowns */
	text-overflow: ellipsis;
	max-width: 100%;
	position: relative;
	transition: none !important; /* Instant switch - no transitions */
}

.menu-toggle {
	display: none;
	background: var(--bg-light);
	border: 2px solid var(--border-color);
	border-radius: 6px;
	cursor: pointer;
	padding: 0.75rem;
	flex-direction: column;
	gap: 5px;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	transition: none !important; /* No transitions - instant switch */
	position: relative;
	z-index: 10001 !important; /* Ensure it's above other elements */
	pointer-events: auto !important; /* Ensure it's clickable */
	-webkit-tap-highlight-color: transparent;
}

.menu-toggle:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.menu-toggle:hover .menu-toggle-icon span {
	background: white;
}

.menu-toggle:hover {
	background: var(--bg-light);
	border-radius: 4px;
}

.menu-toggle-text {
	display: none;
}

/* Show burger menu when scrolled (only if there are hidden items) - Desktop only */
@media (min-width: 769px) {
	.site-header.scrolled .desktop-menu-toggle {
		display: flex !important; /* Show when scrolled - JS controls visibility */
		margin-left: 1.5rem !important;
		order: 999 !important;
		flex: 0 0 44px !important; /* Firefox fix */
		flex-shrink: 0;
		position: relative !important;
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
		z-index: 10001 !important; /* Ensure it's above other elements */
		pointer-events: auto !important; /* Ensure it's clickable */
		cursor: pointer !important;
		overflow: visible !important;
		background: var(--bg-light) !important;
		border: 2px solid var(--border-color) !important;
	}
	
	/* Hide desktop menu toggle by default on desktop */
	.desktop-menu-toggle {
		display: none !important;
	}
	
	/* Show when scrolled - use class-based approach to avoid inline styles */
	.desktop-menu-toggle.show-on-scroll {
		display: flex !important;
		margin-left: 1.5rem !important;
		order: 999 !important;
		flex: 0 0 44px !important; /* Firefox fix */
		flex-shrink: 0;
		position: relative !important;
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
		z-index: 10001 !important;
		pointer-events: auto !important;
		cursor: pointer !important;
		overflow: visible !important;
		background: var(--bg-light) !important;
		border: 2px solid var(--border-color) !important;
	}
	
	/* Hide when not scrolled */
	.desktop-menu-toggle.hide-on-scroll {
		display: none !important;
	}
}

/* Hide mobile menu toggle when scrolled on desktop only */
@media (min-width: 769px) {
	.site-header.scrolled .mobile-menu-toggle {
		display: none !important;
	}
}

/* Show burger menu only if there are hidden items - CSS fallback - Desktop only */
@media (min-width: 769px) {
	.site-header.scrolled .main-navigation:has(.menu-item-hidden) .desktop-menu-toggle {
		display: flex !important;
		pointer-events: auto !important; /* Ensure it's clickable */
		cursor: pointer !important;
		z-index: 10001 !important; /* Ensure it's above other elements */
		position: relative; /* Create stacking context */
	}
}

/* Burger menu dropdown */
.burger-menu-dropdown {
	position: absolute;
	top: calc(100% + 0.5rem);
	right: 0;
	background: white;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	min-width: 250px;
	max-width: 90vw;
	max-height: 80vh;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease;
	z-index: 99999 !important; /* Very high z-index to appear above everything */
	pointer-events: none; /* Disable when hidden */
	padding: 1rem 0;
}

.burger-menu-dropdown.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto !important; /* Enable clicks when active */
	z-index: 99999 !important; /* Ensure it stays on top when active */
}

.burger-menu-list {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0;
}

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

.burger-menu-list a {
	display: block;
	padding: 0.875rem 1.5rem;
	color: var(--text-color);
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.2s ease;
	border-left: 3px solid transparent;
}

.burger-menu-list a:hover {
	background: var(--bg-light);
	color: var(--primary-color);
	border-left-color: var(--primary-color);
}

.burger-menu-list .current-menu-item > a,
.burger-menu-list .current-menu-ancestor > a {
	background: var(--bg-light);
	color: var(--primary-color);
	border-left-color: var(--primary-color);
}

/* Sub-menus in burger dropdown */
.burger-menu-list .sub-menu {
	position: static;
	opacity: 1;
	visibility: visible;
	transform: none;
	box-shadow: none;
	background: var(--bg-light);
	margin: 0;
	padding: 0.5rem 0;
	border-top: 1px solid var(--border-color);
	border-left: none;
}

.burger-menu-list .sub-menu a {
	padding-left: 2.5rem;
	font-size: 0.875rem;
	font-weight: 500;
}

.menu-toggle-icon {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 24px;
	height: 18px;
	justify-content: space-between;
}

.menu-toggle-icon span {
	display: block;
	width: 100%;
	height: 3px;
	background: var(--text-color);
	border-radius: 2px;
	transition: background 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
	transform-origin: center;
}

/* Default state - no transforms */
.menu-toggle .menu-toggle-icon span {
	transform: none;
	opacity: 1;
}

.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(1),
.menu-toggle.expanded .menu-toggle-icon span:nth-child(1) {
	transform: rotate(45deg) translate(6px, 6px);
}

.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(2),
.menu-toggle.expanded .menu-toggle-icon span:nth-child(2) {
	opacity: 0;
}

.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(3),
.menu-toggle.expanded .menu-toggle-icon span:nth-child(3) {
	transform: rotate(-45deg) translate(6px, -6px);
}

/* Reset icon when not expanded - desktop */
.menu-toggle:not([aria-expanded="true"]):not(.expanded) .menu-toggle-icon span,
.site-header:not(.expanded) .menu-toggle .menu-toggle-icon span {
	transform: none !important;
	opacity: 1 !important;
}

/* Ensure icon resets when header is not expanded - override any stuck transforms */
.site-header:not(.expanded) .menu-toggle .menu-toggle-icon span:nth-child(1),
.site-header:not(.expanded) .menu-toggle .menu-toggle-icon span:nth-child(2),
.site-header:not(.expanded) .menu-toggle .menu-toggle-icon span:nth-child(3),
.site-header:not(.expanded) .menu-toggle:not(.expanded) .menu-toggle-icon span,
.site-header:not(.expanded) .menu-toggle[aria-expanded="false"] .menu-toggle-icon span {
	transform: none !important;
	opacity: 1 !important;
}

/* Desktop: Reset icon when header is scrolled but not expanded */
.site-header.scrolled:not(.expanded) .desktop-menu-toggle .menu-toggle-icon span {
	transform: none !important;
	opacity: 1 !important;
}

/* Ensure icon resets on mobile when menu is closed */
@media (max-width: 1024px) {
	.menu-toggle:not([aria-expanded="true"]):not(.expanded) .menu-toggle-icon span {
		transform: none !important;
		opacity: 1 !important;
	}
	
	.menu-toggle[aria-expanded="false"] .menu-toggle-icon span {
		transform: none !important;
		opacity: 1 !important;
	}
}

#main-menu,
#primary-menu {
	display: flex;
	list-style: none;
	gap: 1.5rem;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	justify-content: center;
}

#main-menu li,
#primary-menu li {
	position: relative;
	overflow: visible !important; /* Allow dropdowns to show */
	z-index: 1; /* Create stacking context for submenus */
}

#main-menu li:hover,
#primary-menu li:hover,
#main-menu li.menu-item-has-children:hover {
	z-index: 10009 !important; /* Higher z-index when hovered to ensure submenu is above */
	position: relative;
}

/* Ensure menu items with children have proper hover area */
#main-menu li.menu-item-has-children,
#primary-menu li.menu-item-has-children {
	position: relative;
}

/* Keep parent item hovered when hovering over submenu */
#main-menu li:hover,
#primary-menu li:hover,
#main-menu li:has(.sub-menu:hover),
#primary-menu li:has(.sub-menu:hover) {
	position: relative;
	z-index: 10009;
}

/* Ensure menu items don't clip dropdowns */
.site-header.scrolled #main-menu li,
.site-header.scrolled #primary-menu li {
	overflow: visible !important;
}

/* Ensure visible menu items can show dropdowns */
.site-header.scrolled #main-menu .menu-item-visible,
.site-header.scrolled #primary-menu .menu-item-visible {
	overflow: visible !important;
	position: relative;
	z-index: 1;
}

/* Ensure menu items with children can show submenus beyond header */
.site-header.scrolled #main-menu .menu-item-visible.menu-item-has-children,
.site-header.scrolled #primary-menu .menu-item-visible.menu-item-has-children {
	z-index: 10009 !important;
}

.site-header.scrolled #main-menu .menu-item-visible.menu-item-has-children:hover,
.site-header.scrolled #primary-menu .menu-item-visible.menu-item-has-children:hover {
	z-index: 10010 !important;
}

/* Ensure sub-menus appear above content when visible items are hovered */
.site-header.scrolled #main-menu .menu-item-visible .sub-menu,
.site-header.scrolled #primary-menu .menu-item-visible .sub-menu {
	z-index: 10010 !important; /* Very high to appear above everything */
	display: block !important; /* Ensure submenus are always accessible when parent is visible */
	position: absolute !important; /* Ensure absolute positioning */
	clip: auto !important; /* Prevent clipping */
	overflow: visible !important; /* Allow submenu content to be visible */
}

#main-menu a,
#primary-menu a {
	color: var(--text-color);
	font-weight: 600;
	padding: 0.75rem 1rem;
	text-transform: uppercase;
	transition: padding 0.3s ease, font-size 0.3s ease;
}


#main-menu a:hover,
#primary-menu a:hover {
	color: var(--primary-color);
	background: var(--bg-light);
	text-decoration: none;
}

#main-menu li.current-menu-item > a,
#main-menu li.current-menu-ancestor > a,
#primary-menu li.current-menu-item > a,
#primary-menu li.current-menu-ancestor > a {
	color: var(--primary-color);
	background: var(--bg-light);
}

/* Dropdown menus */
#main-menu .sub-menu,
#primary-menu .sub-menu {
	position: absolute;
	top: calc(100% + 0.25rem); /* Smaller gap - submenu starts closer to parent */
	left: 0;
	background: white;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	min-width: 220px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-3px); /* Smaller transform for smoother transition */
	transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
	z-index: 10010 !important; /* Very high to appear over header and content */
	list-style: none;
	margin: 0;
	padding: 0.5rem 0; /* Normal padding */
	border-top: 3px solid var(--primary-color);
	pointer-events: none; /* Disable when hidden */
	margin-top: 0.25rem; /* Small gap to bridge */
	overflow: visible !important; /* Ensure submenu content is visible */
	clip: auto !important; /* Prevent clipping */
}

/* Create invisible hover bridge between parent and submenu */
#main-menu li.menu-item-has-children::after,
#primary-menu li.menu-item-has-children::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 0.5rem; /* Bridge height to connect parent and submenu */
	background: transparent;
	z-index: 10009;
	pointer-events: auto;
}

/* Show submenu when hovering over parent item, the bridge, or the submenu itself */
#main-menu li:hover > .sub-menu,
#primary-menu li:hover > .sub-menu,
#main-menu li:hover::after ~ .sub-menu,
#primary-menu li:hover::after ~ .sub-menu,
#main-menu li .sub-menu:hover,
#primary-menu li .sub-menu:hover,
.site-header.scrolled #main-menu .menu-item-visible:hover > .sub-menu,
.site-header.scrolled #primary-menu .menu-item-visible:hover > .sub-menu,
.site-header.scrolled #main-menu .menu-item-visible .sub-menu:hover,
.site-header.scrolled #primary-menu .menu-item-visible .sub-menu:hover {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	display: block !important;
	pointer-events: auto !important;
	z-index: 10010 !important; /* Ensure it's above everything */
}

/* Keep parent hovered when hovering over submenu (using :has selector and class) */
#main-menu li:has(.sub-menu:hover),
#primary-menu li:has(.sub-menu:hover),
#main-menu li.submenu-hovered,
#primary-menu li.submenu-hovered,
#main-menu li.menu-item-hovered,
#primary-menu li.menu-item-hovered {
	z-index: 10009;
}

/* Keep submenu visible when parent has hover class */
#main-menu li.submenu-hovered > .sub-menu,
#primary-menu li.submenu-hovered > .sub-menu,
#main-menu li.menu-item-hovered > .sub-menu,
#primary-menu li.menu-item-hovered > .sub-menu {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

/* Keep submenu visible when hovering over it directly */
#main-menu li .sub-menu:hover,
#primary-menu li .sub-menu:hover {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

/* This rule is now handled above - keeping for reference but ensuring it works */

#main-menu .sub-menu a,
#primary-menu .sub-menu a {
	padding: 0.75rem 1.5rem;
	text-transform: none;
	font-size: 0.875rem;
	display: block;
}

#main-menu .sub-menu a:hover,
#primary-menu .sub-menu a:hover {
	background: var(--bg-light);
}

/* Posts Grid - improved layout - expands to use available space */
.posts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 2rem;
	margin: 2rem 0;
}

/* When sidebar is present, use more columns */
.content-wrapper.has-sidebar .posts-grid {
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

/* When no sidebar, expand to use full width but limit to reasonable number of columns */
.content-wrapper.no-sidebar .posts-grid,
.content-wrapper:has(#secondary:empty) .posts-grid,
.content-wrapper:not(:has(#secondary)) .posts-grid {
	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	max-width: 100%;
}

@media (min-width: 768px) {
	.posts-grid {
		grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
		gap: 2.5rem;
	}
	
	.content-wrapper.has-sidebar .posts-grid {
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	}
	
	/* Limit to 2 columns when no sidebar to better fit 4 posts */
	.content-wrapper.no-sidebar .posts-grid,
	.content-wrapper:has(#secondary:empty) .posts-grid,
	.content-wrapper:not(:has(#secondary)) .posts-grid {
		grid-template-columns: repeat(2, 1fr);
		max-width: 100%;
	}
}

@media (min-width: 1200px) {
	.posts-grid {
		grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
		gap: 3rem;
	}
	
	.content-wrapper.has-sidebar .posts-grid {
		grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	}
	
	/* 2 columns for 4 posts, or 3 columns if more posts are shown */
	.content-wrapper.no-sidebar .posts-grid,
	.content-wrapper:has(#secondary:empty) .posts-grid,
	.content-wrapper:not(:has(#secondary)) .posts-grid {
		grid-template-columns: repeat(2, 1fr);
		max-width: 100%;
		gap: 3rem;
	}
}

@media (min-width: 1600px) {
	.content-wrapper.no-sidebar .posts-grid,
	.content-wrapper:has(#secondary:empty) .posts-grid,
	.content-wrapper:not(:has(#secondary)) .posts-grid {
		/* Allow 3 columns on very wide screens, but still reasonable */
		grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
		max-width: 100%;
		gap: 3.5rem;
	}
}

.post-card {
	background: var(--bg-color);
	border: 1px solid var(--border-color);
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
	cursor: pointer;
}

/* Make entire post card clickable in category/archive views */
body.category .post-card,
body.archive .post-card,
body.search .post-card {
	cursor: pointer;
}

/* Ensure category links and other nested links are still clickable */
body.category .post-card .category-link,
body.archive .post-card .category-link,
body.search .post-card .category-link,
body.category .post-card a.category-link,
body.archive .post-card a.category-link,
body.search .post-card a.category-link {
	position: relative;
	z-index: 10;
	pointer-events: auto;
	cursor: pointer;
}

.post-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	transform: translateY(-4px);
	border-color: var(--primary-color);
}

.post-thumbnail {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
}

.post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.post-thumbnail-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.85) 100%);
	display: flex;
	align-items: flex-end;
	padding: 1.5rem;
	z-index: 1;
	transition: background 0.3s ease;
}

.post-thumbnail-content {
	width: 100%;
	color: white !important;
}

.post-thumbnail-content * {
	color: white !important;
}

.post-thumbnail-content .entry-title {
	color: white !important;
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
	line-height: 1.3;
}

.post-thumbnail-content .entry-title,
.post-thumbnail-content .entry-title a,
.post-thumbnail-content h2,
.post-thumbnail-content h2 a,
.post-thumbnail a .entry-title,
.post-thumbnail a .entry-title a,
.post-thumbnail a h2,
.post-thumbnail a h2 a,
.post-card .post-thumbnail a .entry-title,
.post-card .post-thumbnail a .entry-title a,
.post-card .post-thumbnail a h2,
.post-card .post-thumbnail a h2 a {
	color: white !important;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 1px 4px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 0.8) !important;
	text-decoration: none;
	font-weight: 700;
	display: block;
}

.post-thumbnail-content .entry-title a:hover,
.post-thumbnail-content h2 a:hover {
	color: #ffffff !important;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 1), 0 1px 5px rgba(0, 0, 0, 1), 0 0 25px rgba(0, 0, 0, 0.9);
}

.post-thumbnail-content .entry-categories {
	margin-bottom: 0.75rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.post-thumbnail-content .category-link,
.post-thumbnail-content a.category-link {
	display: inline-block;
	padding: 0.375rem 0.875rem;
	border-radius: 20px;
	font-size: 0.8125rem;
	text-decoration: none;
	transition: all 0.2s ease;
}

.post-thumbnail-content .entry-categories *,
.post-thumbnail-content .category-link,
.post-thumbnail-content a.category-link,
.post-thumbnail a .category-link,
.post-thumbnail a .entry-categories a,
.post-card .post-thumbnail a .category-link,
.post-card .post-thumbnail a .entry-categories a {
	background: rgba(255, 255, 255, 0.25) !important;
	backdrop-filter: blur(6px);
	color: white !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.5) !important;
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.post-thumbnail-content .category-link:hover,
.post-thumbnail-content a.category-link:hover {
	background: rgba(255, 255, 255, 0.35) !important;
	color: white !important;
	border-color: rgba(255, 255, 255, 0.6) !important;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8), 0 0 12px rgba(0, 0, 0, 0.6) !important;
}

.post-card:hover .post-thumbnail img {
	transform: scale(1.05);
}

.post-card:hover .post-thumbnail-overlay {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.9) 100%);
}

.post-content {
	padding: 1.5rem;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.entry-categories {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
}

.category-link {
	display: inline-block;
	padding: 0.375rem 0.875rem;
	background: var(--primary-color);
	color: white;
	font-size: 0.8125rem;
	font-weight: 600;
	border-radius: 20px;
	text-decoration: none;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.category-link:hover {
	background: var(--secondary-color);
	text-decoration: none;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.entry-title {
	font-size: 1.5rem;
	margin-bottom: 0.75rem;
	line-height: 1.3;
	font-weight: 700;
}

.entry-title a {
	color: var(--text-color);
	text-decoration: none;
}

.entry-title a:hover {
	color: var(--primary-color);
	text-decoration: none;
}

/* Force white text for all content inside post thumbnails - must come after general entry-title rules */
.post-thumbnail a,
.post-thumbnail a *,
.post-thumbnail .post-thumbnail-content,
.post-thumbnail .post-thumbnail-content *,
.post-thumbnail .post-thumbnail-content h2,
.post-thumbnail .post-thumbnail-content h2 a,
.post-thumbnail .post-thumbnail-content .entry-title,
.post-thumbnail .post-thumbnail-content .entry-title a,
.post-thumbnail .post-thumbnail-content .entry-categories,
.post-thumbnail .post-thumbnail-content .entry-categories *,
.post-thumbnail .post-thumbnail-content .entry-categories a,
.post-thumbnail .post-thumbnail-content .category-link,
.post-card .post-thumbnail a,
.post-card .post-thumbnail a *,
.post-card .post-thumbnail .post-thumbnail-content,
.post-card .post-thumbnail .post-thumbnail-content *,
.post-card .post-thumbnail .post-thumbnail-content h2,
.post-card .post-thumbnail .post-thumbnail-content h2 a,
.post-card .post-thumbnail .post-thumbnail-content .entry-title,
.post-card .post-thumbnail .post-thumbnail-content .entry-title a {
	color: white !important;
}

/* Force white text for Jet Smart Tiles elements */
.jet-smart-tiles__box,
.jet-smart-tiles__box *,
.jet-smart-tiles__box-content,
.jet-smart-tiles__box-content *,
.jet-smart-tiles__box-content-inner,
.jet-smart-tiles__box-content-inner *,
.jet-smart-tiles__box-title,
.jet-smart-tiles__box-title *,
.jet-smart-tiles__box-excerpt,
.jet-smart-tiles__box-excerpt *,
.jet-smart-tiles__meta,
.jet-smart-tiles__meta *,
.jet-smart-tiles__meta-item,
.jet-smart-tiles__meta-item *,
.jet-smart-tiles__terms-link {
	color: white !important;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 1px 4px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 0.8) !important;
}

.jet-smart-tiles__box-title {
	color: white !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.95), 0 1px 5px rgba(0, 0, 0, 1), 0 0 25px rgba(0, 0, 0, 0.9) !important;
	font-weight: 700 !important;
}

.jet-smart-tiles__box-excerpt {
	color: rgba(255, 255, 255, 0.95) !important;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.9), 0 0 15px rgba(0, 0, 0, 0.7) !important;
}

.jet-smart-tiles__meta,
.jet-smart-tiles__meta * {
	color: rgba(255, 255, 255, 0.9) !important;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8) !important;
}

.jet-smart-tiles__terms-link {
	background: rgba(255, 255, 255, 0.25) !important;
	backdrop-filter: blur(6px);
	color: white !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.5) !important;
	font-weight: 600 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.jet-smart-tiles__box-link {
	/* This is just a link overlay, no text */
	text-indent: -9999px;
	overflow: hidden;
}

/* Jet Smart Listing Featured Box - Modern Styling */
.jet-smart-listing__featured {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	background-size: cover;
	background-position: center;
	min-height: 400px;
	background-color: var(--bg-color);
}

.jet-smart-listing__featured:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	transform: translateY(-4px);
}

/* Featured layout simple - remove gray background, make it look modern */
.jet-smart-listing__featured.featured-layout-simple {
	background: var(--bg-color);
	border: 1px solid var(--border-color);
	padding: 0;
	margin: 10px;
	display: flex;
	align-items: stretch;
	min-height: auto;
}

.jet-smart-listing__featured.featured-layout-simple.featured-img-left,
.jet-smart-listing__featured.featured-layout-simple.featured-img-right {
	background: var(--bg-color);
	border: 1px solid var(--border-color);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.jet-smart-listing__featured.featured-layout-simple.featured-img-left:hover,
.jet-smart-listing__featured.featured-layout-simple.featured-img-right:hover {
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
	transform: translateY(-2px);
	border-color: var(--primary-color);
}

/* Featured image styling for simple layout */
.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__post-thumbnail,
.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__post-thumbnail img,
.jet-smart-listing__featured.featured-layout-simple .post-thumbnail-featured,
.jet-smart-listing__featured.featured-layout-simple .post-thumbnail-featured img {
	border-radius: 12px 0 0 12px;
	overflow: hidden;
	object-fit: cover;
	width: 100%;
	height: 100%;
	min-height: 250px;
	display: block;
}

.jet-smart-listing__featured.featured-layout-simple.featured-img-right .jet-smart-listing__post-thumbnail,
.jet-smart-listing__featured.featured-layout-simple.featured-img-right .jet-smart-listing__post-thumbnail img,
.jet-smart-listing__featured.featured-layout-simple.featured-img-right .post-thumbnail-featured,
.jet-smart-listing__featured.featured-layout-simple.featured-img-right .post-thumbnail-featured img {
	border-radius: 0 12px 12px 0;
}

.jet-smart-listing__featured.featured-layout-simple.featured-img-top .jet-smart-listing__post-thumbnail,
.jet-smart-listing__featured.featured-layout-simple.featured-img-top .jet-smart-listing__post-thumbnail img,
.jet-smart-listing__featured.featured-layout-simple.featured-img-top .post-thumbnail-featured,
.jet-smart-listing__featured.featured-layout-simple.featured-img-top .post-thumbnail-featured img {
	border-radius: 12px 12px 0 0;
}

/* Featured content for simple layout */
.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__featured-content {
	background: var(--bg-color);
	padding: 2rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.jet-smart-listing__featured.featured-layout-simple.featured-img-left .jet-smart-listing__featured-content,
.jet-smart-listing__featured.featured-layout-simple.featured-img-right .jet-smart-listing__featured-content {
	padding: 2rem;
}

/* Featured image container */
.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__post-thumbnail,
.jet-smart-listing__featured.featured-layout-simple .post-thumbnail-featured {
	flex: 0 0 40%;
	max-width: 40%;
	overflow: hidden;
	position: relative;
}

.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__post-thumbnail a,
.jet-smart-listing__featured.featured-layout-simple .post-thumbnail-featured a {
	display: block;
	width: 100%;
	height: 100%;
}

@media (max-width: 1024px) {
	.jet-smart-listing__featured.featured-layout-simple.featured-img-left,
	.jet-smart-listing__featured.featured-layout-simple.featured-img-right {
		flex-direction: column;
	}
	
	.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__post-thumbnail,
	.jet-smart-listing__featured.featured-layout-simple .post-thumbnail-featured {
		flex: 0 0 100%;
		max-width: 100%;
		min-height: 300px;
	}
	
	.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__post-thumbnail img,
	.jet-smart-listing__featured.featured-layout-simple .post-thumbnail-featured img {
		border-radius: 12px 12px 0 0 !important;
	}
}

/* Remove gray backgrounds from featured items */
.jet-smart-listing__featured.featured-layout-simple,
.jet-smart-listing__featured.featured-layout-simple * {
	background-color: transparent !important;
}

.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__featured-content {
	background: var(--bg-color) !important;
}

/* Terms/categories in featured simple layout */
.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__terms-link {
	display: inline-block;
	padding: 0.375rem 0.875rem;
	border-radius: 20px;
	background: var(--primary-color);
	color: white !important;
	border: none !important;
	text-shadow: none !important;
	font-weight: 600;
	font-size: 0.8125rem;
	text-decoration: none;
	margin-bottom: 1rem;
	transition: all 0.2s ease;
}

.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__terms-link:hover {
	background: var(--secondary-color);
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Title styling for simple layout */
.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__post-title,
.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__post-title a {
	color: var(--text-color) !important;
	text-shadow: none !important;
	font-size: 1.75rem;
	line-height: 1.3;
	margin-bottom: 1rem;
	font-weight: 700;
}

.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__post-title a:hover {
	color: var(--primary-color) !important;
}

/* Excerpt styling for simple layout */
.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__post-excerpt {
	color: var(--text-color) !important;
	text-shadow: none !important;
	font-size: 1rem;
	line-height: 1.7;
	margin-bottom: 1rem;
}

/* Meta styling for simple layout */
.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__meta,
.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__meta-item {
	color: var(--text-light) !important;
	text-shadow: none !important;
	font-size: 0.875rem;
}

/* Read more button for simple layout */
.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__more {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.625rem 1.25rem;
	background: var(--primary-color);
	color: white !important;
	border: none;
	border-radius: 6px;
	font-weight: 600;
	font-size: 0.875rem;
	text-decoration: none;
	margin-top: 1rem;
	transition: all 0.2s ease;
	text-shadow: none !important;
}

.jet-smart-listing__featured.featured-layout-simple .jet-smart-listing__more:hover {
	background: var(--secondary-color);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
	color: white !important;
}

.jet-smart-listing__featured-box-link {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-end;
	padding: 2rem;
	position: relative;
	text-decoration: none;
	border-radius: 12px;
	overflow: hidden;
	min-height: 400px;
	transition: all 0.3s ease;
}

.jet-smart-listing__featured-box-link:before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: '';
	z-index: 1;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.85) 100%);
	transition: background 0.3s ease;
}

.jet-smart-listing__featured-box-link:hover:before {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.9) 100%);
}

.jet-smart-listing__featured-box-link > * {
	position: relative;
	z-index: 2;
}

.jet-smart-listing__featured-content {
	padding: 0;
	margin: 0;
}

.jet-smart-listing__featured-content .jet-smart-listing__post-title {
	font-size: 2rem;
	line-height: 1.3;
	margin-bottom: 1rem;
	font-weight: 700;
}

.jet-smart-listing__featured-content .jet-smart-listing__post-excerpt {
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 1rem;
	color: rgba(255, 255, 255, 0.95) !important;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.9), 0 0 15px rgba(0, 0, 0, 0.7) !important;
}

.jet-smart-listing__featured-content .jet-smart-listing__meta,
.jet-smart-listing__featured-content .jet-smart-listing__meta-item {
	font-size: 0.875rem;
	margin-bottom: 0.75rem;
	color: rgba(255, 255, 255, 0.9) !important;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8) !important;
}

.jet-smart-listing__featured-content .jet-smart-listing__terms-link,
.jet-smart-listing__featured-box-link .jet-smart-listing__terms-link {
	display: inline-block;
	padding: 0.375rem 0.875rem;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.25) !important;
	backdrop-filter: blur(6px);
	color: white !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7), 0 0 10px rgba(0, 0, 0, 0.5) !important;
	font-weight: 600 !important;
	font-size: 0.8125rem;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
	text-decoration: none;
	margin-bottom: 0.75rem;
	transition: all 0.2s ease;
}

.jet-smart-listing__featured-content .jet-smart-listing__terms-link:hover,
.jet-smart-listing__featured-box-link .jet-smart-listing__terms-link:hover {
	background: rgba(255, 255, 255, 0.35) !important;
	border-color: rgba(255, 255, 255, 0.6) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.jet-smart-listing__featured-content .jet-smart-listing__more {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.625rem 1.25rem;
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(6px);
	color: white !important;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	font-weight: 600;
	font-size: 0.875rem;
	text-decoration: none;
	margin-top: 1rem;
	transition: all 0.2s ease;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
}

.jet-smart-listing__featured-content .jet-smart-listing__more:hover {
	background: rgba(255, 255, 255, 0.3);
	border-color: rgba(255, 255, 255, 0.6);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* Featured layout boxed improvements */
.featured-layout-boxed {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.featured-layout-boxed:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	transform: translateY(-4px);
}

/* Hide old arrow navigation */
.jet-smart-listing__arrow,
.jet-smart-listing__arrows {
	display: none !important;
}

/* Jet Smart Listing Main Container Layout */
.jet-smart-listing {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 40px;
	width: 100%;
	box-sizing: border-box;
}

/* Featured position left/right - side by side layout */
.jet-smart-listing.has-featured-position-left,
.jet-smart-listing.has-featured-position-right {
	flex-wrap: nowrap;
}

.jet-smart-listing.has-featured-position-right {
	flex-direction: row-reverse;
}

@media (max-width: 1024px) {
	.jet-smart-listing.has-featured-position-left,
	.jet-smart-listing.has-featured-position-right {
		flex-wrap: wrap;
	}
}

/* Featured post positioning */
.jet-smart-listing__featured.featured-position-left,
.jet-smart-listing__featured.featured-position-right {
	flex: 0 0 50%;
	max-width: 50%;
	margin: 10px;
}

.jet-smart-listing__featured.featured-position-top {
	width: 100%;
	max-width: 100%;
	margin: 10px;
}

@media (max-width: 1024px) {
	.jet-smart-listing__featured.featured-position-left,
	.jet-smart-listing__featured.featured-position-right {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* Posts list container */
.jet-smart-listing__posts {
	display: flex;
	flex-wrap: wrap;
	margin-left: 10px;
	margin-right: 10px;
	align-self: flex-start;
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	box-sizing: border-box;
}

.jet-smart-listing.has-featured-position-left .jet-smart-listing__posts,
.jet-smart-listing.has-featured-position-right .jet-smart-listing__posts {
	flex: 0 0 50%;
	max-width: 50%;
}

.jet-smart-listing.has-featured-position-top .jet-smart-listing__posts,
.jet-smart-listing.no-featured .jet-smart-listing__posts {
	flex: 1 1 100%;
	max-width: 100%;
}

@media (max-width: 1024px) {
	.jet-smart-listing__posts {
		max-width: 100% !important;
		flex-basis: 100% !important;
	}
}

/* Post wrapper - controls width based on rows */
.jet-smart-listing__post-wrapper {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

/* When featured is on left/right, posts should stack vertically */
.jet-smart-listing.has-featured-position-left .jet-smart-listing__post-wrapper,
.jet-smart-listing.has-featured-position-right .jet-smart-listing__post-wrapper {
	flex: 0 0 100%;
	max-width: 100%;
}

@media (max-width: 1024px) {
	.jet-smart-listing__post-wrapper {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

/* Individual post styling */
.jet-smart-listing__post {
	display: flex;
	align-content: flex-start;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.jet-smart-listing__post.has-post-thumb {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 1rem;
}

/* Post thumbnail */
.jet-smart-listing__post-thumbnail {
	flex: 0 0 auto;
	width: 86px;
	height: 86px;
	overflow: hidden;
	border-radius: 8px;
}

.jet-smart-listing__post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Post content */
.jet-smart-listing__post-content {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.jet-smart-listing__post-title {
	margin: 0;
	padding: 0;
}

.jet-smart-listing__post-title a {
	color: var(--text-color);
	text-decoration: none;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.4;
	transition: color 0.2s ease;
}

.jet-smart-listing__post-title a:hover {
	color: var(--primary-color);
}

/* Meta styling */
.jet-smart-listing__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	font-size: 0.875rem;
	color: var(--text-light);
}

.jet-smart-listing__meta-item {
	display: flex;
	align-items: center;
	gap: 0.375rem;
}

.jet-smart-listing__meta-icon {
	opacity: 0.7;
}

/* Modern dot pagination for Jet Smart Listing */
.jet-smart-listing__pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	margin-top: 2rem;
	padding: 1rem 0;
}

/* Hide pagination dots on main page/homepage */
body.home .jet-smart-listing__pagination,
body.blog .jet-smart-listing__pagination,
.home .jet-smart-listing__pagination,
.blog .jet-smart-listing__pagination,
#main .jet-smart-listing__pagination,
.posts-grid .jet-smart-listing__pagination,
.content-wrapper .jet-smart-listing__pagination {
	display: none !important;
}

body.home .jet-smart-listing__pagination-dot,
body.blog .jet-smart-listing__pagination-dot,
.home .jet-smart-listing__pagination-dot,
.blog .jet-smart-listing__pagination-dot,
#main .jet-smart-listing__pagination-dot,
.posts-grid .jet-smart-listing__pagination-dot,
.content-wrapper .jet-smart-listing__pagination-dot {
	display: none !important;
}

.jet-smart-listing__pagination-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--border-color);
	border: 2px solid var(--border-color);
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
}

.jet-smart-listing__pagination-dot:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
	transform: scale(1.2);
}

.jet-smart-listing__pagination-dot.active {
	background: var(--primary-color);
	border-color: var(--primary-color);
	width: 12px;
	height: 12px;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
}

.jet-smart-listing__pagination-dot.disabled {
	opacity: 0.3;
	cursor: not-allowed;
	pointer-events: none;
}

/* Alternative: Modern numbered pagination */
.jet-smart-listing__pagination-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	margin-top: 2rem;
	padding: 1rem 0;
	flex-wrap: wrap;
}

.jet-smart-listing__pagination-number {
	min-width: 40px;
	height: 40px;
	padding: 0.5rem 0.75rem;
	border-radius: 8px;
	background: var(--bg-color);
	border: 2px solid var(--border-color);
	color: var(--text-color);
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 0.875rem;
	text-decoration: none;
}

.jet-smart-listing__pagination-number:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.jet-smart-listing__pagination-number.active {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: white;
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
}

.jet-smart-listing__pagination-number.disabled {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}

/* Force white text ONLY for featured posts on images */
.post-title-featured,
.post-title-featured *,
.post-title-featured a,
.jet-smart-listing__featured .jet-smart-listing__post-title,
.jet-smart-listing__featured .jet-smart-listing__post-title *,
.jet-smart-listing__featured .jet-smart-listing__post-title a,
.jet-smart-listing__featured-box-link .jet-smart-listing__post-title,
.jet-smart-listing__featured-box-link .jet-smart-listing__post-title *,
.jet-smart-listing__featured-box-link .jet-smart-listing__post-title a,
.jet-smart-listing__featured-content .jet-smart-listing__post-title,
.jet-smart-listing__featured-content .jet-smart-listing__post-title *,
.jet-smart-listing__featured-content .jet-smart-listing__post-title a,
.featured-layout-boxed .post-title-featured,
.featured-layout-boxed .post-title-featured *,
.featured-layout-boxed .post-title-featured a {
	color: white !important;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 1px 4px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 0.8) !important;
}

.post-title-featured,
.jet-smart-listing__featured .jet-smart-listing__post-title,
.jet-smart-listing__featured-box-link .jet-smart-listing__post-title,
.featured-layout-boxed .post-title-featured {
	color: white !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.95), 0 1px 5px rgba(0, 0, 0, 1), 0 0 25px rgba(0, 0, 0, 0.9) !important;
	font-weight: 700 !important;
}

/* Force black text for simple posts (NOT on images) */
.post-title-simple,
.post-title-simple *,
.post-title-simple a,
.jet-smart-listing__post .post-title-simple,
.jet-smart-listing__post .post-title-simple *,
.jet-smart-listing__post .post-title-simple a,
.jet-smart-listing__post-content .post-title-simple,
.jet-smart-listing__post-content .post-title-simple *,
.jet-smart-listing__post-content .post-title-simple a {
	color: var(--text-color) !important;
	text-shadow: none !important;
}

/* Elementor heading styling - improved */
.elementor-heading-title,
.elementor-heading-title *,
h2.elementor-heading-title,
h2.elementor-heading-title.elementor-size-default {
	color: var(--text-color) !important;
	font-weight: 700;
	font-size: 1.75rem;
	margin: 0 0 1.25rem 0;
	padding: 0;
	text-shadow: none !important;
	line-height: 1.3;
	letter-spacing: -0.02em;
}

/* Align Elementor heading with content */
.elementor-widget-heading {
	margin-bottom: 1.5rem;
	padding: 0;
}

.elementor-widget-heading .elementor-widget-container {
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: none;
	margin: 0;
}

/* Elementor widget container styling */
.elementor-widget-heading {
	margin-bottom: 1.5rem;
}

.elementor-widget-heading .elementor-widget-container {
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: none;
}

/* Remove any boxes/borders around Elementor widgets in sidebar */
.widget .elementor-widget,
.widget .elementor-widget-container,
.widget .elementor-element {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Popular posts and other widgets - black text */
.widget .jet-smart-listing__post-title,
.widget .post-title-simple,
.widget .post-title-simple *,
.widget .post-title-simple a,
.popular-posts .jet-smart-listing__post-title,
.popular-posts .post-title-simple,
.widget .wpp-post-title,
.widget .wpp-post-title a,
.widget .wpp-post-title *,
.widget-title,
.widget h2,
.widget h3 {
	color: var(--text-color) !important;
	text-shadow: none !important;
}

/* WordPress Popular Posts widget styling - works everywhere */
.wpp-list,
ul.wpp-list,
.widget .wpp-list,
.widget ul.wpp-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.wpp-list li,
.widget .wpp-list li {
	margin-bottom: 1.25rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--border-color);
	display: flex;
	gap: 0.75rem; /* Reduced gap between thumbnail and content */
	align-items: flex-start;
}

.wpp-list li:last-child,
.widget .wpp-list li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Thumbnail styling */
.wpp-thumbnail,
.wpp-list .wpp-thumbnail {
	float: none;
	margin: 0;
	border-radius: 6px;
	overflow: hidden;
	flex-shrink: 0;
	margin-right: 0; /* Remove any default margin */
	position: relative;
	cursor: pointer;
}

/* Make thumbnails clickable in category/archive views */
body.category .wpp-thumbnail,
body.category .wpp-list .wpp-thumbnail,
body.archive .wpp-thumbnail,
body.archive .wpp-list .wpp-thumbnail,
body.search .wpp-thumbnail,
body.search .wpp-list .wpp-thumbnail {
	cursor: pointer;
}

.wpp-thumbnail img,
.wpp-list .wpp-thumbnail img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 6px;
	display: block;
	transition: transform 0.2s ease;
}

/* Hover effect on thumbnails */
body.category .wpp-thumbnail:hover img,
body.archive .wpp-thumbnail:hover img,
body.search .wpp-thumbnail:hover img {
	transform: scale(1.05);
}

/* Title styling - black everywhere */
.wpp-post-title,
.wpp-post-title *,
.wpp-post-title a,
.wpp-post-title a:visited,
.wpp-post-title a:link,
.widget .wpp-post-title,
.widget .wpp-post-title *,
.widget .wpp-post-title a,
.widget .wpp-post-title a:visited,
.widget .wpp-post-title a:link,
body.category .wpp-post-title,
body.category .wpp-post-title a,
body.category .wpp-post-title a:link,
body.category .wpp-post-title a:visited,
body.category .wpp-list .wpp-post-title,
body.category .wpp-list .wpp-post-title a,
body.category .wpp-list .wpp-post-title a:link,
body.category .wpp-list .wpp-post-title a:visited,
body.category .widget .wpp-post-title,
body.category .widget .wpp-post-title a,
body.category .widget .wpp-post-title a:link,
body.category .widget .wpp-post-title a:visited,
body.category #secondary .wpp-post-title,
body.category #secondary .wpp-post-title a,
body.category #secondary .wpp-post-title a:link,
body.category #secondary .wpp-post-title a:visited,
body.search .wpp-post-title,
body.search .wpp-post-title a,
body.search .wpp-post-title a:link,
body.search .wpp-post-title a:visited,
body.search .wpp-list .wpp-post-title,
body.search .wpp-list .wpp-post-title a,
body.search .wpp-list .wpp-post-title a:link,
body.search .wpp-list .wpp-post-title a:visited,
body.search .widget .wpp-post-title,
body.search .widget .wpp-post-title a,
body.search .widget .wpp-post-title a:link,
body.search .widget .wpp-post-title a:visited,
body.search #secondary .wpp-post-title,
body.search #secondary .wpp-post-title a,
body.search #secondary .wpp-post-title a:link,
body.search #secondary .wpp-post-title a:visited,
.archive .wpp-post-title,
.archive .wpp-post-title a,
.archive .wpp-post-title a:link,
.archive .wpp-post-title a:visited,
.archive .wpp-list .wpp-post-title,
.archive .wpp-list .wpp-post-title a,
.archive .wpp-list .wpp-post-title a:link,
.archive .wpp-list .wpp-post-title a:visited,
.archive .widget .wpp-post-title,
.archive .widget .wpp-post-title a,
.archive .widget .wpp-post-title a:link,
.archive .widget .wpp-post-title a:visited,
.archive #secondary .wpp-post-title,
.archive #secondary .wpp-post-title a,
.archive #secondary .wpp-post-title a:link,
.archive #secondary .wpp-post-title a:visited {
	color: var(--text-color) !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0 0 0.5rem 0;
	display: block;
}

/* Extra specific override for category pages - ensure wpp-post-title links are black */
body.category a.wpp-post-title,
body.category .wpp-list a.wpp-post-title,
body.category .wpp-list li a.wpp-post-title,
body.category .widget a.wpp-post-title,
body.category #secondary a.wpp-post-title,
body.search a.wpp-post-title,
body.search .wpp-list a.wpp-post-title,
body.search .wpp-list li a.wpp-post-title,
body.search .widget a.wpp-post-title,
body.search #secondary a.wpp-post-title,
.archive a.wpp-post-title,
.archive .wpp-list a.wpp-post-title,
.archive .wpp-list li a.wpp-post-title,
.archive .widget a.wpp-post-title,
.archive #secondary a.wpp-post-title {
	color: var(--text-color) !important;
}

.wpp-post-title a:hover,
.wpp-post-title a:focus,
.widget .wpp-post-title a:hover,
.widget .wpp-post-title a:focus,
body.category .wpp-post-title a:hover,
body.category .wpp-post-title a:focus,
body.category .wpp-list .wpp-post-title a:hover,
body.category .wpp-list .wpp-post-title a:focus,
body.category .widget .wpp-post-title a:hover,
body.category .widget .wpp-post-title a:focus,
body.search .wpp-post-title a:hover,
body.search .wpp-post-title a:focus,
body.search .wpp-list .wpp-post-title a:hover,
body.search .wpp-list .wpp-post-title a:focus,
body.search .widget .wpp-post-title a:hover,
body.search .widget .wpp-post-title a:focus,
.archive .wpp-post-title a:hover,
.archive .wpp-post-title a:focus,
.archive .wpp-list .wpp-post-title a:hover,
.archive .wpp-list .wpp-post-title a:focus,
.archive .widget .wpp-post-title a:hover,
.archive .widget .wpp-post-title a:focus {
	color: var(--primary-color) !important;
	text-decoration: underline;
}

/* Content wrapper - allow title to expand */
.wpp-list li > *:not(.wpp-thumbnail) {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 100%;
}

/* Ensure title can expand fully */
.wpp-item-data,
.wpp-list li .wpp-item-data {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

/* Ensure all text in wpp-item-data is black on category/search pages */
body.category .wpp-item-data,
body.category .wpp-item-data *,
body.category .wpp-item-data a,
body.category .wpp-item-data a:link,
body.category .wpp-item-data a:visited,
body.category .wpp-item-data .wpp-post-title,
body.category .wpp-item-data .wpp-post-title a,
body.category .wpp-item-data .wpp-post-title a:link,
body.category .wpp-item-data .wpp-post-title a:visited,
body.category .wpp-item-data .taxonomies,
body.category .wpp-item-data .taxonomies a,
body.category .wpp-item-data .taxonomies a:link,
body.category .wpp-item-data .taxonomies a:visited,
body.search .wpp-item-data,
body.search .wpp-item-data *,
body.search .wpp-item-data a,
body.search .wpp-item-data a:link,
body.search .wpp-item-data a:visited,
body.search .wpp-item-data .wpp-post-title,
body.search .wpp-item-data .wpp-post-title a,
body.search .wpp-item-data .wpp-post-title a:link,
body.search .wpp-item-data .wpp-post-title a:visited,
body.search .wpp-item-data .taxonomies,
body.search .wpp-item-data .taxonomies a,
body.search .wpp-item-data .taxonomies a:link,
body.search .wpp-item-data .taxonomies a:visited,
.archive .wpp-item-data,
.archive .wpp-item-data *,
.archive .wpp-item-data a,
.archive .wpp-item-data a:link,
.archive .wpp-item-data a:visited,
.archive .wpp-item-data .wpp-post-title,
.archive .wpp-item-data .wpp-post-title a,
.archive .wpp-item-data .wpp-post-title a:link,
.archive .wpp-item-data .wpp-post-title a:visited,
.archive .wpp-item-data .taxonomies,
.archive .wpp-item-data .taxonomies a,
.archive .wpp-item-data .taxonomies a:link,
.archive .wpp-item-data .taxonomies a:visited {
	color: var(--text-color) !important;
}

/* Ensure links in wpp-item-data are black (except on hover) */
body.category .wpp-item-data a:not(:hover):not(:focus),
body.search .wpp-item-data a:not(:hover):not(:focus),
.archive .wpp-item-data a:not(:hover):not(:focus) {
	color: var(--text-color) !important;
}

.wpp-post-title,
.wpp-list li .wpp-post-title {
	flex: 1 1 auto;
	max-width: 100%;
}

/* Excerpt styling */
.wpp-excerpt,
.widget .wpp-excerpt {
	color: var(--text-light) !important;
	font-size: 0.875rem;
	line-height: 1.6;
	margin: 0.5rem 0 0 0;
	display: block;
}

.wpp-excerpt:empty,
.widget .wpp-excerpt:empty {
	display: none;
}

/* Meta/stats styling */
.wpp-meta,
.post-stats,
.widget .wpp-meta,
.widget .post-stats {
	color: var(--text-light) !important;
	font-size: 0.8125rem;
	margin-top: 0.5rem;
	display: block;
}

.wpp-meta:empty,
.post-stats:empty,
.widget .wpp-meta:empty,
.widget .post-stats:empty {
	display: none;
}

.wpp-meta *,
.post-stats *,
.widget .wpp-meta *,
.widget .post-stats * {
	color: var(--text-light) !important;
}

/* Hide author vcard */
.author,
.author.vcard,
.byline,
.byline .author,
.byline .author.vcard,
.posted-by,
.posted-by__author,
.entry-meta .byline,
.entry-meta .author {
	display: none !important;
}

/* Hide categories in popular posts (sidebar/widget) */
.widget .wpp-category,
.widget .taxonomies,
#secondary .wpp-category,
#secondary .taxonomies,
body.category .widget .wpp-category,
body.category .widget .taxonomies,
body.category #secondary .wpp-category,
body.category #secondary .taxonomies,
body.archive .widget .wpp-category,
body.archive .widget .taxonomies,
body.archive #secondary .wpp-category,
body.archive #secondary .taxonomies,
body.search .widget .wpp-category,
body.search .widget .taxonomies,
body.search #secondary .wpp-category,
body.search #secondary .taxonomies {
	display: none !important;
}

/* Category, date, author, views styling */
.wpp-category,
.wpp-category a,
.wpp-date,
.wpp-author,
.wpp-views,
.wpp-comments,
.widget .wpp-date,
.widget .wpp-author,
.widget .wpp-views,
.widget .wpp-comments,
body.category .wpp-date,
body.category .wpp-date a,
body.category .wpp-date a:link,
body.category .wpp-date a:visited,
body.search .wpp-date,
body.search .wpp-date a,
body.search .wpp-date a:link,
body.search .wpp-date a:visited,
.archive .wpp-date,
.archive .wpp-date a,
.archive .wpp-date a:link,
.archive .wpp-date a:visited {
	color: var(--text-light) !important;
	font-size: 0.8125rem;
}

/* Ensure dates are visible in popular posts */
.widget .wpp-date,
#secondary .wpp-date,
body.category .widget .wpp-date,
body.category #secondary .wpp-date,
body.archive .widget .wpp-date,
body.archive #secondary .wpp-date,
body.search .widget .wpp-date,
body.search #secondary .wpp-date {
	display: block !important;
	margin-top: 0.5rem;
	color: var(--text-light) !important;
	font-size: 0.8125rem;
}

.wpp-category a:hover,
.widget .wpp-category a:hover {
	color: var(--primary-color) !important;
}

/* Date links - white over images, black in simple posts */
.post__date-link,
.post__date-link *,
.post__date-link a,
.post__date-link time,
.post__date a,
.post__date a *,
.post__date a time {
	color: var(--text-color) !important;
	text-shadow: none !important;
}

/* Date links over images in featured posts - white */
.post-thumbnail .post__date-link,
.post-thumbnail .post__date-link *,
.post-thumbnail .post__date-link a,
.post-thumbnail .post__date-link time,
.post-thumbnail .post__date,
.post-thumbnail .post__date a,
.post-thumbnail .post__date a *,
.post-thumbnail .post__date a time,
.post-thumbnail-content .post__date-link,
.post-thumbnail-content .post__date-link *,
.post-thumbnail-content .post__date-link a,
.post-thumbnail-content .post__date-link time,
.post-thumbnail-content .post__date,
.post-thumbnail-content .post__date a,
.post-thumbnail-content .post__date a *,
.post-thumbnail-content .post__date a time,
.jet-smart-tiles__box .post__date-link,
.jet-smart-tiles__box .post__date-link *,
.jet-smart-tiles__box .post__date-link a,
.jet-smart-tiles__box .post__date-link time,
.jet-smart-tiles__box .post__date,
.jet-smart-tiles__box .post__date a,
.jet-smart-tiles__box .post__date a *,
.jet-smart-tiles__box .post__date a time,
.jet-smart-tiles__box-content .post__date-link,
.jet-smart-tiles__box-content .post__date-link *,
.jet-smart-tiles__box-content .post__date-link a,
.jet-smart-tiles__box-content .post__date-link time,
.jet-smart-tiles__box-content .post__date,
.jet-smart-tiles__box-content .post__date a,
.jet-smart-tiles__box-content .post__date a *,
.jet-smart-tiles__box-content .post__date a time,
.jet-smart-listing__featured .post__date-link,
.jet-smart-listing__featured .post__date-link *,
.jet-smart-listing__featured .post__date-link a,
.jet-smart-listing__featured .post__date-link time,
.jet-smart-listing__featured .post__date,
.jet-smart-listing__featured .post__date a,
.jet-smart-listing__featured .post__date a *,
.jet-smart-listing__featured .post__date a time,
.jet-smart-listing__featured-box-link .post__date-link,
.jet-smart-listing__featured-box-link .post__date-link *,
.jet-smart-listing__featured-box-link .post__date-link a,
.jet-smart-listing__featured-box-link .post__date-link time,
.jet-smart-listing__featured-box-link .post__date,
.jet-smart-listing__featured-box-link .post__date a,
.jet-smart-listing__featured-box-link .post__date a *,
.jet-smart-listing__featured-box-link .post__date a time,
.jet-smart-listing__featured-content .post__date-link,
.jet-smart-listing__featured-content .post__date-link *,
.jet-smart-listing__featured-content .post__date-link a,
.jet-smart-listing__featured-content .post__date-link time,
.jet-smart-listing__featured-content .post__date,
.jet-smart-listing__featured-content .post__date a,
.jet-smart-listing__featured-content .post__date a *,
.jet-smart-listing__featured-content .post__date a time,
.featured-layout-boxed .post__date-link,
.featured-layout-boxed .post__date-link *,
.featured-layout-boxed .post__date-link a,
.featured-layout-boxed .post__date-link time,
.featured-layout-boxed .post__date,
.featured-layout-boxed .post__date a,
.featured-layout-boxed .post__date a *,
.featured-layout-boxed .post__date a time {
	color: white !important;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8), 0 0 10px rgba(0, 0, 0, 0.6) !important;
}

.entry-summary {
	color: var(--text-color);
	line-height: 1.7;
	margin-bottom: 1rem;
	flex: 1;
}

.entry-meta {
	display: flex;
	gap: 1rem;
	font-size: 0.875rem;
	color: var(--text-light);
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid var(--border-color);
}

/* Single Post */
.entry-header {
	margin-bottom: 1rem;
}

.entry-summary {
	color: var(--text-color);
	line-height: 1.7;
	margin-bottom: 1rem;
	flex: 1;
}

.entry-meta {
	display: flex;
	gap: 1rem;
	font-size: 0.875rem;
	color: var(--text-light);
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid var(--border-color);
}

.single-post-thumbnail {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	margin-bottom: 2rem;
	max-height: 600px;
}

.single-post-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.single-post-thumbnail-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.8) 100%);
	display: flex;
	align-items: flex-end;
	padding: 3rem 2rem 2rem;
	z-index: 1;
}

.single-post-thumbnail-content {
	width: 100%;
	color: white;
}

.single-post-thumbnail-content .entry-title {
	color: white;
	margin-bottom: 1rem;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9), 0 1px 4px rgba(0, 0, 0, 1);
}

.single-post-thumbnail-content .entry-meta {
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}

.single-post-thumbnail-content .entry-meta a {
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}

.single-post-thumbnail-content .entry-meta a:hover {
	color: white;
}

.entry-header img {
	border-radius: 8px;
	margin-bottom: 1.5rem;
}

.entry-content {
	font-size: 1.125rem;
	line-height: 1.8;
}

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

.entry-content img {
	border-radius: 8px;
	margin: 2rem 0;
}

.post-tags {
	display: none !important;
}

.tag {
	display: inline-block;
	padding: 0.5rem 1rem;
	background: var(--bg-light);
	color: var(--text-color);
	border-radius: 4px;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	text-decoration: none;
	font-size: 0.875rem;
}

.tag:hover {
	background: var(--primary-color);
	color: white;
	text-decoration: none;
}

/* Print Friendly Button Styling - HIDDEN (using custom print button instead) */

/* Article Share and Print Section */
.article-share-print {
	margin: 3rem 0;
	padding: 2rem 0;
	border-top: 2px solid var(--border-color);
	border-bottom: 2px solid var(--border-color);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1.5rem;
}

.share-label {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--text-color);
	margin: 0;
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.share-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
}

.share-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 50% !important; /* Perfectly round */
	text-decoration: none !important;
	transition: all 0.3s ease;
	border: 1px solid transparent !important;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	max-width: 44px !important;
	max-height: 44px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
	aspect-ratio: 1 / 1 !important; /* Force square aspect ratio */
	position: relative !important;
}

/* Ensure all content inside share buttons is properly sized */
.share-button * {
	box-sizing: border-box !important;
	max-width: 100% !important;
}

/* Prevent any stretching or distortion of share buttons */
.share-button,
.share-facebook,
.share-twitter,
.share-linkedin,
.share-whatsapp,
.share-print {
	object-fit: contain !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.share-button svg {
	flex-shrink: 0 !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
	max-width: 20px !important;
	max-height: 20px !important;
	display: block !important;
	margin: 0 auto !important;
	padding: 0 !important;
	position: relative !important;
	aspect-ratio: 1 / 1 !important;
	vertical-align: middle !important;
}

.share-button span {
	display: none;
}

.share-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	text-decoration: none;
}

/* Ensure share buttons stay round and properly sized on all devices */
@media (max-width: 768px) {
	.share-button {
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
		max-width: 44px !important;
		max-height: 44px !important;
		border-radius: 50% !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
		aspect-ratio: 1 / 1 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	.share-button svg {
		width: 20px !important;
		height: 20px !important;
		min-width: 20px !important;
		min-height: 20px !important;
		max-width: 20px !important;
		max-height: 20px !important;
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		aspect-ratio: 1 / 1 !important;
	}
}

/* Facebook */
.share-facebook {
	background: #1877f2 !important;
	color: white !important;
	border-color: #1877f2 !important;
	border-radius: 50% !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	max-width: 44px !important;
	max-height: 44px !important;
	aspect-ratio: 1 / 1 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.share-facebook:hover {
	background: #166fe5 !important;
	color: white !important;
}

/* Twitter/X */
.share-twitter {
	background: #000000 !important;
	color: white !important;
	border-color: #000000 !important;
	border-radius: 50% !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	max-width: 44px !important;
	max-height: 44px !important;
	aspect-ratio: 1 / 1 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.share-twitter:hover {
	background: #333333 !important;
	color: white !important;
}

/* LinkedIn */
.share-linkedin {
	background: #0a66c2 !important;
	color: white !important;
	border-color: #0a66c2 !important;
	border-radius: 50% !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	max-width: 44px !important;
	max-height: 44px !important;
	aspect-ratio: 1 / 1 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.share-linkedin:hover {
	background: #084d94 !important;
	color: white !important;
}

/* WhatsApp */
.share-whatsapp {
	background: #25d366 !important;
	color: white !important;
	border-color: #25d366 !important;
	border-radius: 50% !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	max-width: 44px !important;
	max-height: 44px !important;
	aspect-ratio: 1 / 1 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.share-whatsapp:hover {
	background: #20ba5a !important;
	color: white !important;
}

.share-print {
	background: #6b7280 !important;
	color: white !important;
	border-color: #6b7280 !important;
	border-radius: 50% !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	max-width: 44px !important;
	max-height: 44px !important;
	aspect-ratio: 1 / 1 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.share-print:hover {
	background: #4b5563 !important;
	color: white !important;
}

/* Hide Print Friendly buttons - complete removal */
.pf-button,
a[href*="printfriendly"],
.printfriendly,
.pf-button-content,
.pf-alignleft,
.pf-alignright,
.pf-aligncenter,
.pf-button-img,
.pf-button-text,
#printfriendly-text2,
.entry-content .pf-button,
.entry-content a[href*="printfriendly"],
.entry-content .printfriendly,
.entry-content .pf-button-content {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	left: -9999px !important;
}

/* Social Share Buttons - Highlight and Share plugin */
.entry-content .has-content-area,
.entry-content .has-social-placeholder,
.highlight-and-share,
.highlight-and-share-container {
	margin: 2rem 0 !important;
	padding: 1.5rem 0 !important;
	border-top: 1px solid var(--border-color) !important;
	border-bottom: 1px solid var(--border-color) !important;
}

.entry-content .has-content-area a,
.entry-content .has-social-placeholder a,
.highlight-and-share a,
.highlight-and-share-container a,
.has-share-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-right: 0.75rem !important;
	margin-bottom: 0.5rem !important;
	padding: 0.6rem 1.2rem !important;
	background: var(--bg-light) !important;
	color: var(--text-color) !important;
	border: 1px solid var(--border-color) !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

.entry-content .has-content-area a:hover,
.entry-content .has-social-placeholder a:hover,
.highlight-and-share a:hover,
.highlight-and-share-container a:hover,
.has-share-button:hover {
	background: var(--primary-color) !important;
	color: white !important;
	border-color: var(--primary-color) !important;
	text-decoration: none !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Facebook share button */
.entry-content a[href*="facebook"],
.highlight-and-share a[href*="facebook"] {
	background: #1877f2 !important;
	color: white !important;
	border-color: #1877f2 !important;
}

.entry-content a[href*="facebook"]:hover,
.highlight-and-share a[href*="facebook"]:hover {
	background: #166fe5 !important;
}

/* Twitter/X share button */
.entry-content a[href*="twitter"],
.entry-content a[href*="x.com"],
.highlight-and-share a[href*="twitter"],
.highlight-and-share a[href*="x.com"] {
	background: #1da1f2 !important;
	color: white !important;
	border-color: #1da1f2 !important;
}

.entry-content a[href*="twitter"]:hover,
.entry-content a[href*="x.com"]:hover,
.highlight-and-share a[href*="twitter"]:hover,
.highlight-and-share a[href*="x.com"]:hover {
	background: #1a91da !important;
}

/* Pagination */
.pagination {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin: 3rem 0;
}

.pagination a,
.pagination span {
	display: inline-block;
	padding: 0.5rem 1rem;
	border: 1px solid var(--border-color);
	border-radius: 4px;
	text-decoration: none;
}

.pagination a:hover {
	background: var(--primary-color);
	color: white;
	border-color: var(--primary-color);
}

.pagination .current {
	background: var(--primary-color);
	color: white;
	border-color: var(--primary-color);
}

/* Popular Posts Below Article - Single Post */
.popular-posts-below-article {
	margin: 4rem 0;
	padding: 3.5rem 2rem;
	border-top: 3px solid var(--primary-color);
	border-bottom: 1px solid var(--border-color);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, var(--bg-light) 10%, var(--bg-light) 90%, rgba(255, 255, 255, 0.3) 100%);
	position: relative;
}

.popular-posts-below-article::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(to right, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent);
}

.popular-posts-widget-container {
	max-width: 100%;
}

.popular-posts-below-article .widget-title,
.popular-posts-below-article h2,
.popular-posts-title {
	font-size: 2rem;
	font-weight: 700;
	color: var(--text-color);
	margin-bottom: 2.5rem;
	text-align: center;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 1rem;
}

.popular-posts-below-article .widget-title::after,
.popular-posts-below-article h2::after,
.popular-posts-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 3px;
	background: var(--primary-color);
	border-radius: 2px;
}

.popular-posts-below-article .wpp-list,
.popular-posts-below-article ul.wpp-list,
.popular-posts-below-article .wpp-cards-compact {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 2rem;
	margin-top: 2rem;
	list-style: none;
	padding: 0;
}

.popular-posts-below-article .wpp-list li,
.popular-posts-below-article .wpp-cards-compact li {
	flex-direction: column;
	align-items: stretch;
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
	background: var(--bg-color);
	border: 1px solid var(--border-color);
	border-radius: 12px;
	padding: 0;
	transition: all 0.3s ease;
	gap: 0;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.popular-posts-below-article .wpp-list li:hover,
.popular-posts-below-article .wpp-cards-compact li:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	transform: translateY(-4px);
	border-color: var(--primary-color);
}

.popular-posts-below-article .wpp-thumbnail,
.popular-posts-below-article .wpp-thumbnail img,
.popular-posts-below-article img[class*="wpp"],
.popular-posts-below-article .wpp-list li img,
.popular-posts-below-article .wpp-cards-compact li img {
	width: 100% !important;
	height: 200px !important;
	margin: 0 !important;
	border-radius: 0;
	overflow: hidden;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.popular-posts-below-article .wpp-list li:hover img,
.popular-posts-below-article .wpp-cards-compact li:hover img {
	transform: scale(1.05);
}

.popular-posts-below-article .wpp-item-data {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 1.5rem;
}

.popular-posts-below-article .wpp-post-title,
.popular-posts-below-article .wpp-post-title a {
	font-size: 1.2rem !important;
	line-height: 1.4 !important;
	margin-bottom: 0.75rem !important;
	color: var(--text-color) !important;
	font-weight: 600 !important;
}

.popular-posts-below-article .wpp-post-title a:hover {
	color: var(--primary-color) !important;
}

.popular-posts-below-article .taxonomies,
.popular-posts-below-article .wpp-category {
	margin-bottom: 0.5rem;
}

.popular-posts-below-article .wpp-meta,
.popular-posts-below-article .post-stats {
	margin-top: 0.75rem;
	padding-top: 0.75rem;
	border-top: 1px solid var(--border-color);
	font-size: 0.85rem;
	color: var(--text-light);
}

@media (min-width: 768px) {
	.popular-posts-below-article .wpp-list,
	.popular-posts-below-article .wpp-cards-compact {
		grid-template-columns: repeat(2, 1fr);
		gap: 2.5rem;
	}
}

@media (min-width: 1200px) {
	.popular-posts-below-article .wpp-list,
	.popular-posts-below-article .wpp-cards-compact {
		grid-template-columns: repeat(3, 1fr);
		gap: 3rem;
	}
}

/* Popular Posts Tiles Section - After Post Navigation */
.popular-posts-tiles-section {
	margin: 1rem 0 0.5rem 0;
	padding: 0.75rem 0;
	border-top: 2px solid var(--border-color);
	border-bottom: 2px solid var(--border-color);
	position: relative;
}

.popular-posts-tiles-title {
	font-size: 2rem;
	font-weight: 700;
	color: var(--text-color);
	margin: 0 0 0.75rem 0;
	text-align: center;
	position: relative;
	padding-bottom: 0.5rem;
}

.popular-posts-tiles-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 3px;
	background: var(--primary-color);
	border-radius: 2px;
}

.popular-posts-tiles-container {
	margin-top: 0;
}

.popular-posts-tiles-container .wpp-list,
.popular-posts-tiles-container ul.wpp-list,
.popular-posts-tiles-container .wpp-cards-compact {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 768px) {
	.popular-posts-tiles-container .wpp-list,
	.popular-posts-tiles-container ul.wpp-list,
	.popular-posts-tiles-container .wpp-cards-compact {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.popular-posts-tiles-container .wpp-list,
	.popular-posts-tiles-container ul.wpp-list,
	.popular-posts-tiles-container .wpp-cards-compact {
		grid-template-columns: repeat(4, 1fr);
	}
}

.popular-posts-tiles-container .wpp-list li,
.popular-posts-tiles-container .wpp-cards-compact li {
	flex-direction: column;
	align-items: stretch;
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
	background: var(--bg-color);
	border: 1px solid var(--border-color);
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	display: flex;
}

.popular-posts-tiles-container .wpp-list li:hover,
.popular-posts-tiles-container .wpp-cards-compact li:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	transform: translateY(-4px);
	border-color: var(--primary-color);
}

.popular-posts-tiles-container .wpp-thumbnail {
	float: none;
	margin: 0;
	border-radius: 0;
	overflow: hidden;
	flex-shrink: 0;
	width: 100%;
	aspect-ratio: 16 / 9;
	position: relative;
}

.popular-posts-tiles-container .wpp-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	display: block;
	transition: transform 0.3s ease;
}

.popular-posts-tiles-container .wpp-list li:hover .wpp-thumbnail img,
.popular-posts-tiles-container .wpp-cards-compact li:hover .wpp-thumbnail img {
	transform: scale(1.05);
}

.popular-posts-tiles-container .wpp-item-data {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	padding: 1.5rem;
	gap: 0.75rem;
}

.popular-posts-tiles-container .wpp-post-title {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0;
	color: var(--text-color);
}

.popular-posts-tiles-container .wpp-post-title a {
	color: var(--text-color);
	text-decoration: none;
	transition: color 0.2s ease;
}

.popular-posts-tiles-container .wpp-post-title a:hover {
	color: var(--primary-color);
	text-decoration: underline;
}

.popular-posts-tiles-container .wpp-excerpt {
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--text-light);
	margin-top: 0.5rem;
}

.popular-posts-tiles-container .wpp-meta,
.popular-posts-tiles-container .wpp-stats {
	font-size: 0.85rem;
	color: var(--text-light);
	margin-top: auto;
	padding-top: 0.75rem;
	border-top: 1px solid var(--border-color);
}

.popular-posts-tiles-container .wpp-date,
.popular-posts-tiles-container .post-date {
	font-size: 0.85rem;
	color: var(--text-light);
	margin-top: 0.5rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.popular-posts-tiles-container .wpp-date::before {
	content: '📅';
	margin-right: 0.25rem;
}

@media (max-width: 768px) {
	.popular-posts-tiles-section {
		margin: 1rem 0 0.5rem 0;
		padding: 0.75rem 0;
	}
	
	.popular-posts-tiles-title {
		font-size: 1.5rem;
		margin-bottom: 0.75rem;
	}
	
	.popular-posts-tiles-container .wpp-list,
	.popular-posts-tiles-container ul.wpp-list,
	.popular-posts-tiles-container .wpp-cards-compact {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

/* Sidebar */
#secondary {
	margin-top: 2rem;
}

.widget {
	margin-bottom: 2rem;
	padding: 1.5rem;
	background: var(--bg-light);
	border-radius: 8px;
	overflow: hidden; /* Prevent content from overflowing */
	word-wrap: break-word;
	max-width: 100%;
}

.widget * {
	max-width: 100%;
	box-sizing: border-box;
}

/* Fix widget lists */
.widget ul,
.widget ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget li {
	margin-bottom: 0.75rem;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* Hide popular posts widget from sidebar on single posts */
.single #secondary .widget[id*="wpp-"],
.single #secondary .widget[id*="wordpress-popular-posts"] {
	display: none !important;
}

.widget-title {
	font-size: 1.25rem;
	margin-bottom: 1rem;
}

/* Footer */
.site-footer {
	background: var(--bg-light);
	border-top: 1px solid var(--border-color);
	padding: 3rem 0 1.5rem;
	margin-top: 4rem;
}

.footer-container {
	width: 100%;
}

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

.footer-widget-area {
	display: flex;
	flex-direction: column;
}

.footer-content {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.footer-navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-navigation a {
	color: var(--text-color);
	text-decoration: none;
	font-weight: 500;
}

.footer-navigation a:hover {
	color: var(--primary-color);
	text-decoration: underline;
}

.footer-social {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.site-info {
	text-align: center;
	padding-top: 1.5rem;
	border-top: 1px solid var(--border-color);
	color: var(--text-light);
	font-size: 0.875rem;
}

.site-info p {
	margin: 0;
}

.footer-navigation {
	margin-bottom: 1rem;
}

#footer-menu {
	display: flex;
	list-style: none;
	gap: 1.5rem;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}

#footer-menu a {
	color: var(--text-color);
	font-size: 0.875rem;
}

#footer-menu a:hover {
	color: var(--primary-color);
	text-decoration: none;
}

.footer-social {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.footer-social .widget {
	margin: 0;
	padding: 0;
	background: none;
}

.footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--primary-color);
	color: white;
	text-decoration: none;
	transition: var(--transition);
}

.footer-social a:hover {
	background: var(--secondary-color);
	transform: translateY(-2px);
	text-decoration: none;
}

.site-info {
	font-size: 0.875rem;
	color: var(--text-light);
	text-align: center;
	padding-top: 1rem;
	border-top: 1px solid var(--border-color);
}

/* Header Right Section (Search + Social) */
.header-right {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.75rem;
	transition: none !important; /* No transitions - instant switch */
	margin-left: 1.5rem;
	order: 4;
	transition: none !important; /* Instant switch - no transitions */
}

/* Header Social Media */
.header-social {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.75rem;
	margin: 0;
}

.header-social .widget {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

/* Remove any list styling and dots from widgets */
.header-social ul,
.header-social ol,
.header-social li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Fix WordPress social link blocks - override inline-block */
.header-social .wp-social-link,
.header-social .wp-block-social-link {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	max-width: 40px !important;
	max-height: 40px !important;
	border-radius: 50% !important;
	aspect-ratio: 1 / 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.header-social .wp-social-link .wp-block-social-link-anchor,
.header-social .wp-block-social-link .wp-block-social-link-anchor {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.header-social .wp-social-link svg,
.header-social .wp-block-social-link svg {
	width: 20px !important;
	height: 20px !important;
}

.header-social ul::before,
.header-social ul::after,
.header-social li::before,
.header-social li::after {
	content: none !important;
	display: none !important;
}

/* Ensure no bullets appear */
.header-social * {
	list-style-type: none !important;
}

/* Cherry Socialize compatibility */
.header-social .cs-user-social,
.header-social .cs-user-social__list {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-social .cs-user-social__item {
	margin: 0;
	padding: 0;
}

.header-social .cs-user-social__link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	max-width: 40px !important;
	max-height: 40px !important;
	border-radius: 50% !important; /* Perfectly round */
	aspect-ratio: 1 / 1 !important; /* Force square */
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	font-size: 18px;
	border: 2px solid transparent;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	overflow: hidden !important;
	box-sizing: border-box !important;
	padding: 0 !important;
}

.header-social .cs-user-social__link:hover {
	transform: translateY(-3px) scale(1.05);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	color: white;
	border-color: rgba(255, 255, 255, 0.3);
}

/* Brand colors for specific social networks - ensure they work on home page */
.header-social .cs-user-social__link[href*="facebook"],
body.home .header-social .cs-user-social__link[href*="facebook"],
body.blog .header-social .cs-user-social__link[href*="facebook"] {
	background: linear-gradient(135deg, #1877f2 0%, #0d5fbf 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social .cs-user-social__link[href*="twitter"],
.header-social .cs-user-social__link[href*="x.com"],
body.home .header-social .cs-user-social__link[href*="twitter"],
body.home .header-social .cs-user-social__link[href*="x.com"],
body.blog .header-social .cs-user-social__link[href*="twitter"],
body.blog .header-social .cs-user-social__link[href*="x.com"] {
	background: linear-gradient(135deg, #1da1f2 0%, #0d8bd9 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social .cs-user-social__link[href*="instagram"],
body.home .header-social .cs-user-social__link[href*="instagram"],
body.blog .header-social .cs-user-social__link[href*="instagram"] {
	background: linear-gradient(135deg, #e4405f 0%, #c13584 50%, #833ab4 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social .cs-user-social__link[href*="youtube"],
body.home .header-social .cs-user-social__link[href*="youtube"],
body.blog .header-social .cs-user-social__link[href*="youtube"] {
	background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social .cs-user-social__link[href*="linkedin"],
body.home .header-social .cs-user-social__link[href*="linkedin"],
body.blog .header-social .cs-user-social__link[href*="linkedin"] {
	background: linear-gradient(135deg, #0077b5 0%, #005885 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social .cs-user-social__link-icon,
body.home .header-social .cs-user-social__link-icon,
body.blog .header-social .cs-user-social__link-icon {
	width: 20px;
	height: 20px;
	line-height: 1;
	font-size: 18px;
	color: white !important;
	fill: white !important;
}

.header-social .cs-user-social__link-text {
	display: none;
}

/* Custom social links */
.header-social-links {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.header-social-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	max-width: 40px !important;
	max-height: 40px !important;
	border-radius: 50% !important; /* Perfectly round */
	aspect-ratio: 1 / 1 !important; /* Force square */
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	font-size: 18px;
	border: 2px solid transparent;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	overflow: hidden !important;
	box-sizing: border-box !important;
	padding: 0 !important;
}

.header-social-link:hover {
	transform: translateY(-3px) scale(1.05);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	color: white;
	border-color: rgba(255, 255, 255, 0.3);
}

/* Brand colors for specific social networks - ensure they work on home page */
.header-social-link[href*="facebook"],
.header-social-link--facebook,
body.home .header-social-link[href*="facebook"],
body.home .header-social-link--facebook,
body.blog .header-social-link[href*="facebook"],
body.blog .header-social-link--facebook {
	background: linear-gradient(135deg, #1877f2 0%, #0d5fbf 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social-link[href*="twitter"],
.header-social-link[href*="x.com"],
.header-social-link--twitter,
body.home .header-social-link[href*="twitter"],
body.home .header-social-link[href*="x.com"],
body.home .header-social-link--twitter,
body.blog .header-social-link[href*="twitter"],
body.blog .header-social-link[href*="x.com"],
body.blog .header-social-link--twitter {
	background: linear-gradient(135deg, #1da1f2 0%, #0d8bd9 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social-link[href*="instagram"],
.header-social-link--instagram,
body.home .header-social-link[href*="instagram"],
body.home .header-social-link--instagram,
body.blog .header-social-link[href*="instagram"],
body.blog .header-social-link--instagram {
	background: linear-gradient(135deg, #e4405f 0%, #c13584 50%, #833ab4 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social-link[href*="youtube"],
.header-social-link--youtube,
body.home .header-social-link[href*="youtube"],
body.home .header-social-link--youtube,
body.blog .header-social-link[href*="youtube"],
body.blog .header-social-link--youtube {
	background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social-link[href*="linkedin"],
.header-social-link--linkedin,
body.home .header-social-link[href*="linkedin"],
body.home .header-social-link--linkedin,
body.blog .header-social-link[href*="linkedin"],
body.blog .header-social-link--linkedin {
	background: linear-gradient(135deg, #0077b5 0%, #005885 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social-link i,
body.home .header-social-link i,
body.blog .header-social-link i {
	width: 20px;
	height: 20px;
	line-height: 1;
	font-size: 18px;
	color: white !important;
	fill: white !important;
}

/* Widget-based social links - style all links in header-social (but not WordPress blocks) */
.header-social a:not(.header-social-link):not(.cs-user-social__link):not(.wp-block-social-link-anchor) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	max-width: 40px !important;
	max-height: 40px !important;
	border-radius: 50% !important;
	aspect-ratio: 1 / 1 !important;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	font-size: 18px;
	border: 2px solid transparent;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	overflow: hidden !important;
	box-sizing: border-box !important;
	padding: 0 !important;
}

.header-social a:not(.header-social-link):not(.cs-user-social__link):hover {
	transform: translateY(-3px) scale(1.05);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	color: white;
	border-color: rgba(255, 255, 255, 0.3);
}

/* Brand colors for widget-based links - ensure they work on home page too */
.header-social a[href*="facebook"]:not(.header-social-link):not(.cs-user-social__link),
body.home .header-social a[href*="facebook"]:not(.header-social-link):not(.cs-user-social__link),
body.blog .header-social a[href*="facebook"]:not(.header-social-link):not(.cs-user-social__link) {
	background: linear-gradient(135deg, #1877f2 0%, #0d5fbf 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social a[href*="twitter"]:not(.header-social-link):not(.cs-user-social__link),
.header-social a[href*="x.com"]:not(.header-social-link):not(.cs-user-social__link),
body.home .header-social a[href*="twitter"]:not(.header-social-link):not(.cs-user-social__link),
body.home .header-social a[href*="x.com"]:not(.header-social-link):not(.cs-user-social__link),
body.blog .header-social a[href*="twitter"]:not(.header-social-link):not(.cs-user-social__link),
body.blog .header-social a[href*="x.com"]:not(.header-social-link):not(.cs-user-social__link) {
	background: linear-gradient(135deg, #1da1f2 0%, #0d8bd9 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social a[href*="instagram"]:not(.header-social-link):not(.cs-user-social__link),
body.home .header-social a[href*="instagram"]:not(.header-social-link):not(.cs-user-social__link),
body.blog .header-social a[href*="instagram"]:not(.header-social-link):not(.cs-user-social__link) {
	background: linear-gradient(135deg, #e4405f 0%, #c13584 50%, #833ab4 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social a[href*="youtube"]:not(.header-social-link):not(.cs-user-social__link),
body.home .header-social a[href*="youtube"]:not(.header-social-link):not(.cs-user-social__link),
body.blog .header-social a[href*="youtube"]:not(.header-social-link):not(.cs-user-social__link) {
	background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social a[href*="linkedin"]:not(.header-social-link):not(.cs-user-social__link),
body.home .header-social a[href*="linkedin"]:not(.header-social-link):not(.cs-user-social__link),
body.blog .header-social a[href*="linkedin"]:not(.header-social-link):not(.cs-user-social__link) {
	background: linear-gradient(135deg, #0077b5 0%, #005885 100%) !important;
	filter: none !important;
	-webkit-filter: none !important;
}

.header-social a svg,
.header-social a i:not(.cs-user-social__link-icon):not(.header-social-link i),
.header-social a .fa,
.header-social a .fab,
.header-social a .fas,
.header-social a .far,
.header-social a .fal,
body.home .header-social a svg,
body.home .header-social a i,
body.home .header-social a .fa,
body.home .header-social a .fab,
body.home .header-social a .fas,
body.home .header-social a .far,
body.home .header-social a .fal,
body.blog .header-social a svg,
body.blog .header-social a i,
body.blog .header-social a .fa,
body.blog .header-social a .fab,
body.blog .header-social a .fas,
body.blog .header-social a .far,
body.blog .header-social a .fal {
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
	max-width: 20px !important;
	max-height: 20px !important;
	font-size: 18px !important;
	color: white !important; /* Force icons to be white */
	fill: white !important; /* For SVG icons */
	stroke: white !important; /* For SVG stroke */
	aspect-ratio: 1 / 1 !important;
	object-fit: contain !important;
	flex-shrink: 0 !important;
	line-height: 1 !important;
}

/* Ensure SVG icons don't distort - keep fixed dimensions */
.header-social a svg,
.header-social .header-social-link svg,
.header-social .cs-user-social__link svg {
	width: 20px !important;
	height: 20px !important;
	max-width: 20px !important;
	max-height: 20px !important;
	aspect-ratio: 1 / 1 !important;
}

/* Ensure social icons are always colorful - override any grayscale filters */
.header-social a,
.header-social .header-social-link,
.header-social .cs-user-social__link,
.header-social a img,
.header-social a svg,
.header-social a i,
.header-social .header-social-link img,
.header-social .header-social-link svg,
.header-social .header-social-link i,
.header-social .cs-user-social__link img,
.header-social .cs-user-social__link svg,
.header-social .cs-user-social__link i,
body.home .header-social a,
body.home .header-social .header-social-link,
body.home .header-social .cs-user-social__link,
body.blog .header-social a,
body.blog .header-social .header-social-link,
body.blog .header-social .cs-user-social__link,
body.front-page .header-social a,
body.front-page .header-social .header-social-link,
body.front-page .header-social .cs-user-social__link {
	filter: none !important;
	-webkit-filter: none !important;
	-moz-filter: none !important;
	-ms-filter: none !important;
	-o-filter: none !important;
	filter: grayscale(0) !important;
	-webkit-filter: grayscale(0) !important;
}

/* Ensure SVG icons inside social links are white and colorful */
.header-social a svg,
.header-social .header-social-link svg,
.header-social .cs-user-social__link svg,
.header-social a svg *,
.header-social .header-social-link svg *,
.header-social .cs-user-social__link svg *,
body.home .header-social a svg,
body.home .header-social .header-social-link svg,
body.home .header-social .cs-user-social__link svg,
body.home .header-social a svg *,
body.home .header-social .header-social-link svg *,
body.home .header-social .cs-user-social__link svg *,
body.blog .header-social a svg,
body.blog .header-social .header-social-link svg,
body.blog .header-social .cs-user-social__link svg,
body.blog .header-social a svg *,
body.blog .header-social .header-social-link svg *,
body.blog .header-social .cs-user-social__link svg * {
	fill: white !important;
	color: white !important;
	stroke: white !important;
	filter: none !important;
	-webkit-filter: none !important;
}

/* Ensure social icon backgrounds are always colorful */
.header-social a,
.header-social .header-social-link,
.header-social .cs-user-social__link,
body.home .header-social a,
body.home .header-social .header-social-link,
body.home .header-social .cs-user-social__link {
	background-image: none !important;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* Force all icon elements inside social links to be white */
.header-social a *,
.header-social .header-social-link *,
.header-social .cs-user-social__link *,
body.home .header-social a *,
body.home .header-social .header-social-link *,
body.home .header-social .cs-user-social__link *,
body.blog .header-social a *,
body.blog .header-social .header-social-link *,
body.blog .header-social .cs-user-social__link * {
	color: white !important;
	fill: white !important;
	stroke: white !important;
}

/* Smaller social icons when scrolled */
.site-header.scrolled .header-right {
	margin-left: 1rem;
	gap: 0.5rem;
}

.site-header.scrolled .header-social {
	gap: 0.5rem;
}

.site-header.scrolled .header-social a,
.site-header.scrolled .header-social-link,
.site-header.scrolled .header-social .cs-user-social__link {
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	min-height: 34px !important;
	max-width: 34px !important;
	max-height: 34px !important;
	border-radius: 50% !important; /* Perfectly round */
	aspect-ratio: 1 / 1 !important; /* Force square */
	font-size: 16px;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.site-header.scrolled .header-social a svg,
.site-header.scrolled .header-social a i,
.site-header.scrolled .header-social-link i,
.site-header.scrolled .header-social .cs-user-social__link-icon {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	min-height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	font-size: 16px !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: contain !important;
	flex-shrink: 0 !important;
}

/* Mobile Header Actions - Social & Search */
.mobile-header-actions {
	display: none; /* Hidden on desktop by default */
	flex-shrink: 0;
	align-items: center;
	gap: 0.75rem;
	position: relative;
}

/* Ensure mobile actions are hidden on desktop */
@media (min-width: 769px) {
	.mobile-header-actions {
		display: none !important; /* Force hide on desktop */
	}
	
	.mobile-menu-toggle {
		display: none !important;
	}
	
	/* Desktop menu toggle is hidden by default, only shown when needed (see rules above) */
	.desktop-menu-toggle {
		display: none !important;
	}
}

.mobile-search-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 2px solid var(--border-color);
	border-radius: 50%;
	background: var(--bg-color);
	color: var(--text-color);
	cursor: pointer;
	transition: all 0.2s ease;
	padding: 0;
	flex-shrink: 0;
}

.mobile-search-toggle:hover,
.mobile-search-toggle.active {
	background: var(--primary-color);
	color: white;
	border-color: var(--primary-color);
}

.mobile-search-toggle svg {
	width: 20px;
	height: 20px;
}

.mobile-social {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.mobile-social .header-social,
.mobile-social .header-social-links,
.mobile-social .cs-user-social,
.mobile-social .cs-user-social__list {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
}

.mobile-social a,
.mobile-social .header-social-link,
.mobile-social .cs-user-social__link {
	width: 32px !important;
	height: 32px !important;
	font-size: 14px;
	min-width: 32px !important;
	min-height: 32px !important;
	max-width: 32px !important;
	max-height: 32px !important;
	border-radius: 50% !important; /* Make them perfectly round */
	color: white !important; /* Force icon color to white */
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.mobile-social a svg,
.mobile-social a i,
.mobile-social .header-social-link i,
.mobile-social .cs-user-social__link-icon,
.mobile-social a .fa,
.mobile-social a .fab,
.mobile-social a .fas,
.mobile-social a .far,
.mobile-social a .fal {
	width: 16px !important;
	height: 16px !important;
	font-size: 14px !important;
	color: white !important; /* Force icon color to white */
	fill: white !important; /* For SVG icons */
	stroke: white !important; /* For SVG stroke */
	line-height: 1 !important;
	flex-shrink: 0 !important;
}

/* Fix WordPress social link blocks in mobile - override inline-block */
.mobile-social .wp-social-link,
.mobile-social .wp-block-social-link {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mobile-social .wp-social-link .wp-block-social-link-anchor,
.mobile-social .wp-block-social-link .wp-block-social-link-anchor {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.mobile-social .wp-social-link svg,
.mobile-social .wp-block-social-link svg {
	width: 16px !important;
	height: 16px !important;
}

/* Force mobile social icons to be white and colorful on home page */
@media (max-width: 768px) {
	/* Ensure mobile social icons have colorful backgrounds and are round */
	.mobile-social a,
	.mobile-social .header-social-link,
	.mobile-social .cs-user-social__link {
		width: 32px !important;
		height: 32px !important;
		min-width: 32px !important;
		min-height: 32px !important;
		max-width: 32px !important;
		max-height: 32px !important;
		border-radius: 50% !important; /* Perfectly round */
		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
		filter: none !important;
		-webkit-filter: none !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
	
	/* Brand colors for mobile social icons */
	.mobile-social a[href*="facebook"],
	.mobile-social .header-social-link[href*="facebook"],
	.mobile-social .cs-user-social__link[href*="facebook"] {
		background: linear-gradient(135deg, #1877f2 0%, #0d5fbf 100%) !important;
	}
	
	.mobile-social a[href*="twitter"],
	.mobile-social a[href*="x.com"],
	.mobile-social .header-social-link[href*="twitter"],
	.mobile-social .header-social-link[href*="x.com"],
	.mobile-social .cs-user-social__link[href*="twitter"],
	.mobile-social .cs-user-social__link[href*="x.com"] {
		background: linear-gradient(135deg, #1da1f2 0%, #0d8bd9 100%) !important;
	}
	
	.mobile-social a[href*="instagram"],
	.mobile-social .header-social-link[href*="instagram"],
	.mobile-social .cs-user-social__link[href*="instagram"] {
		background: linear-gradient(135deg, #e4405f 0%, #c13584 50%, #833ab4 100%) !important;
	}
	
	.mobile-social a[href*="youtube"],
	.mobile-social .header-social-link[href*="youtube"],
	.mobile-social .cs-user-social__link[href*="youtube"] {
		background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%) !important;
	}
	
	.mobile-social a[href*="linkedin"],
	.mobile-social .header-social-link[href*="linkedin"],
	.mobile-social .cs-user-social__link[href*="linkedin"] {
		background: linear-gradient(135deg, #0077b5 0%, #005885 100%) !important;
	}
	
	/* Force icon colors to white on home page */
	body.home .mobile-social a,
	body.home .mobile-social a *,
	body.home .mobile-social .header-social-link,
	body.home .mobile-social .header-social-link *,
	body.home .mobile-social .cs-user-social__link,
	body.home .mobile-social .cs-user-social__link *,
	body.home .mobile-social a i,
	body.home .mobile-social a svg,
	body.home .mobile-social a .fa,
	body.home .mobile-social a .fab,
	body.home .mobile-social a .fas,
	body.home .mobile-social a .far,
	body.home .mobile-social a .fal,
	body.home .mobile-social .header-social-link i,
	body.home .mobile-social .header-social-link svg,
	body.home .mobile-social .cs-user-social__link-icon,
	body.blog .mobile-social a,
	body.blog .mobile-social a *,
	body.blog .mobile-social .header-social-link,
	body.blog .mobile-social .header-social-link *,
	body.blog .mobile-social .cs-user-social__link,
	body.blog .mobile-social .cs-user-social__link *,
	body.blog .mobile-social a i,
	body.blog .mobile-social a svg,
	body.blog .mobile-social a .fa,
	body.blog .mobile-social a .fab,
	body.blog .mobile-social a .fas,
	body.blog .mobile-social a .far,
	body.blog .mobile-social a .fal {
		color: white !important;
		fill: white !important;
		stroke: white !important;
	}
}

.mobile-search-form {
	position: absolute;
	top: calc(100% + 0.5rem);
	right: 0;
	background: var(--bg-color);
	padding: 1rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	z-index: 10001;
	min-width: 280px;
	width: calc(100vw - 2rem);
	max-width: 400px;
	border: 1px solid var(--border-color);
}

@media (max-width: 768px) {
	.mobile-search-form {
		right: 0;
		left: auto;
		width: calc(100vw - 2rem);
		max-width: 350px;
	}
}

.mobile-search-form .search-form {
	width: 100%;
}

.mobile-search-form .search-field {
	width: 100%;
	padding: 0.75rem 1rem;
	padding-right: 3rem;
	font-size: 1rem;
}

.mobile-search-form .search-submit {
	right: 1rem;
}

/* Hide desktop header-right on mobile, show mobile actions */
@media (max-width: 768px) {
	.header-right {
		display: none !important;
	}
	
	.header-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.75rem;
		flex-wrap: nowrap;
	}
	
	.site-branding {
		flex-shrink: 0;
		order: 1;
	}
	
	.mobile-header-actions {
		display: flex !important;
		flex-direction: column;
		align-items: flex-end;
		gap: 0.4rem;
		margin-left: auto;
		order: 2;
		flex-shrink: 0;
		position: relative;
	}
	
	.mobile-actions-row {
		display: flex;
		align-items: center;
		gap: 0.5rem;
	}
	
	.main-navigation {
		order: 3;
		flex-shrink: 0;
	}
	
	/* Hide desktop menu toggle on mobile - always */
	.desktop-menu-toggle {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}
	
	/* Show mobile menu toggle - always visible on mobile, even when scrolled */
	.mobile-menu-toggle,
	.site-header.scrolled .mobile-menu-toggle,
	.site-header.expanded .mobile-menu-toggle {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		z-index: 10001 !important;
		pointer-events: auto !important;
		cursor: pointer !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		min-height: 40px !important;
		background: var(--bg-light) !important;
		border: 2px solid var(--border-color) !important;
		border-radius: 6px !important;
		padding: 0.5rem !important;
	}
	
	.mobile-menu-toggle:hover,
	.mobile-menu-toggle:active,
	.mobile-menu-toggle:focus {
		background: var(--primary-color) !important;
		border-color: var(--primary-color) !important;
		pointer-events: auto !important;
		cursor: pointer !important;
	}
	
	/* Ensure mobile social links display properly */
	.mobile-social {
		display: flex !important;
		align-items: center;
		gap: 0.4rem;
		flex-wrap: wrap;
		justify-content: flex-end;
		max-width: 200px;
		order: 1;
	}
	
	.mobile-actions-row {
		order: 2;
		display: flex;
		align-items: center;
		gap: 0.5rem;
		justify-content: flex-end;
	}
	
	.mobile-actions-row .menu-toggle,
	.mobile-actions-row .mobile-menu-toggle,
	.site-header.scrolled .mobile-actions-row .mobile-menu-toggle {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	.mobile-social .widget,
	.mobile-social .header-social,
	.mobile-social .header-social-links,
	.mobile-social .cs-user-social,
	.mobile-social .cs-user-social__list {
		display: flex !important;
		align-items: center;
		gap: 0.5rem;
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
		border: none !important;
	}
	
	.mobile-social ul,
	.mobile-social li {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		gap: 0.5rem;
	}
}

/* Search Form */
.header-search {
	flex-shrink: 0;
	transition: none !important; /* No transitions - instant switch */
	margin: 0;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

/* Compact search when scrolled */
.site-header.scrolled .header-content {
	display: flex !important; /* Explicit for Firefox */
	align-items: center !important;
	flex-wrap: nowrap !important;
	justify-content: space-between !important; /* Better spacing */
	gap: 1rem !important;
}

.site-header.scrolled .site-branding {
	flex-shrink: 0;
	transition: none !important; /* Instant switch - no transitions */
}

.site-header.scrolled .header-right {
	max-width: 250px;
	transition: none !important; /* Instant switch - no transitions */
}

.site-header.scrolled .header-search {
	flex-shrink: 0;
	max-width: 250px;
	min-width: 200px;
	margin: 0;
	transition: none !important; /* Instant switch - no transitions */
}

/* Ensure burger menu doesn't shrink */
.site-header.scrolled .desktop-menu-toggle {
	flex: 0 0 44px !important; /* More explicit for Firefox */
	min-width: 44px !important;
	max-width: 44px !important;
}

.site-header.scrolled .search-field {
	width: 180px;
	padding: 0.4rem 0.875rem;
	padding-right: 2.25rem;
	font-size: 0.8125rem;
}

.site-header.scrolled .search-field:focus {
	width: 220px;
}

.search-form {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	position: relative;
}

.search-label {
	display: flex;
	align-items: center;
}

.search-field {
	padding: 0.5rem 1rem;
	padding-right: 2.5rem;
	border: 1px solid var(--border-color);
	border-radius: 20px;
	font-size: 0.875rem;
	width: 200px;
	transition: var(--transition);
	background: var(--bg-color);
}

.search-field:focus {
	outline: none;
	border-color: var(--primary-color);
	width: 250px;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.search-submit {
	position: absolute;
	right: 0.5rem;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0.25rem;
	color: var(--text-light);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition);
}

.search-submit:hover {
	color: var(--primary-color);
}

.search-submit svg {
	width: 18px;
	height: 18px;
}


/* Responsive */
@media (max-width: 1024px) {
	.header-search {
		display: none;
	}
	
	.main-navigation {
		margin: 0 1rem;
		position: relative;
	}
	
	/* Menu toggle - always visible on mobile */
	.menu-toggle {
		display: flex !important;
		pointer-events: auto !important;
		cursor: pointer !important;
		z-index: 10001 !important;
		position: relative !important;
		margin-left: auto;
		order: 2;
	}
	
	/* Menu hidden by default on mobile */
	#main-menu,
	#primary-menu {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		position: absolute;
		top: calc(100% + 0.5rem);
		left: 0;
		right: 0;
		width: 100%;
		background: var(--bg-color);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
		flex-direction: column;
		padding: 1rem 0;
		margin: 0;
		gap: 0;
		max-height: calc(100vh - 120px);
		overflow-y: auto;
		z-index: 10000;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		border-radius: 8px;
	}
	
	/* Show menu when active class is added OR when aria-expanded is true */
	#main-menu.active,
	#primary-menu.active,
	.menu-toggle[aria-expanded="true"] + #main-menu,
	.menu-toggle[aria-expanded="true"] + #primary-menu {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		flex-direction: column !important;
		background: var(--bg-color) !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
		border-radius: 0 0 8px 8px !important;
		padding: 1rem 0 !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		/* Ensure menu can show all items with proper scrolling */
		max-height: calc(100vh - 90px) !important;
		/* Ensure all content is visible */
		clip: auto !important;
	}
	
	/* OPTIMIZED: Use CSS class instead of inline styles for mobile menu items */
	/* This prevents layout thrashing from setting inline styles on every element */
	/* Apply to both mobile-menu-active class AND active class for tablet compatibility */
	#main-menu.mobile-menu-active li,
	#primary-menu.mobile-menu-active li,
	#main-menu.active.mobile-menu-active li,
	#primary-menu.active.mobile-menu-active li {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0.5rem 1rem !important;
		position: static !important;
		left: auto !important;
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}
	
	#main-menu.mobile-menu-active a,
	#primary-menu.mobile-menu-active a,
	#main-menu.active.mobile-menu-active a,
	#primary-menu.active.mobile-menu-active a {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		pointer-events: auto !important;
		padding: 0.875rem 1.5rem !important;
		text-align: left !important;
		border-bottom: 1px solid var(--border-color) !important;
	}
	
	#main-menu.mobile-menu-active .sub-menu,
	#primary-menu.mobile-menu-active .sub-menu,
	#main-menu.active.mobile-menu-active .sub-menu,
	#primary-menu.active.mobile-menu-active .sub-menu {
		position: static !important;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		width: 100% !important;
		height: auto !important;
		min-width: auto !important;
		max-width: 100% !important;
		opacity: 1 !important;
		visibility: visible !important;
		display: block !important;
		background: transparent !important;
		box-shadow: none !important;
		border-top: none !important;
		margin: 0 !important;
		padding: 0 !important;
		padding-left: 1.5rem !important;
		transform: none !important;
		pointer-events: auto !important;
		overflow: visible !important;
		clip: auto !important;
		z-index: auto !important;
	}
	
	#main-menu.mobile-menu-active .sub-menu li,
	#primary-menu.mobile-menu-active .sub-menu li,
	#main-menu.active.mobile-menu-active .sub-menu li,
	#primary-menu.active.mobile-menu-active .sub-menu li {
		position: static !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	#main-menu.mobile-menu-active .sub-menu a,
	#primary-menu.mobile-menu-active .sub-menu a,
	#main-menu.active.mobile-menu-active .sub-menu a,
	#primary-menu.active.mobile-menu-active .sub-menu a {
		padding: 0.75rem 1.5rem !important;
		padding-left: 2.5rem !important;
		display: block !important;
		width: 100% !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		border-bottom: 1px solid var(--border-color) !important;
	}
	
	#main-menu.mobile-menu-active .sub-menu li:last-child a,
	#primary-menu.mobile-menu-active .sub-menu li:last-child a,
	#main-menu.active.mobile-menu-active .sub-menu li:last-child a,
	#primary-menu.active.mobile-menu-active .sub-menu li:last-child a {
		border-bottom: none !important;
	}
	
	/* Ensure menu items are visible - ALL items including nested */
	/* Enhanced for tablet/large mobile devices (769px-1024px) */
	#main-menu.active li,
	#primary-menu.active li,
	#main-menu.active > li,
	#primary-menu.active > li,
	.menu-toggle[aria-expanded="true"] + #main-menu li,
	.menu-toggle[aria-expanded="true"] + #primary-menu li,
	.menu-toggle[aria-expanded="true"] + #main-menu > li,
	.menu-toggle[aria-expanded="true"] + #primary-menu > li,
	.mobile-menu-toggle[aria-expanded="true"] ~ #main-menu li,
	.mobile-menu-toggle[aria-expanded="true"] ~ #primary-menu li {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0.875rem 1.5rem !important;
		position: static !important;
		left: auto !important;
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}
	
	/* Menu links styling for active menu - ensure proper padding and borders */
	#main-menu.active a,
	#primary-menu.active a,
	.menu-toggle[aria-expanded="true"] + #main-menu a,
	.menu-toggle[aria-expanded="true"] + #primary-menu a {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		padding: 0.875rem 1.5rem !important;
		text-align: left !important;
		border-bottom: 1px solid var(--border-color) !important;
		pointer-events: auto !important;
	}
	
	#main-menu.active li:last-child > a,
	#primary-menu.active li:last-child > a,
	.menu-toggle[aria-expanded="true"] + #main-menu li:last-child > a,
	.menu-toggle[aria-expanded="true"] + #primary-menu li:last-child > a {
		border-bottom: none !important;
	}
	
	/* Override any hidden state when menu is active */
	#main-menu.active .menu-item-hidden,
	#primary-menu.active .menu-item-hidden,
	.menu-toggle[aria-expanded="true"] + #main-menu .menu-item-hidden,
	.menu-toggle[aria-expanded="true"] + #primary-menu .menu-item-hidden,
	.mobile-menu-toggle[aria-expanded="true"] ~ #main-menu .menu-item-hidden,
	.mobile-menu-toggle[aria-expanded="true"] ~ #primary-menu .menu-item-hidden {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		position: static !important;
		left: auto !important;
		height: auto !important;
	}
	
	/* MOBILE SUBMENUS - Override ALL desktop submenu rules */
	#main-menu.active .sub-menu,
	#primary-menu.active .sub-menu,
	.menu-toggle[aria-expanded="true"] + #main-menu .sub-menu,
	.menu-toggle[aria-expanded="true"] + #primary-menu .sub-menu {
		position: static !important;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		width: 100% !important;
		height: auto !important;
		min-width: auto !important;
		max-width: 100% !important;
		opacity: 1 !important;
		visibility: visible !important;
		display: block !important;
		background: transparent !important;
		box-shadow: none !important;
		border-top: none !important;
		margin: 0 !important;
		padding: 0 !important;
		padding-left: 1.5rem !important;
		transform: none !important;
		pointer-events: auto !important;
		clip: auto !important;
		overflow: visible !important;
		z-index: auto !important;
	}
	
	/* Mobile submenu items */
	#main-menu.active .sub-menu li,
	#primary-menu.active .sub-menu li,
	.menu-toggle[aria-expanded="true"] + #main-menu .sub-menu li,
	.menu-toggle[aria-expanded="true"] + #primary-menu .sub-menu li {
		position: static !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/* Mobile submenu links */
	#main-menu.active .sub-menu a,
	#primary-menu.active .sub-menu a,
	.menu-toggle[aria-expanded="true"] + #main-menu .sub-menu a,
	.menu-toggle[aria-expanded="true"] + #primary-menu .sub-menu a {
		padding: 0.75rem 1.5rem !important;
		padding-left: 2.5rem !important;
		display: block !important;
		width: 100% !important;
		text-align: left !important;
		border-bottom: 1px solid var(--border-color) !important;
		margin: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	
	/* Remove last border from submenu */
	#main-menu.active .sub-menu li:last-child a,
	#primary-menu.active .sub-menu li:last-child a {
		border-bottom: none !important;
	}
}

@media (max-width: 768px) {
	.site-header {
		position: sticky !important;
		top: 0 !important;
		z-index: 9999 !important;
	}
	
	.header-content {
		gap: 1rem;
	}
	
	.menu-toggle {
		display: flex !important;
		position: relative;
		z-index: 10001 !important;
		cursor: pointer !important;
		pointer-events: auto !important;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
		user-select: none;
	}
	
	.menu-toggle:active {
		opacity: 0.8;
		transform: scale(0.98);
	}

	#main-menu,
	#primary-menu {
		display: none !important;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: white;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		flex-direction: column;
		padding: 1rem;
		border-radius: 8px;
		z-index: 10000 !important;
		margin: 0.5rem 0 0 0;
		gap: 0;
		max-height: calc(100vh - 100px);
		overflow-y: auto;
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s ease, visibility 0.3s ease;
	}
	
	/* Mobile menu - hidden by default, shown when .active class is added */
	#main-menu,
	#primary-menu {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		position: fixed !important; /* Fixed to appear over content */
		top: auto !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		background: var(--bg-color);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
		flex-direction: column;
		padding: 1rem 0;
		margin: 0;
		gap: 0;
		max-height: calc(100vh - 120px);
		overflow-y: auto;
		z-index: 99999 !important; /* Very high to appear over everything */
		transition: opacity 0.3s ease, visibility 0.3s ease;
		border-radius: 0 0 8px 8px;
	}
	
	/* Show menu when active class is added */
	#main-menu.active,
	#primary-menu.active {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	/* Ensure menu items are visible when menu is active */
	#main-menu.active li,
	#primary-menu.active li {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#main-menu.active .menu-item-hidden,
	#primary-menu.active .menu-item-hidden {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	.menu-toggle[aria-expanded="true"] {
		background: var(--primary-color) !important;
		border-color: var(--primary-color) !important;
	}
	
	.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(1) {
		transform: rotate(45deg) translate(6px, 6px);
	}
	
	.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(2) {
		opacity: 0;
	}
	
	.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(3) {
		transform: rotate(-45deg) translate(6px, -6px);
	}
	
	#main-menu a,
	#primary-menu a {
		padding: 0.75rem 1rem;
		border-radius: 4px;
	}
	
	#main-menu .sub-menu,
	#primary-menu .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: none;
		padding-left: 1rem;
		margin-top: 0.5rem;
	}
	
	.main-navigation {
		margin: 0;
	}
	
	.posts-grid {
		grid-template-columns: 1fr;
	}

	.site-header .container {
		flex-wrap: wrap;
	}

	.site-footer .container {
		flex-direction: column;
		text-align: center;
	}
}

/* Utilities */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.skip-link:focus {
	clip: auto;
	height: auto;
	width: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
	background: var(--primary-color);
	color: white;
	padding: 1rem;
	text-decoration: none;
}

/* FINAL OVERRIDE: Force wpp-post-title links to be black on category pages */
body.category a.wpp-post-title,
body.category a.wpp-post-title:link,
body.category a.wpp-post-title:visited,
body.category .wpp-list a.wpp-post-title,
body.category .wpp-list a.wpp-post-title:link,
body.category .wpp-list a.wpp-post-title:visited,
body.category .wpp-list li a.wpp-post-title,
body.category .wpp-list li a.wpp-post-title:link,
body.category .wpp-list li a.wpp-post-title:visited {
	color: #1f2937 !important;
}

/* Print Styles - Fix layout for printing */
@media print {
	@page {
		margin: 2cm;
		size: A4;
	}
	
	/* Hide non-essential elements */
	.site-header,
	.site-footer,
	.article-share-print,
	.share-buttons,
	.share-button,
	.popular-posts-below-article,
	.post-navigation,
	.comments-area,
	.widget,
	#secondary,
	.menu-toggle,
	.main-navigation,
	.header-right,
	.header-social,
	.header-search,
	aside,
	.sidebar {
		display: none !important;
		visibility: hidden !important;
	}
	
	/* CRITICAL: Remove all width constraints for print */
	* {
		max-width: none !important;
		box-sizing: border-box !important;
	}
	
	/* Ensure full width for all containers */
	html,
	body {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.site,
	.container,
	.content-wrapper,
	#main,
	.site-main,
	article,
	.entry-header,
	.entry-content,
	.entry-content > * {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		float: none !important;
		display: block !important;
	}
	
	/* Remove flexbox constraints */
	.content-wrapper {
		display: block !important;
		flex-direction: column !important;
		gap: 0 !important;
	}
	
	/* Typography for print */
	body {
		font-size: 12pt !important;
		line-height: 1.6 !important;
		color: #000 !important;
		background: #fff !important;
		font-family: "Times New Roman", Times, serif !important;
	}
	
	.entry-content {
		font-size: 12pt !important;
		line-height: 1.6 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.entry-content p {
		font-size: 12pt !important;
		line-height: 1.6 !important;
		margin-bottom: 1em !important;
		margin-top: 0 !important;
		text-align: left !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
	}
	
	.entry-content p:first-child {
		margin-top: 0 !important;
	}
	
	h1, .entry-title {
		font-size: 18pt !important;
		font-weight: bold !important;
		page-break-after: avoid;
		margin-top: 0 !important;
		margin-bottom: 0.5em !important;
	}
	
	h2 {
		font-size: 16pt !important;
		font-weight: bold !important;
		page-break-after: avoid;
		margin-top: 1em !important;
		margin-bottom: 0.5em !important;
	}
	
	h3 {
		font-size: 14pt !important;
		font-weight: bold !important;
		page-break-after: avoid;
		margin-top: 1em !important;
		margin-bottom: 0.5em !important;
	}
	
	/* Images */
	img {
		max-width: 100% !important;
		width: auto !important;
		height: auto !important;
		page-break-inside: avoid;
		display: block !important;
		margin: 1em auto !important;
	}
	
	/* Links */
	a {
		color: #000 !important;
		text-decoration: underline !important;
	}
	
	a[href^="http"]:after {
		content: " <" attr(href) ">";
		font-size: 10pt;
	}
	
	/* Prevent page breaks */
	blockquote,
	pre,
	table {
		page-break-inside: avoid;
		width: 100% !important;
		max-width: 100% !important;
	}
	
	h1, h2, h3, h4, h5, h6 {
		page-break-after: avoid;
		page-break-inside: avoid;
	}
	
	/* Remove backgrounds and borders */
	* {
		background: transparent !important;
		box-shadow: none !important;
		text-shadow: none !important;
		border: none !important;
	}
	
	.entry-content * {
		color: #000 !important;
	}
	
	/* Ensure no overflow */
	body,
	.site,
	.container,
	.content-wrapper,
	.entry-content {
		overflow: visible !important;
		overflow-x: visible !important;
		overflow-y: visible !important;
	}
}