/*
Theme Name: DiscoverMax
Theme URI: https://example.com/themes/discovermax/
Author: Custom Theme Developer
Author URI: https://example.com/
Description: DiscoverMax is a heavily SEO-optimized WordPress theme designed for maximum Google Discover visibility. Features comprehensive structured data, Open Graph optimization, security hardening, and performance enhancements. Perfect for content publishers, bloggers, and news sites seeking maximum search visibility and social media engagement.
Version: 1.0.258
Tested up to: 6.8
Requires at least: 5.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: seo-optimized, google-discover, structured-data, open-graph, security-hardened, performance-optimized, one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, news, content-publisher
Text Domain: discovermax

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

html {
	font-family: 'Poppins', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: #ffffff;
	color: #1a1a1a;
	/* padding-top removed - handled by more specific rules below */
}

/* Light Mode Content Areas - Default white background */
.site,
.site-content,
.entry-content,
.content-area,
article,
.entry,
.site-inner,
.entry-header,
.entry-footer {
	background: #ffffff;
	background-color: #ffffff;
	color: #1a1a1a;
}

/* Light mode border colors */
body * {
	border-color: #e9ecef;
}

/* Ensure html element has white background by default */
html {
	background: #ffffff;
	background-color: #ffffff;
}

/* Default page wrapper styles */
#page,
.site-inner,
.content-wrapper {
	background: #ffffff;
	background-color: #ffffff;
	border: none;
	box-shadow: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}


/**
 * 2.0 - Genericons
 */

.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: never;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}


/**
 * 3.0 - Typography
 */

body,
button,
input,
select,
textarea {
	color: #1a1a1a;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 600;
	margin: 0;
	text-rendering: optimizeLegibility;
	letter-spacing: -0.02em;
}

h1 {
	font-weight: 700;
}

h2 {
	font-weight: 600;
}

h3,
h4 {
	font-weight: 500;
}

p {
	margin: 0 0 1.75em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border: 0 solid #1a1a1a;
	border-left-width: 4px;
	color: #686868;
	font-size: 19px;
	font-size: 1.1875rem;
	font-style: italic;
	line-height: 1.4736842105;
	margin: 0 0 1.4736842105em;
	overflow: hidden;
	padding: 0 0 0 1.263157895em;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote p {
	margin-bottom: 1.4736842105em;
}

blockquote cite,
blockquote small {
	color: #1a1a1a;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

blockquote > :last-child {
	margin-bottom: 0;
}

address {
	font-style: italic;
	margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
}

pre {
	border: 1px solid #d1d1d1;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 1.75em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	background-color: #d1d1d1;
	padding: 0.125em 0.25em;
}

abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}

mark,
ins {
	background: #007acc;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/**
 * 4.0 - Elements
 */

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/* body background is already defined above as #ffffff */

hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 1.75em;
}

ul,
ol {
	margin: 0 0 1.75em 1.25em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.75em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: auto;
	/* Allow columns to size based on content */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4375em;
}

/* Specification tables - optimized column widths */
table th:first-child,
table td:first-child {
	width: 25%;
	min-width: 120px;
	white-space: nowrap;
}

table th:last-child,
table td:last-child {
	width: 75%;
}

/* AMP Mobile Table Enhancement */
.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #dee2e6;
	border-radius: 6px;
}

.table-responsive table {
	margin-bottom: 0;
	border: 0;
	min-width: 100%;
}

/* Mobile-specific table styles for better AMP performance */
@media screen and (max-width: 768px) {
	table {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin: 20px 0 !important;
		border-radius: 8px !important;
		overflow: hidden !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
	}
	
	table th,
	table td {
		padding: 16px 12px !important;
		word-wrap: break-word !important;
		hyphens: auto !important;
		vertical-align: top !important;
	}
	
	table th {
		font-size: 13px !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.5px !important;
		background-color: #f8f9fa !important;
		border-bottom: 2px solid #e9ecef !important;
	}
	
	table td {
		border-bottom: 1px solid #e9ecef !important;
		background-color: #fff !important;
	}
	
	table tr:nth-child(even) td {
		background-color: #f8f9fa !important;
	}
	
	/* Specification tables mobile optimization */
	table th:first-child,
	table td:first-child {
		width: 35% !important;
		min-width: 120px !important;
		font-weight: 600 !important;
		color: #495057 !important;
	}
	
	table th:last-child,
	table td:last-child {
		width: 65% !important;
	}
	
	/* Enhanced touch targets for mobile */
	table tr {
		border-bottom: none !important;
	}
	
	table tr:last-child td {
		border-bottom: none !important;
	}
	
	/* Mobile table wrapper for horizontal scrolling */
	.wp-block-table table,
	.entry-content table {
		display: table !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}
	
	/* Table container wrapper */
	.entry-content {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}
}

/* AMP-specific table optimizations for smaller screens */
@media screen and (max-width: 480px) {
	table {
		font-size: 13px !important;
	}
	
	table th,
	table td {
		padding: 14px 10px !important;
	}
	
	table th:first-child,
	table td:first-child {
		width: 40% !important;
		min-width: 100px !important;
	}
	
	table th:last-child,
	table td:last-child {
		width: 60% !important;
	}
}

/* AMP Mobile Entry Footer/Meta Enhancement */
@media screen and (max-width: 768px) {
	.entry-footer {
		margin: 2em 0 !important;
		padding: 1.5em !important;
		border: 1px solid #e1e5e9 !important;
		border-radius: 8px !important;
		background-color: #f8f9fa !important;
	}
	
	.entry-footer .byline {
		display: flex !important;
		flex-direction: column !important;
		gap: 1em !important;
		margin-bottom: 1.5em !important;
		padding: 0 !important;
	}
	
	.entry-footer .byline .avatar {
		width: 40px !important;
		height: 40px !important;
		border-radius: 50% !important;
		border: 2px solid #e1e5e9 !important;
	}
	
	.entry-footer .author.vcard {
		font-weight: 600 !important;
		font-size: 16px !important;
		color: #1a1a1a !important;
		margin-bottom: 0.5em !important;
	}
	
	.entry-footer .posted-on {
		display: flex !important;
		align-items: center !important;
		gap: 0.5em !important;
		margin-bottom: 1.5em !important;
		padding: 8px 12px !important;
		background-color: #fff !important;
		border-radius: 6px !important;
		border: 1px solid #e1e5e9 !important;
	}
	
	.entry-footer .posted-on a {
		color: #495057 !important;
		text-decoration: none !important;
		font-size: 14px !important;
		font-weight: 500 !important;
	}
	
	.entry-footer .cat-links,
	.entry-footer .tags-links {
		display: block !important;
		margin-bottom: 1em !important;
		padding: 8px 0 !important;
	}
	
	.entry-footer .cat-links a,
	.entry-footer .tags-links a {
		display: inline-block !important;
		background-color: #007acc !important;
		color: #fff !important;
		padding: 6px 12px !important;
		border-radius: 20px !important;
		text-decoration: none !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		margin: 2px 4px 2px 0 !important;
		transition: background-color 0.3s ease !important;
	}
	
	.entry-footer .cat-links a:hover,
	.entry-footer .tags-links a:hover {
		background-color: #005a9a !important;
	}
	
	/* New/Hot labels styling */
	.entry-footer .cat-links a[style*="background"],
	.entry-footer .tags-links a[style*="background"] {
		background-color: #ff6b35 !important;
		color: #fff !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.5px !important;
	}
	
	/* Entry footer separators */
	.entry-footer > span:not(:last-child):after {
		display: none !important;
	}
	
	.entry-footer > span {
		display: block !important;
		margin-bottom: 1em !important;
	}
}

/* Extra small screens optimization for AMP */
@media screen and (max-width: 480px) {
	.entry-footer {
		margin: 1.5em 0 !important;
		padding: 1em !important;
	}
	
	.entry-footer .byline {
		gap: 0.75em !important;
		margin-bottom: 1em !important;
	}
	
	.entry-footer .byline .avatar {
		width: 35px !important;
		height: 35px !important;
	}
	
	.entry-footer .author.vcard {
		font-size: 15px !important;
	}
	
	.entry-footer .posted-on {
		padding: 6px 10px !important;
		margin-bottom: 1em !important;
	}
	
	.entry-footer .posted-on a {
		font-size: 13px !important;
	}
	
	.entry-footer .cat-links a,
	.entry-footer .tags-links a {
		padding: 5px 10px !important;
		font-size: 11px !important;
		margin: 2px 3px 2px 0 !important;
	}
}

/* AMP Mobile Navigation Enhancement */
@media screen and (max-width: 768px) {
	/* Hamburger Menu Button */
	.menu-toggle,
	#menu-toggle,
	button.menu-toggle {
		display: block !important;
		background-color: #fff !important;
		border: 2px solid #e1e5e9 !important;
		color: #1a1a1a !important;
		font-size: 0 !important;
		font-weight: normal !important;
		padding: 12px !important;
		margin: 0 !important;
		border-radius: 8px !important;
		cursor: pointer !important;
		transition: all 0.3s ease !important;
		width: 48px !important;
		height: 48px !important;
		text-align: center !important;
		position: fixed !important;
		top: 15px !important;
		left: 15px !important;
		z-index: 9999 !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
		outline: none !important;
		text-indent: -9999px !important;
		overflow: hidden !important;
	}
	
	.menu-toggle:before,
	#menu-toggle:before,
	button.menu-toggle:before {
		content: "☰" !important;
		font-size: 20px !important;
		line-height: 1 !important;
		display: block !important;
		text-indent: 0 !important;
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
	
	.menu-toggle:hover,
	.menu-toggle:focus,
	#menu-toggle:hover,
	#menu-toggle:focus,
	button.menu-toggle:hover,
	button.menu-toggle:focus {
		background-color: #007acc !important;
		color: #fff !important;
		border-color: #007acc !important;
		transform: scale(1.05) !important;
	}
	
	.menu-toggle.toggled-on,
	#menu-toggle.toggled-on,
	button.menu-toggle.toggled-on {
		background-color: #007acc !important;
		color: #fff !important;
		border-color: #007acc !important;
	}
	
	.menu-toggle.toggled-on:before,
	#menu-toggle.toggled-on:before,
	button.menu-toggle.toggled-on:before {
		content: "✕" !important;
		font-size: 18px !important;
	}
	
	/* Mobile Menu Overlay */
	.site-header-menu {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100vh !important;
		background-color: rgba(0, 0, 0, 0.8) !important;
		z-index: 9998 !important;
		display: none !important;
		opacity: 0 !important;
		transition: opacity 0.3s ease !important;
	}
	
	.site-header-menu.toggled-on {
		display: block !important;
		opacity: 1 !important;
	}
	
	/* Mobile Menu Panel */
	.main-navigation {
		position: fixed !important;
		top: 0 !important;
		left: -300px !important;
		width: 280px !important;
		height: 100vh !important;
		background-color: #fff !important;
		z-index: 9999 !important;
		transition: left 0.3s ease !important;
		overflow-y: auto !important;
		box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1) !important;
	}
	
	.site-header-menu.toggled-on .main-navigation {
		left: 0 !important;
	}
	
	/* Hide primary menu by default, show when toggled */
	.main-navigation .primary-menu {
		display: block !important;
		background-color: transparent !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		margin: 0 !important;
		padding: 80px 0 20px 0 !important;
	}
	
	.main-navigation .primary-menu li {
		border-bottom: 1px solid #f1f3f5 !important;
		margin: 0 !important;
		list-style: none !important;
	}
	
	.main-navigation .primary-menu li:last-child {
		border-bottom: none !important;
	}
	
	.main-navigation .primary-menu a {
		display: block !important;
		padding: 18px 25px !important;
		color: #1a1a1a !important;
		text-decoration: none !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		transition: all 0.3s ease !important;
		border-left: 4px solid transparent !important;
	}
	
	.main-navigation .primary-menu a:hover,
	.main-navigation .primary-menu a:focus {
		background-color: #f8f9fa !important;
		color: #007acc !important;
		border-left-color: #007acc !important;
	}
	
	/* Hide desktop-only navigation elements */
	.site-header-menu .social-navigation {
		display: none !important;
	}
	
	/* Ensure site header layout is mobile-friendly */
	.site-header-main {
		flex-direction: column !important;
		align-items: stretch !important;
		position: relative !important;
		padding-left: 0 !important;
	}
	
	.site-branding {
		text-align: center !important;
		margin-bottom: 1em !important;
		padding-top: 60px !important;
	}
	
	/* Close menu when clicking overlay */
	.site-header-menu {
		cursor: pointer !important;
	}
	
	.main-navigation {
		cursor: default !important;
	}
}

/* Extra small screens navigation optimization */
@media screen and (max-width: 480px) {
	.menu-toggle {
		width: 44px !important;
		height: 44px !important;
		font-size: 18px !important;
		padding: 10px !important;
		top: 12px !important;
		left: 12px !important;
	}
	
	.menu-toggle:before {
		font-size: 18px !important;
	}
	
	.menu-toggle.toggled-on:before {
		font-size: 16px !important;
	}
	
	.main-navigation {
		width: 250px !important;
		left: -250px !important;
	}
	
	.main-navigation .primary-menu a {
		padding: 16px 20px !important;
		font-size: 15px !important;
	}
	
	.site-branding {
		padding-top: 50px !important;
	}
}

/* AMP Header - Remove scroll behavior, keep static */
body.amp-mode-mouse,
body.amp-mode-touch {
	padding-top: 0 !important;
}

body.amp-mode-mouse .site-header,
body.amp-mode-touch .site-header {
	position: static !important;
	height: 80px !important;
}

/* AMP Header Light Mode Default */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .site-header {
	background: #fff;
	border-bottom: 1px solid #d1d1d1;
}

/* REMOVED - Will rewrite from scratch */


/* AMP Specific - Scroll anchor offset */
body.amp-mode-mouse,
body.amp-mode-touch {
	scroll-padding-top: 0; /* No offset needed for static header */
}

/* Ensure anchor scrolls to show full title */
body.amp-mode-mouse #post-top,
body.amp-mode-touch #post-top {
	scroll-margin-top: -100px; /* Scroll higher to show complete title */
}

/* AMP Specific - Add spacing for content after static header */
body.amp-mode-mouse .entry-header,
body.amp-mode-mouse .entry-title,
body.amp-mode-touch .entry-header,
body.amp-mode-touch .entry-title {
	margin-top: 10px !important;
	padding-top: 10px !important;
}


@media screen and (max-width: 768px) {
	body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) {
		padding-top: 0 !important;
	}
	
	body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .site-header {
		height: 70px !important;
	}
	
	/* AMP Mobile - Extra spacing for title */
	body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .entry-header,
	body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .entry-title {
		margin-top: 40px !important;
		padding-top: 25px !important;
	}
}

/* AMP Specific Menu Fixes - Hide only desktop navigation, keep mobile hamburger */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .menu-toggle,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) #menu-toggle,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .site-header-menu {
	display: none !important;
	visibility: hidden !important;
}

/* Hide desktop navigation in AMP but allow mobile hamburger */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .main-navigation,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .site-navigation,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) #site-navigation {
	display: none !important;
	visibility: hidden !important;
}

/* Force mobile hamburger menu to show in ALL mobile scenarios */
@media screen and (max-width: 768px) {
	/* Regular mobile (non-AMP) */
	.mobile-menu-toggle,
	button.mobile-menu-toggle,
	.header-container .mobile-menu-toggle {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	/* AMP mobile */
	body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .mobile-menu-toggle,
	body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) button.mobile-menu-toggle {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}

/* Regular Dark Mode (Non-AMP) */
body.dark-mode {
	background: #141414 !important;
	background-color: #141414 !important;
	color: #e0e0e0 !important;
}

/* Dark Mode Content Areas - Enhanced */
body.dark-mode .site,
body.dark-mode .site-content,
body.dark-mode .entry-content,
body.dark-mode .content-area,
body.dark-mode article,
body.dark-mode .entry,
body.dark-mode .site-inner {
	background: #141414 !important;
	background-color: #141414 !important;
	color: #e0e0e0 !important;
}

/* AMP Dark Mode Fixes */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* REMOVED - Part of old dark mode implementation */

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .site-title,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .site-title a {
	color: #fff !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .entry-content {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .entry-content a:not(.aap-button) {
	color: #64b5f6 !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .entry-content h1,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .entry-content h2,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .entry-content h3,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .entry-content h4,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .entry-content h5,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .entry-content h6 {
	color: #fff !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode table {
	background-color: #141414 !important;
	border: 1px solid #4a5568 !important;
	color: #e2e8f0 !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode table th {
	background-color: #4a5568 !important;
	color: #e2e8f0 !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode table td {
	background-color: #2d3748 !important;
	border-bottom: 1px solid #4a5568 !important;
	color: #e2e8f0 !important;
}

/* AMP dark mode table stripes - alternating rows - DISABLED for light mode only */
/*
@media (prefers-color-scheme: dark) {
	table tr:nth-child(even) td,
	.wp-block-table.is-style-stripes tr:nth-child(even) td {
		background-color: #374151 !important;
	}

	/* AMP dark mode wp-block-table stripes specific styling */
	.wp-block-table.is-style-stripes table,
	.wp-block-table.is-style-stripes {
		border-collapse: collapse !important;
	}

	.wp-block-table.is-style-stripes th {
		background-color: #4a5568 !important;
		color: #e2e8f0 !important;
		border-bottom: 2px solid #6b7280 !important;
	}

	.wp-block-table.is-style-stripes td {
		background-color: #2d3748 !important;
		border-bottom: 1px solid #4a5568 !important;
		color: #e2e8f0 !important;
	}
}
*/





/* AMP-specific Go to Top button - static positioning and styling to match dark mode toggle exactly */
html[amp] .back-to-top-btn,
html[⚡] .back-to-top-btn {
	position: fixed !important;
	bottom: 2em !important;
	right: 2em !important;
	width: 50px !important;
	height: 50px !important;
	background: #007acc !important;
	color: #fff !important;
	border: 2px solid #007acc !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3) !important;
	will-change: transform !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 1000 !important;
	/* Static visibility - no opacity changes */
	opacity: 1 !important;
	visibility: visible !important;
	/* No transform changes - always in final position */
	transform: none !important;
	/* Override any inherited transitions that cause position/size changes */
	transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
}

html[amp] .back-to-top-btn:hover,
html[⚡] .back-to-top-btn:hover {
	background: #005a8b !important;
	border-color: #005a8b !important;
	transform: scale(1.1) !important;
	box-shadow: 0 6px 16px rgba(0, 122, 204, 0.4) !important;
}



/* REMOVED :has() selector rule - lines 1323 to 1341 */



/* REMOVED :has() selector rule - lines 1359 to 1364 */

/* REMOVED :has() selector rule - lines 1365 to 1369 */

/* REMOVED :has() selector rule - lines 1370 to 1384 */

/* REMOVED :has() selector rule - lines 1385 to 1391 */

/* REMOVED :has() selector rule - lines 1392 to 1397 */

/* REMOVED :has() selector rule - lines 1398 to 1404 */

/* AMP dark mode table stripes - alternating rows */
/* REMOVED :has() selector rule - lines 1405 to 1410 */

/* AMP Dark Mode - Amazon Widgets and Additional Elements */
/* REMOVED :has() selector rule - lines 1411 to 1424 */

/* Entry Footer and Meta Elements */
/* REMOVED :has() selector rule - lines 1425 to 1436 */

/* Category and Tag Links */
/* REMOVED :has() selector rule - lines 1437 to 1446 */

/* Specific styling for author and date links in dark mode - no background */
/* REMOVED :has() selector rule - lines 1447 to 1461 */

/* Search and Navigation Elements */
/* REMOVED :has() selector rule - lines 1462 to 1475 */

/* Blockquotes and Code Elements */
/* REMOVED :has() selector rule - lines 1476 to 1485 */

/* REMOVED :has() selector rule - lines 1486 to 1497 */

/* Buttons and Form Elements */
/* REMOVED :has() selector rule - lines 1498 to 1511 */

/* REMOVED :has() selector rule - lines 1512 to 1524 */

/* Widget Areas and Sidebar */
/* REMOVED :has() selector rule - lines 1525 to 1535 */

/* Navigation and Post Navigation */
/* REMOVED :has() selector rule - lines 1536 to 1546 */

/* REMOVED :has() selector rule - lines 1547 to 1557 */

/* Amazon Affiliate Pro Widget Specific Targeting */
/* REMOVED :has() selector rule - lines 1558 to 1573 */

/* Amazon Affiliate Pro - Full width layout for all modes */
.amazon-affiliate-pro {
	background: transparent !important;
	padding: 0 !important;
	margin: 1rem 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Remove white sections between Amazon cards in light mode */
.aap-amp-container,
.aap-grid-standard {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Light mode - ensure aap-apple-grid-item has proper text color only - let plugin handle backgrounds */
html:not(.dark-mode) .aap-apple-grid-item,
body:not(.dark-mode) .aap-apple-grid-item {
	color: #1d1d1f !important;
}

/* Dark mode - aap-apple-grid-item styling for desktop */
.dark-mode .aap-apple-grid-item {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Dark mode - Amazon product images with dark background */
.dark-mode .aap-apple-image,
.dark-mode .aap-apple-image img,
body.dark-mode .aap-apple-image,
body.dark-mode .aap-apple-image img,
html.dark-mode .aap-apple-image,
html.dark-mode .aap-apple-image img {
	background: #2c2c2e !important;
	border-radius: 6px !important;
	padding: 4px !important;
}

/* Dark mode - aap-apple-grid-item styling for AMP */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .aap-apple-grid-item {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Desktop - remove gap for Apple grid items */
@media screen and (min-width: 769px) {
	.aap-grid-apple-minimal,
	.amazon-affiliate-pro .aap-grid-apple-minimal {
		gap: 4px !important;
	}
}

/* Dark mode styling for aap-grid-apple-minimal - High specificity */
.dark-mode .aap-grid-apple-minimal:not(#_#_#_#_#_#_#_#_#_#_#_#_),
.dark-mode .amazon-affiliate-pro .aap-grid-apple-minimal:not(#_#_#_#_#_#_#_#_#_#_#_#_),
.dark-mode [id*="amazon-grid-apple"]:not(#_#_#_#_#_#_#_#_#_#_#_#_),
.dark-mode div[id*="amazon-grid-apple"]:not(#_#_#_#_#_#_#_#_#_#_#_#_) {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* AMP Dark mode styling for aap-grid-apple-minimal - High specificity */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .aap-grid-apple-minimal:not(#_#_#_#_#_#_#_#_#_#_#_#_),
body.amp-dark-mode .aap-grid-apple-minimal:not(#_#_#_#_#_#_#_#_#_#_#_#_),
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .amazon-affiliate-pro .aap-grid-apple-minimal:not(#_#_#_#_#_#_#_#_#_#_#_#_),
body.amp-dark-mode .amazon-affiliate-pro .aap-grid-apple-minimal:not(#_#_#_#_#_#_#_#_#_#_#_#_),
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode [id*="amazon-grid-apple"]:not(#_#_#_#_#_#_#_#_#_#_#_#_),
body.amp-dark-mode [id*="amazon-grid-apple"]:not(#_#_#_#_#_#_#_#_#_#_#_#_),
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode div[id*="amazon-grid-apple"]:not(#_#_#_#_#_#_#_#_#_#_#_#_),
body.amp-dark-mode div[id*="amazon-grid-apple"]:not(#_#_#_#_#_#_#_#_#_#_#_#_) {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Mobile - remove gap for Apple grid items */
@media screen and (max-width: 768px) {
	.aap-grid-apple-minimal,
	.amazon-affiliate-pro .aap-grid-apple-minimal {
		gap: 4px !important;
	}
}

.aap-card-material {
	margin-top: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* REMOVED :has() selector rule - lines 1580 to 1590 */

/* More specific targeting for Amazon button text */
/* REMOVED :has() selector rule - lines 1591 to 1599 */

/* WordPress Blocks Specific */
/* REMOVED :has() selector rule - lines 1600 to 1611 */


/* Site Footer - AMP Dark Mode */
/* REMOVED :has() selector rule - lines 1612 to 1624 */

/* REMOVED :has() selector rule - lines 1625 to 1631 */

/* Search Widget - AMP Dark Mode */
/* REMOVED :has() selector rule - lines 1632 to 1645 */

/* Go to Top Button - AMP Dark Mode */
/* REMOVED :has() selector rule - lines 1646 to 1662 */

/* REMOVED :has() selector rule - lines 1663 to 1673 */

/* Go to Top Button - General styles for non-AMP pages only */
body:not([amp]):not([⚡]) .back-to-top,
body:not([amp]):not([⚡]) .go-to-top,
body:not([amp]):not([⚡]) #back-to-top,
body:not([amp]):not([⚡]) .back-to-top-btn {
	position: fixed !important;
	bottom: 2em !important;
	right: 2em !important;
	background: #007acc !important;
	color: #fff !important;
	border: 2px solid #007acc !important;
	border-radius: 50% !important;
	width: 50px !important;
	height: 50px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 9999 !important;
	cursor: pointer !important;
	visibility: visible !important;
	opacity: 1 !important;
	text-decoration: none !important;
	padding: 0 !important;
	margin: 0 !important;
	outline: none !important;
}

/* SVG icon alignment - Perfect centering for non-AMP */
body:not([amp]):not([⚡]) .back-to-top svg,
body:not([amp]):not([⚡]) .go-to-top svg,
body:not([amp]):not([⚡]) #back-to-top svg,
body:not([amp]):not([⚡]) .back-to-top-btn svg {
	width: 18px !important;
	height: 18px !important;
	stroke: currentColor !important;
	fill: none !important;
	stroke-width: 2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

/* AMP Specific - Ensure link works properly */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) #back-to-top {
	scroll-behavior: smooth !important;
}

/* Hover effects for non-AMP pages */
body:not([amp]):not([⚡]) .back-to-top:hover,
body:not([amp]):not([⚡]) .go-to-top:hover,
body:not([amp]):not([⚡]) #back-to-top:hover,
body:not([amp]):not([⚡]) .back-to-top-btn:hover {
	background: #005a99 !important;
	border-color: #005a99 !important;
	transform: scale(1.1) !important;
	transition: all 0.3s ease !important;
}

/* Site Inner Container */
/* REMOVED :has() selector rule - lines 1731 to 1737 */

/* Byline and Posted-on */
/* REMOVED :has() selector rule - lines 1738 to 1749 */


/* Post Navigation - Previous/Next */
/* REMOVED :has() selector rule - lines 1750 to 1766 */

/* Footer and Bottom Areas */
/* REMOVED :has() selector rule - lines 1767 to 1778 */

/* Search Widget */
/* REMOVED :has() selector rule - lines 1779 to 1790 */

/* Additional Content Wrappers */
/* REMOVED :has() selector rule - lines 1791 to 1801 */

/* Fallback for any missed elements */
/* REMOVED :has() selector rule - lines 1802 to 1807 */

/* REMOVED :has() selector rule - lines 1808 to 1812 */

/* Modern Tech Header - Engadget Style */
.site-header {
	background: #ffffff;
	border-bottom: 1px solid #f0f0f0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	transition: transform 0.3s ease;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
	height: 56px;
	padding: 0 !important;
	padding-top: 0 !important;
	margin: 0;
}

.header-container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 56px;
}

.site-branding {
	flex-shrink: 0;
	margin-right: 40px;
}

.site-title {
	margin: 0;
	font-size: 28px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -1px;
}

.site-title a {
	color: #000000;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.site-title a:hover {
	opacity: 0.7;
}

/* Main Navigation */
.main-navigation {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 40px;
}

.primary-menu {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 40px;
}

.primary-menu li {
	margin: 0;
}

.primary-menu a {
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	transition: color 0.2s ease;
	padding: 8px 0;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.primary-menu a:hover {
	color: #000000;
}

.primary-menu a::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 2px;
	background: #000000;
	transition: width 0.3s ease;
}

.primary-menu a:hover::after,
.primary-menu .current-menu-item a::after {
	width: 100%;
}

/* Header Actions */
.header-actions {
	display: flex;
	align-items: center;
	gap: 16px;
}

/* Search Toggle */
.header-search {
	position: relative;
}

.search-toggle {
	background: none;
	border: none;
	padding: 12px;
	cursor: pointer;
	color: #666666;
	transition: color 0.2s ease;
	border-radius: 4px;
}

.search-toggle:hover {
	color: #000000;
	background: rgba(0,0,0,0.05);
}

.search-toggle svg {
	display: block;
	width: 18px;
	height: 18px;
}

/* Search Form Container */
.header-search .search-form-container {
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: 10px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	padding: 16px;
	min-width: 300px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 1001;
}

/* Mobile Search Form Adjustments */
@media screen and (max-width: 768px) {
	.header-search .search-form-container {
		position: fixed;
		right: 16px;
		left: 16px;
		top: 56px;
		margin-top: 0;
		min-width: auto;
		max-width: none;
	}
}

.search-toggle[aria-expanded="true"] + .search-form-container {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.header-search .search-form {
	display: flex;
	align-items: center;
	gap: 8px;
}

.header-search .search-field {
	flex: 1;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
}

.header-search .search-submit {
	padding: 8px 16px;
	background: #007acc;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	transition: background 0.2s ease;
}

.header-search .search-submit:hover {
	background: #005a99;
}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
	display: none;
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	position: relative;
}

.hamburger-line {
	display: block;
	width: 20px;
	height: 2px;
	background: #333333;
	margin: 3px auto;
	transition: all 0.3s ease;
	border-radius: 1px;
}

.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}

.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) {
	opacity: 0;
}

.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
}

/* Mobile Menu Toggle - Visibility handled by critical CSS */

/* Responsive Header Styles */
@media screen and (max-width: 768px) {
	.header-container {
		height: 56px;
		padding: 0 16px;
		position: relative;
	}
	
	/* Hide main navigation on mobile */
	.main-navigation {
		display: none;
	}
	
	/* Mobile Menu Toggle (Left) - Force visible on mobile */
	.site-header .header-container .mobile-menu-toggle,
	button.mobile-menu-toggle {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
		order: 1 !important;
		flex-shrink: 0 !important;
		width: 40px !important;
		height: 40px !important;
		padding: 8px !important;
		border-radius: 4px !important;
		transition: background-color 0.2s ease !important;
		background: none !important;
		border: none !important;
		cursor: pointer !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		z-index: 9999 !important;
	}
	
	.mobile-menu-toggle:hover {
		background: rgba(0,0,0,0.05);
	}
	
	/* Ensure hamburger lines are visible on mobile */
	.mobile-menu-toggle .hamburger-line {
		display: block !important;
		width: 20px;
		height: 2px;
		background: #333333;
		margin: 3px auto;
		transition: all 0.3s ease;
		border-radius: 1px;
	}
	
	/* Site Branding (Center) */
	.site-branding {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		order: 2;
		margin-right: 0;
	}
	
	.site-title {
		font-size: 20px;
		margin: 0;
	}
	
	/* Header Actions (Right) */
	.header-actions {
		order: 3;
		margin-left: auto;
	}
	
	/* Adjust body padding for smaller header - handled by main rule */
	/* Removed duplicate padding rule */
	
	/* Mobile search adjustments */
	.header-search .search-form-container {
		right: -16px;
		left: -16px;
		width: 100vw;
		min-width: unset;
		border-radius: 0;
		border-left: none;
		border-right: none;
	}
}

/* Header Hide on Scroll - Non-AMP Pages Only */
body:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader) .site-header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 999 !important;
	transition: transform 0.3s ease-in-out !important;
	transform: translateY(0) !important;
}

/* Dark mode header for non-AMP pages */
body.dark-mode:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader) .site-header {
	background: #141414 !important;
	border-bottom: 1px solid #333 !important;
}

body.dark-mode:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader) .site-header .site-title a {
	color: #ffffff !important;
}

.site-header.header-hidden {
	transform: translateY(-100%) !important;
}

/* Site branding/title styling */
.site-header .site-branding {
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 1 !important;
}

.site-header .site-title {
	font-size: 1.5em !important;
	font-weight: 700 !important;
	margin: 0 !important;
	line-height: 1.2 !important;
}

.site-header .site-title a {
	color: #1a1a1a !important;
	text-decoration: none !important;
}

/* Remove old menu toggle elements only */
.site-header .menu-toggle,
.site-header #menu-toggle,
.site-header button.menu-toggle,
.site-header .site-header-menu {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Header padding restored - Fix for header spacing */
body:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader):not(.dark-mode) {
	padding-top: 60px !important;
	margin: 0 !important;
	background: #ffffff !important;
}

/* Override high specificity white background for AMP dark mode */
body:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader):not(.dark-mode):not(#_#_#_#_#_#_#_#_) {
	padding-top: 80px;
	margin: 0;
	background: #fff;
}

/* Dark mode version of the high specificity rule */
body.dark-mode:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader):not(#_#_#_#_#_#_#_#_) {
	margin: 0;
	background: #141414 !important;
	color: #e0e0e0 !important;
	/* padding-top handled by main rule above */
}

/* Remove padding-top from AMP pages - Comprehensive override */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader):not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* Additional AMP padding removal with maximum specificity */
body.amp-mode-standard:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_),
body.amp-mode-transitional:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_),
body.amp-mode-reader:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* Counter override for AMP dark mode with even higher specificity */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* AMP Dark mode aap-content and related elements - ensure light text on dark background */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .aap-content,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .aap-apple-content,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .aap-compact-content,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .aap-apple-title,
body.amp-dark-mode .aap-content,
body.amp-dark-mode .aap-apple-content,
body.amp-dark-mode .aap-compact-content,
body.amp-dark-mode .aap-apple-title {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* AMP Dark mode aap-apple-grid-item styling */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .aap-apple-grid-item,
body.amp-dark-mode .aap-apple-grid-item {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* AMP Dark mode - Amazon product images with dark background */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .aap-apple-image,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .aap-apple-image img,
body.amp-dark-mode .aap-apple-image,
body.amp-dark-mode .aap-apple-image img {
	background: #2c2c2e !important;
	border-radius: 6px !important;
	padding: 4px !important;
}

/* Center align price element */
.aap-apple-price {
	text-align: center !important;
}

/* Light mode - Amazon affiliate titles should be dark text */
.aap-apple-title,
.aap-title,
.aap-compact-title {
	color: #1d1d1f !important;
}

/* Dark mode - Amazon affiliate titles should be light text */
.dark-mode .aap-apple-title,
.dark-mode .aap-title,
.dark-mode .aap-compact-title,
body.dark-mode .aap-apple-title,
body.dark-mode .aap-title,
body.dark-mode .aap-compact-title,
html.dark-mode .aap-apple-title,
html.dark-mode .aap-title,
html.dark-mode .aap-compact-title {
	color: #f2f2f7 !important;
}

/* AMP Dark mode - Amazon affiliate titles should be light text */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .aap-apple-title,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .aap-title,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .aap-compact-title,
body.amp-dark-mode .aap-apple-title,
body.amp-dark-mode .aap-title,
body.amp-dark-mode .aap-compact-title {
	color: #f2f2f7 !important;
}

/* Additional AMP dark mode fix for aap-apple-grid-item */
.amp-mode-standard.dark-mode .aap-apple-grid-item,
.amp-mode-transitional.dark-mode .aap-apple-grid-item,
.amp-mode-reader.dark-mode .aap-apple-grid-item {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* AMP Dark mode table-of-contents styling */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .table-of-contents,
body.amp-dark-mode .table-of-contents {
	background: #141414 !important;
	border-color: #4a5568 !important;
	color: #e0e0e0 !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .toc-title {
	color: #fff !important;
	border-bottom-color: #007acc !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .toc-item a {
	color: #64b5f6 !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .toc-item a:hover {
	color: #90caf9 !important;
}

/* Fix AMP dark mode background - override any white background */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode:not(#_#_#_#_#_#_#_#_) {
	background: #141414 !important;
}

/* Comprehensive AMP dark mode - ensure all major elements have dark background */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode:not(#_#_#_#_#_#_#_#_) *,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode:not(#_#_#_#_#_#_#_#_) .site,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode:not(#_#_#_#_#_#_#_#_) .site-main,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode:not(#_#_#_#_#_#_#_#_) .entry,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode:not(#_#_#_#_#_#_#_#_) .main {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Dark mode background for AMP pages when dark mode is active */
/* REMOVED :has() selector rule - lines 1889 to 1895 */

body.dark-mode:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader) {
	padding-top: 80px !important;
	margin: 0 !important;
	background: #141414 !important;
}

/* Desktop dark mode aap-content and aap-apple-title fixes */
body.dark-mode:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader) .aap-content,
body.dark-mode:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader) .aap-apple-content,
body.dark-mode:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader) .aap-compact-content,
body.dark-mode:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader) .aap-apple-title {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Additional desktop dark mode fix for aap-apple-title */
.dark-mode:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader) .aap-apple-title {
	color: #e0e0e0 !important;
}

/* Additional spacing for post content - Non-AMP only */
body:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader) .entry-header,
body:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader) .entry-title {
	margin-top: 15px !important;
}

@media screen and (max-width: 768px) {
	.site-header {
		height: 70px !important;
		padding: 0 15px !important;
	}
	
	.site-header .site-title {
		font-size: 1.3em !important;
	}
	
	body:not(.amp-mode-standard):not(.amp-mode-transitional):not(.amp-mode-reader) {
		padding-top: 70px !important;
	}
	
	/* Additional spacing for post content on mobile */
	.entry-header,
	.entry-title {
		margin-top: 20px !important;
	}
	
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #686868;
	font-family: 'Poppins', sans-serif;
}

:-moz-placeholder {
	color: #686868;
	font-family: 'Poppins', sans-serif;
}

::-moz-placeholder {
	color: #686868;
	font-family: 'Poppins', sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #686868;
	font-family: 'Poppins', sans-serif;
}


/**
 * 5.0 - Forms
 */

input {
	line-height: normal;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
	background: #1a1a1a;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	letter-spacing: 0.046875em;
	line-height: 1;
	padding: 0.84375em 0.875em 0.78125em;
	text-transform: uppercase;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #007acc;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
	background: #f7f7f7;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #686868;
	padding: 0.625em 0.4375em;
	width: 100%;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #fff;
	border-color: #007acc;
	color: #1a1a1a;
	outline: 0;
}

.post-password-form {
	margin-bottom: 1.75em;
}

.post-password-form label {
	color: #686868;
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 1.75em;
	text-transform: uppercase;
}

.post-password-form input[type="password"] {
	margin-top: 0.4375em;
}

.post-password-form > :last-child {
	margin-bottom: 0;
}

.search-form {
	position: relative;
}

input[type="search"].search-field {
	border-radius: 2px 0 0 2px;
	width: -webkit-calc(100% - 42px);
	width: calc(100% - 42px);
}

.search-submit:before {
	content: "\f400";
	font-size: 24px;
	left: 2px;
	line-height: 42px;
	position: relative;
	width: 40px;
}

.search-submit {
	border-radius: 0 2px 2px 0;
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
}


/**
 * 6.0 - Navigation
 */

/**
 * 6.1 - Links
 */

a {
	color: #007acc;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #686868;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
	box-shadow: 0 1px 0 0 currentColor;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
	box-shadow: none;
}


/**
 * 6.2 - Menus
 */

.site-header-menu {
	display: none;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	margin: 0.875em 0;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
}

.main-navigation {
	font-family: 'Poppins', sans-serif;
}

.site-footer .main-navigation {
	margin-bottom: 1.75em;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
}

.main-navigation li {
	border-top: 1px solid #d1d1d1;
	position: relative;
}

.main-navigation a {
	color: #1a1a1a;
	display: block;
	line-height: 1.3125;
	outline-offset: -1px;
	padding: 0.84375em 0;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #007acc;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	font-weight: 700;
}

.main-navigation ul ul {
	display: none;
	margin-left: 0.875em;
}

.no-js .main-navigation ul ul {
	display: block;
}

.main-navigation ul .toggled-on {
	display: block;
}

.main-navigation .primary-menu {
	border-bottom: 1px solid #d1d1d1;
}

.main-navigation .menu-item-has-children > a {
	margin-right: 56px;
}

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: #1a1a1a;
	content: "";
	height: 48px;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	width: 48px;
}

.dropdown-toggle:after {
	border: 0 solid #d1d1d1;
	border-left-width: 1px;
	content: "\f431";
	font-size: 24px;
	left: 1px;
	position: relative;
	width: 48px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: transparent;
	color: #007acc;
}

.dropdown-toggle:focus {
	outline: thin dotted;
	outline-offset: -1px;
}

.dropdown-toggle:focus:after {
	border-color: transparent;
}

.dropdown-toggle.toggled-on:after {
	content: "\f432";
}

.site-header .main-navigation + .social-navigation {
	margin-top: 1.75em;
}

.site-footer .social-navigation {
	margin-bottom: 1.75em;
}

.social-navigation ul {
	list-style: none;
	margin: 0 0 -0.4375em;
}

.social-navigation li {
	float: left;
	margin: 0 0.4375em 0.4375em 0;
}

.social-navigation a {
	border: 1px solid #d1d1d1;
	border-radius: 50%;
	color: #1a1a1a;
	display: block;
	height: 35px;
	position: relative;
	width: 35px;
}

.social-navigation a:before {
	content: "\f415";
	height: 33px;
	line-height: 33px;
	text-align: center;
	width: 33px;
}

.social-navigation a:hover:before,
.social-navigation a:focus:before {
	color: #007acc;
}

.social-navigation a[href*="codepen.io"]:before {
	content: "\f216";
}

.social-navigation a[href*="digg.com"]:before {
	content: "\f221";
}

.social-navigation a[href*="dribbble.com"]:before {
	content: "\f201";
}

.social-navigation a[href*="dropbox.com"]:before {
	content: "\f225";
}

.social-navigation a[href*="facebook.com"]:before {
	content: "\f203";
}

.social-navigation a[href*="flickr.com"]:before {
	content: "\f211";
}

.social-navigation a[href*="foursquare.com"]:before {
	content: "\f226";
}

.social-navigation a[href*="plus.google.com"]:before {
	content: "\f206";
}

.social-navigation a[href*="github.com"]:before {
	content: "\f200";
}

.social-navigation a[href*="instagram.com"]:before {
	content: "\f215";
}

.social-navigation a[href*="linkedin.com"]:before {
	content: "\f208";
}

.social-navigation a[href*="path.com"]:before {
	content: "\f219";
}

.social-navigation a[href*="pinterest.com"]:before {
	content: "\f210";
}

.social-navigation a[href*="getpocket.com"]:before {
	content: "\f224";
}

.social-navigation a[href*="polldaddy.com"]:before {
	content: "\f217";
}

.social-navigation a[href*="reddit.com"]:before {
	content: "\f222";
}

.social-navigation a[href*="skype.com"]:before {
	content: "\f220";
}

.social-navigation a[href*="stumbleupon.com"]:before {
	content: "\f223";
}

.social-navigation a[href*="tumblr.com"]:before {
	content: "\f214";
}

.social-navigation a[href*="twitter.com"]:before {
	content: "\f202";
}

.social-navigation a[href*="vimeo.com"]:before {
	content: "\f212";
}

.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
	content: "\f205";
}

.social-navigation a[href*="youtube.com"]:before {
	content: "\f213";
}

.social-navigation a[href^="mailto:"]:before {
	content: "\f410";
}

.social-navigation a[href*="spotify.com"]:before {
	content: "\f515";
}

.social-navigation a[href*="twitch.tv"]:before {
	content: "\f516";
}

.social-navigation a[href$="/feed/"]:before {
	content: "\f413";
}

.post-navigation {
	border-top: 4px solid #1a1a1a;
	border-bottom: 4px solid #1a1a1a;
	clear: both;
	font-family: 'Poppins', sans-serif;
	margin: 0 7.6923% 3.5em;
}

.post-navigation a {
	color: #1a1a1a;
	display: block;
	padding: 1.75em 0;
}

.post-navigation span {
	display: block;
}

.post-navigation .meta-nav {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

.post-navigation .post-title {
	display: inline;
	font-family: 'Poppins', sans-serif;
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 700;
	line-height: 1.2173913043;
	text-rendering: optimizeLegibility;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
	color: #007acc;
}

.post-navigation div + div {
	border-top: 4px solid #1a1a1a;
}

.pagination {
	border-top: 4px solid #1a1a1a;
	font-family: 'Poppins', sans-serif;
	font-size: 19px;
	font-size: 1.1875rem;
	margin: 0 7.6923% 2.947368421em;
	min-height: 56px;
	position: relative;
}

.pagination:before,
.pagination:after {
	background-color: #1a1a1a;
	content: "";
	height: 52px;
	position: absolute;
	top:0;
	width: 52px;
	z-index: 0;
}

.pagination:before {
	right: 0;
}

.pagination:after {
	right: 54px;
}

.pagination a:hover,
.pagination a:focus {
	color: #1a1a1a;
}

.pagination .nav-links {
	padding-right: 106px;
	position: relative;
}

.pagination .nav-links:before,
.pagination .nav-links:after {
	color: #fff;
	font-size: 32px;
	line-height: 51px;
	opacity: 0.3;
	position: absolute;
	width: 52px;
	z-index: 1;
}

.pagination .nav-links:before {
	content: "\f429";
	right: -1px;
}

.pagination .nav-links:after {
	content: "\f430";
	right: 55px;
}

/* reset screen-reader-text */
.pagination .current .screen-reader-text {
	position: static !important;
}

.pagination .page-numbers {
	display: none;
	letter-spacing: 0.013157895em;
	line-height: 1;
	margin: 0 0.7368421053em 0 -0.7368421053em;
	padding: 0.8157894737em 0.7368421053em 0.3947368421em;
	text-transform: uppercase;
}

.pagination .current {
	display: inline-block;
	font-weight: 700;
}

.pagination .prev,
.pagination .next {
	background-color: #1a1a1a;
	color: #fff;
	display: inline-block;
	height: 52px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 52px;
	z-index: 2;
}

.pagination .prev:before,
.pagination .next:before {
	font-size: 32px;
	height: 53px;
	line-height: 52px;
	position: relative;
	width: 53px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
	background-color: #007acc;
	color: #fff;
}

.pagination .prev:focus,
.pagination .next:focus {
	outline: 0;
}

.pagination .prev {
	right: 54px;
}

.pagination .prev:before {
	content: "\f430";
	left: -1px;
	top: -1px;
}

.pagination .next {
	right: 0;
}

.pagination .next:before {
	content: "\f429";
	right: -1px;
	top: -1px;
}

.image-navigation,
.comment-navigation {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	color: #686868;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin: 0 7.6923% 2.1538461538em;
	padding: 1.0769230769em 0;
}

.comment-navigation {
	margin-right: 0;
	margin-left: 0;
}

.comments-title + .comment-navigation {
	border-bottom: 0;
	margin-bottom: 0;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
	display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}


/**
 * 7.0 - Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 700;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	font-family: 'Poppins', sans-serif;
}

.site .skip-link:focus {
	clip-path: none;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}


/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}


/**
 * 10.0 - Widgets
 */

.widget {
	border: none;
	margin-bottom: 3.5em;
	padding-top: 1.75em;
}

.widget-area > :last-child,
.widget > :last-child,
.widget > nav > :last-child {
	margin-bottom: 0;
}

.widget .widget-title {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	letter-spacing: 0.046875em;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	text-transform: uppercase;
}

.widget .widget-title:empty {
	margin-bottom: 0;
}

.widget-title a {
	color: #1a1a1a;
}

/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}

.widget_calendar .wp-calendar-nav {
	display: table;
	width: 100%;
}

.widget_calendar .wp-calendar-nav span {
	display: table-cell;
}

.widget_calendar .wp-calendar-nav-prev,
.widget_calendar .wp-calendar-nav-next {
	width: 40%;
}

.widget_calendar td,
.widget_calendar th,
.widget_calendar .wp-calendar-nav span {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}

.widget_calendar caption {
	font-weight: 900;
	margin-bottom: 1.75em;
}

.widget_calendar tbody a {
	background-color: #007acc;
	color: #fff;
	display: block;
	font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
	color: #686868;
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.615384615;
	margin-bottom: 0.538461538em;
}

.widget_recent_entries li:last-child .post-date {
	margin-bottom: 0;
}

/* RSS widget */
.widget_rss .rsswidget img {
	margin-top: -0.375em;
}

.widget_rss .rss-date,
.widget_rss cite {
	color: #686868;
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: normal;
	line-height: 1.615384615;
	margin-bottom: 0.538461538em;
}

.widget_rss .rssSummary:last-child {
	margin-bottom: 2.1538461538em;
}

.widget_rss li:last-child :last-child {
	margin-bottom: 0;
}

/* Tag Cloud widget */
.tagcloud a {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	line-height: 1;
	margin: 0 0.1875em 0.4375em 0;
	padding: 0.5625em 0.4375em 0.5em;
}

.tagcloud ul {
	list-style-type: none;
	margin-left: 0;
}

.tagcloud ul li {
	display: inline-block;
}

.tagcloud a:hover,
.tagcloud a:focus {
	border-color: #007acc;
	color: #007acc;
	outline: 0;
}


/**
 * 11.0 - Content
 */

.site {
	background-color: #fff;
}

.site-inner {
	margin: 0 auto;
	max-width: 1320px;
	position: relative;
}

.site-content {
	word-wrap: break-word;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

.site-main {
	margin-bottom: 3.5em;
}

.site-main > :last-child {
	margin-bottom: 0;
}


/**
 * 11.1 - Header - Modern Tech Style
 */

.site-header {
	background: #ffffff;
	border-bottom: 1px solid #e9ecef;
	padding: 0;
	position: sticky;
	top: 0;
	z-index: 999;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.header-container {
	max-width: 1320px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	padding: 0 20px;
	height: 60px;
}

.site-branding {
	margin: 0;
	flex-shrink: 0;
	max-width: none;
	overflow: visible;
}

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

.site-title a {
	color: #1a1a1a;
	text-decoration: none;
	transition: color 0.3s ease;
}

.site-title a:hover {
	color: #007acc;
}

/* Main Navigation */
.main-navigation {
	flex: 1;
	margin: 0 40px;
}

.primary-menu {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 30px;
}

.primary-menu li {
	position: relative;
}

.primary-menu a {
	color: #333;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.95rem;
	padding: 20px 0;
	display: block;
	transition: color 0.3s ease;
	text-transform: capitalize;
}

.primary-menu a:hover,
.primary-menu a:focus {
	color: #007acc;
}

.primary-menu .current-menu-item > a,
.primary-menu .current_page_item > a {
	color: #007acc;
	position: relative;
}

.primary-menu .current-menu-item > a::after,
.primary-menu .current_page_item > a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: #007acc;
}

/* Dropdown Menus */
.primary-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	background: #ffffff;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	min-width: 200px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 1000;
	flex-direction: column;
	gap: 0;
}

.primary-menu li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.primary-menu .sub-menu a {
	padding: 12px 20px;
	border-bottom: 1px solid #f5f5f5;
	font-size: 0.9rem;
}

.primary-menu .sub-menu a:hover {
	background: #f8f9fa;
}

.primary-menu .sub-menu li:last-child a {
	border-bottom: none;
}

/* Header Actions */
.header-actions {
	display: flex;
	align-items: center;
	gap: 20px;
}

.header-search {
	position: relative;
}

.search-toggle {
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	border-radius: 6px;
	transition: background 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
}

.search-toggle:hover {
	background: #f8f9fa;
	color: #007acc;
}

.search-form-container {
	position: absolute;
	top: 100%;
	right: 0;
	background: #ffffff;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	padding: 15px;
	min-width: 300px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 1001;
}

.search-form-container.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.search-form-container .search-form {
	margin: 0;
}

.search-form-container input[type="search"] {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 0.95rem;
	outline: none;
	transition: border-color 0.3s ease;
}

.search-form-container input[type="search"]:focus {
	border-color: #007acc;
}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
	display: none;
	flex-direction: column;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	gap: 3px;
}

.hamburger-line {
	width: 20px;
	height: 2px;
	background: #333;
	transition: all 0.3s ease;
}

.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}

.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) {
	opacity: 0;
}

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

/* Header Account */
.header-account {
	display: flex;
	align-items: center;
}

.sign-in-link {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #666;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 500;
	padding: 8px 12px;
	border-radius: 6px;
	transition: all 0.3s ease;
	border: 1px solid transparent;
}

.sign-in-link:hover {
	color: #007acc;
	background: #f8f9fa;
	border-color: #e9ecef;
}

/* Responsive Header */
@media screen and (max-width: 1024px) {
	.header-container {
		padding: 0 15px;
	}
	
	.main-navigation {
		margin: 0 20px;
	}
	
	.primary-menu {
		gap: 20px;
	}
}

@media screen and (max-width: 768px) {
	.main-navigation {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #ffffff;
		border-top: 1px solid #e9ecef;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10px);
		transition: all 0.3s ease;
		margin: 0;
		padding: 20px;
	}
	
	.main-navigation.mobile-active {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	
	.primary-menu {
		flex-direction: column;
		gap: 0;
	}
	
	.primary-menu a {
		padding: 15px 0;
		border-bottom: 1px solid #f5f5f5;
		font-size: 1rem;
	}
	
	.primary-menu li:last-child a {
		border-bottom: none;
	}
	
	.mobile-menu-toggle {
		display: flex;
	}
	
	.header-account span {
		display: none;
	}
	
	.search-form-container {
		min-width: 280px;
		right: -20px;
	}
}

@media screen and (max-width: 480px) {
	.header-container {
		height: 55px;
		padding: 0 10px;
	}
	
	.site-title {
		font-size: 1.3rem;
	}
	
	.header-actions {
		gap: 10px;
	}
	
	.search-form-container {
		min-width: 260px;
		right: -10px;
	}
}

/* Dark Mode Header */
.dark-mode .site-header {
	background: #1a1a1a;
	border-bottom-color: #333;
}

.dark-mode .site-title a {
	color: #ffffff;
}

.dark-mode .site-title a:hover {
	color: #64b5f6;
}

.dark-mode .primary-menu a {
	color: #e0e0e0;
}

.dark-mode .primary-menu a:hover,
.dark-mode .primary-menu a:focus {
	color: #64b5f6;
}

.dark-mode .primary-menu .current-menu-item > a,
.dark-mode .primary-menu .current_page_item > a {
	color: #64b5f6;
}

.dark-mode .primary-menu .current-menu-item > a::after,
.dark-mode .primary-menu .current_page_item > a::after {
	background: #64b5f6;
}

.dark-mode .primary-menu .sub-menu {
	background: #2a2a2a;
	border-color: #333;
}

.dark-mode .primary-menu .sub-menu a {
	border-bottom-color: #333;
}

.dark-mode .primary-menu .sub-menu a:hover {
	background: #333;
}

.dark-mode .search-toggle {
	color: #e0e0e0;
}

.dark-mode .search-toggle:hover {
	background: #333;
	color: #64b5f6;
}

.dark-mode .search-form-container {
	background: #2a2a2a;
	border-color: #333;
}

.dark-mode .search-form-container input[type="search"] {
	background: #1a1a1a;
	border-color: #333;
	color: #e0e0e0;
}

.dark-mode .search-form-container input[type="search"]:focus {
	border-color: #64b5f6;
}

.dark-mode .hamburger-line {
	background: #e0e0e0;
}

.dark-mode .sign-in-link {
	color: #e0e0e0;
}

.dark-mode .sign-in-link:hover {
	color: #64b5f6;
	background: #333;
	border-color: #444;
}

.dark-mode .main-navigation {
	background: #1a1a1a;
	border-top-color: #333;
}

.dark-mode .primary-menu a {
	border-bottom-color: #333;
}

/* Override old header styles */
.site-header {
	padding: 0;
}

.site-header-main {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.site-branding {
	margin: 0.875em auto 0.875em 0;
	/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
}

.custom-logo-link {
	display: block;
}

.custom-logo {
	max-width: 180px;
}

.site-title {
	font-family: 'Poppins', sans-serif;
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 700;
	line-height: 1.2173913043;
	margin: 0;
}

.site-branding .site-title a {
	color: #1a1a1a;
}

.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
	color: #007acc;
}

.wp-custom-logo .site-title {
	margin-top: 0.608695652em;
}

.site-description {
	color: #686868;
	display: none;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.0769230769;
	margin: 0.538461538em 0 0;
}

.menu-toggle {
	background-color: transparent;
	border: 1px solid #d1d1d1;
	color: #1a1a1a;
	font-size: 13px;
	font-size: 0.8125rem;
	margin: 1.076923077em 0;
	padding: 0.769230769em;
}

.no-js .menu-toggle {
	display: none;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	border-color: #007acc;
	color: #007acc;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.menu-toggle:focus {
	outline: 0;
}

.menu-toggle.toggled-on:focus {
	outline: thin dotted;
}

.header-image {
	clear: both;
	margin: 0;
}

.header-image a {
	display: block;
}

.header-image a:hover img,
.header-image a:focus img {
	opacity: 0.85;
}

/**
 * 11.2 - Posts and pages
 */

.site-main > article {
	margin-bottom: 3.5em;
	position: relative;
}

.entry-header,
.entry-summary,
.entry-content,
.entry-footer,
.page-content {
	margin-right: 7.6923%;
	margin-left: 7.6923%;
}

.entry-title {
	font-family: 'Poppins', sans-serif;
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 1em;
}

.entry-title a {
	color: #1a1a1a;
}

.entry-title a:hover,
.entry-title a:focus {
	color: #007acc;
}

.post-thumbnail {
	display: block;
	margin: 0 7.6923% 1.75em;
}

.post-thumbnail img {
	display: block;
}

.no-sidebar .post-thumbnail img {
	margin: 0 auto;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
	opacity: 0.85;
}

.entry-content,
.entry-summary {
	border-color: #d1d1d1;
}

.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.25;
	margin-top: 2em;
	margin-bottom: 1em;
}

.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2 {
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.2173913043;
	margin-top: 2.4347826087em;
	margin-bottom: 1.2173913043em;
}

.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.1052631579;
	margin-top: 2.9473684211em;
	margin-bottom: 1.4736842105em;
}

.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin-top: 3.5em;
	margin-bottom: 1.75em;
}

.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
	letter-spacing: 0.140625em;
	text-transform: uppercase;
}

.entry-content h6,
.entry-summary h6,
.comment-content h6,
.textwidget h6 {
	font-style: italic;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	font-weight: 900;
}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
	margin-top: 0;
}

.post-navigation .post-title,
.entry-title,
.comments-title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

body:not(.search-results) .entry-summary {
	color: #686868;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.4736842105;
	margin-bottom: 1.4736842105em;
}

body:not(.search-results) .entry-header + .entry-summary {
	margin-top: -0.736842105em;
}

body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
	margin-bottom: 1.4736842105em;
}

body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
	margin-bottom: 0;
}

body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
	padding: 0.3684210526em;
}

body:not(.search-results) .entry-summary fieldset {
	margin-bottom: 1.4736842105em;
	padding: 0.3684210526em;
}

body:not(.search-results) .entry-summary blockquote {
	border-color: currentColor;
}

body:not(.search-results) .entry-summary blockquote > :last-child {
	margin-bottom: 0;
}

body:not(.search-results) .entry-summary .alignleft {
	margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}

body:not(.search-results) .entry-summary .alignright {
	margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}

body:not(.search-results) .entry-summary .aligncenter {
	margin-bottom: 1.4736842105em;
}

.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
	margin-bottom: 0;
}

.more-link {
	white-space: nowrap;
}

.author-info {
	border-color: inherit;
	border-style: solid;
	border-width: 1px 0 1px 0;
	clear: both;
	padding-top: 1.75em;
	padding-bottom: 1.75em;
}

.author-avatar .avatar {
	float: left;
	height: 42px;
	margin: 0 1.75em 1.75em 0;
	width: 42px;
}

.author-description > :last-child {
	margin-bottom: 0;
}

.entry-content .author-title {
	clear: none;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.75;
	margin: 0;
}

.author-bio {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 1.6153846154em;
	overflow: hidden;
}

.author-link {
	white-space: nowrap;
}

.entry-footer {
	color: #686868;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-top: 2.1538461538em;
}

.entry-footer:empty {
	margin: 0;
}

.entry-footer a {
	color: #686868;
}

.entry-footer a:hover,
.entry-footer a:focus {
	color: #007acc;
}

.entry-footer > span:not(:last-child):after {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

.entry-footer .avatar {
	height: 21px;
	margin: -0.1538461538em 0.5384615385em 0 0;
	width: 21px;
}

.sticky-post {
	color: #686868;
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

/**
 * IE8 and earlier will drop any block with CSS3 selectors.
 * Do not combine these styles with the next block.
 */
.updated:not(.published) {
	display: none;
}

.sticky .posted-on,
.byline {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-header {
	border-top: 4px solid #1a1a1a;
	margin: 0 7.6923% 3.5em;
	padding-top: 1.75em;
}

body.error404 .page-header,
body.search-no-results .page-header {
	border-top: 0;
	padding-top: 0;
}

.page-title {
	font-family: 'Poppins', sans-serif;
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.2173913043;
}

.taxonomy-description {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.taxonomy-description p {
	margin: 0.5384615385em 0 1.6153846154em;
}

.taxonomy-description > :last-child {
	margin-bottom: 0;
}

.page-links {
	clear: both;
	font-family: 'Poppins', sans-serif;
	margin: 0 0 1.75em;
}

.page-links a,
.page-links > span {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;
	font-size: 13px;
	font-size: 0.8125rem;
	height: 1.8461538462em;
	line-height: 1.6923076923em;
	margin-right: 0.3076923077em;
	text-align: center;
	width: 1.8461538462em;
}

.page-links a {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #007acc;
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #1a1a1a;
	height: auto;
	margin: 0;
	padding-right: 0.6153846154em;
	width: auto;
}

.entry-attachment {
	margin-bottom: 1.75em;
}

.entry-caption {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 1.0769230769em;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}

.content-bottom-widgets {
	margin: 0 7.6923%;
}

.content-bottom-widgets .widget-area {
	margin-bottom: 3.5em;
}


/**
 * 11.3 - Post Formats
 */

.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.473684211;
	margin-bottom: 1.473684211em;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title {
	display: none;
}


/**
 * 11.4 - Comments
 */

.comments-area {
	margin: 0 7.6923% 3.5em;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
	border-top: 4px solid #1a1a1a;
	font-family: 'Poppins', sans-serif;
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 700;
	line-height: 1.3125;
	padding-top: 1.217391304em;
}

.comments-title {
	margin-bottom: 1.217391304em;
}

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

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #d1d1d1;
	padding: 1.75em 0;
}

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

.comment-list .children > li {
	padding-left: 0.875em;
}

.comment-author {
	color: #1a1a1a;
	margin-bottom: 0.4375em;
}

.comment-author .avatar {
	float: left;
	height: 28px;
	margin-right: 0.875em;
	position: relative;
	width: 28px;
}

.bypostauthor > article .fn:after {
	content: "\f304";
	left: 3px;
	position: relative;
	top: 5px;
}

.comment-metadata,
.pingback .edit-link {
	color: #686868;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.comment-metadata {
	margin-bottom: 2.1538461538em;
}

.comment-metadata a,
.pingback .comment-edit-link {
	color: #686868;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
	color: #007acc;
}

.comment-metadata .edit-link,
.pingback .edit-link {
	display: inline-block;
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-reply-link {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #007acc;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	margin-top: 2.1538461538em;
	padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
	border-color: currentColor;
	color: #007acc;
	outline: 0;
}

.comment-form {
	padding-top: 1.75em;
}

.comment-form label {
	color: #686868;
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

.comment-list .comment-form {
	padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 2.1538461538em;
}

.no-comments {
	border-top: 1px solid #d1d1d1;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	margin: 0;
	padding-top: 1.75em;
}

.comment-navigation + .no-comments {
	border-top: 0;
	padding-top: 0;
}

.form-allowed-tags code {
	font-family: Inconsolata, monospace;
}

.form-submit {
	margin-bottom: 0;
}

.required {
	color: #007acc;
	font-family: 'Poppins', sans-serif;
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
	color: #1a1a1a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: -5px;
}

.comment-form #wp-comment-cookies-consent {
	margin: 0 10px 0 0;
}

.comment-form .comment-form-cookies-consent label {
	display: inline;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0;
	text-transform: none;
}

/**
 * 11.5 - Sidebar
 */

.sidebar {
	margin-bottom: 3.5em;
	padding: 0 7.6923%;
}


/**
 * 11.6 - Footer
 */

.site-footer {
	padding: 0 7.6923% 1.75em;
}

.site-info {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

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

.site-info a:hover,
.site-info a:focus {
	color: #007acc;
}

.site-footer .site-title {
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
}

.site-footer .site-title:after {
	content: "\002f";
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	opacity: 0.7;
	padding: 0 0.307692308em 0 0.538461538em;
}

.site-footer span[role=separator] {
	font-family: 'Poppins', sans-serif;
	opacity: 0.7;
	padding: 0 0.307692308em 0 0.538461538em;
}

.site-footer span[role=separator]::before {
	content: '\002f';
}


/**
 * 12.0 - Media
 */

.site .avatar {
	border-radius: 50%;
}

.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
	box-shadow: none;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
	margin-bottom: 1.75em;
}

.wp-playlist.wp-audio-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 0.7142857143em 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 0.7142857143em;
}


/**
 * 12.1 - Captions
 */

.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}


/**
 * 12.2 - Galleries
 */

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


/**
 * 13.0 - Multisites
 */

.widecolumn {
	margin-bottom: 3.5em;
	padding: 0 7.6923%;
}

.widecolumn .mu_register {
	width: auto;
}

.widecolumn .mu_register .mu_alert {
	background: transparent;
	border-color: #d1d1d1;
	color: inherit;
	margin-bottom: 3.5em;
	padding: 1.75em;
}

.widecolumn form,
.widecolumn .mu_register form {
	margin-top: 0;
}

.widecolumn h2 {
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 900;
	line-height: 1.2173913043;
	margin-bottom: 1.2173913043em;
}

.widecolumn p {
	margin: 1.75em 0;
}

.widecolumn p + h2 {
	margin-top: 2.4347826087em;
}

.widecolumn label,
.widecolumn .mu_register label {
	color: #686868;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	text-transform: uppercase;
}

.widecolumn .mu_register label {
	margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}

.widecolumn .mu_register label strong {
	font-weight: 400;
}

.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
	font-size: 16px;
	font-size: 1rem;
	width: 100%;
}

.widecolumn .mu_register #blogname {
	margin: 0;
}

.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
	margin: 0 0 0.375em;
}

.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
	font-size: 16px;
	font-size: 1rem;
	margin: 0;
	width: auto;
}

.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
	font-size: inherit;
}

.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
	margin-bottom: 0;
}


/**
 * 14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/**
 * 14.1 - >= 710px
 */

@media screen and (min-width: 44.375em) {
	html {
		scroll-padding-top: calc( var(--wp-admin--admin-bar--height, 0px) + 21px );
	}

	body:not(.custom-background-image):before,
	body:not(.custom-background-image):after {
		background: inherit;
		content: "";
		display: block;
		height: 21px;
		left: 0;
		position: fixed;
		width: 100%;
		z-index: 99;
	}

	body:not(.custom-background-image):before {
		top: 0;
	}

	body:not(.custom-background-image).admin-bar:before {
		top: 46px;
	}

	body:not(.custom-background-image):after {
		bottom: 0;
	}

	.site {
		margin: 21px;
	}

	.site-main {
		margin-bottom: 5.25em;
	}

	.site-header {
		padding: 0 7.6923% !important;
		padding-top: 0 !important;
	}

	.site-branding {
		margin-top: 1.3125em;
		margin-bottom: 1.3125em;
	}

	.custom-logo {
		max-width: 210px;
	}

	.site-title {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.25;
	}

	.wp-custom-logo .site-title {
		margin-top: 0.5em;
	}

	.site-description {
		display: block;
	}

	.menu-toggle {
		font-size: 16px;
		font-size: 1.0rem;
		margin: 1.3125em 0;
		padding: 0.8125em 0.875em 0.6875em;
	}

	.site-header-menu {
		margin: 1.3125em 0;
	}

	.site-header .main-navigation + .social-navigation {
		margin-top: 2.625em;
	}

	.header-image {
		margin: 0;
	}

	.pagination {
		margin: 0 23.0769% 4.421052632em 7.6923%
	}

	.post-navigation {
		margin-bottom: 5.25em;
	}

	.post-navigation .post-title {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.25;
	}

	/* restore screen-reader-text */
	.pagination .current .screen-reader-text {
		position: absolute !important;
	}

	.pagination .page-numbers {
		display: inline-block;
	}

	.site-main > article {
		margin-bottom: 5.25em;
	}

	.entry-header,
	.post-thumbnail,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.page-header,
	.page-content,
	.content-bottom-widgets {
		margin-right: 23.0769%;
	}

	.entry-title {
		font-size: 33px;
		font-size: 2.0625rem;
		line-height: 1.2727272727;
		margin-bottom: 0.8484848485em;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		border-width: 4px 0 0 0;
		padding: 0.9473684211em 0 0;
		width: -webkit-calc(50% - 0.736842105em);
		width: calc(50% - 0.736842105em);
	}

	.entry-content blockquote:not(.alignleft):not(.alignright),
	.entry-summary blockquote,
	.comment-content blockquote {
		margin-left: -1.473684211em;
	}

	.entry-content blockquote blockquote:not(.alignleft):not(.alignright),
	.entry-summary blockquote blockquote,
	.comment-content blockquote blockquote {
		margin-left: 0;
	}

	.entry-content ul,
	.entry-summary ul,
	.comment-content ul,
	.entry-content ol,
	.entry-summary ol,
	.comment-content ol {
		margin-left: 0;
	}

	.entry-content li > ul,
	.entry-summary li > ul,
	.comment-content li > ul,
	.entry-content blockquote > ul,
	.entry-summary blockquote > ul,
	.comment-content blockquote > ul {
		margin-left: 1.25em;
	}

	.entry-content li > ol,
	.entry-summary li > ol,
	.comment-content li > ol,
	.entry-content blockquote > ol,
	.entry-summary blockquote > ol,
	.comment-content blockquote > ol {
		margin-left: 1.5em;
	}

	.comment-author {
		margin-bottom: 0;
	}

	.comment-author .avatar {
		height: 42px;
		position: relative;
		top: 0.25em;
		width: 42px;
	}

	.comment-list .children > li {
		padding-left: 1.75em;
	}

	.comment-list + .comment-respond,
	.comment-navigation + .comment-respond {
		padding-top: 3.5em;
	}

	.comments-area,
	.widget,
	.content-bottom-widgets .widget-area {
		margin-bottom: 5.25em;
	}

	.sidebar,
	.widecolumn {
		margin-bottom: 5.25em;
		padding-right: 23.0769%;
	}

	body:not(.search-results) .entry-summary li > ul,
	body:not(.search-results) .entry-summary blockquote > ul {
		margin-left: 1.157894737em;
	}

	body:not(.search-results) .entry-summary li > ol,
	body:not(.search-results) .entry-summary blockquote > ol {
		margin-left: 1.473684211em;
	}
}


/**
 * 14.2 - >= 783px
 */

@media screen and (min-width: 48.9375em) {
	body:not(.custom-background-image).admin-bar:before {
		top: 32px;
	}
}


/**
 * 14.3 - >= 910px
 */

@media screen and (min-width: 56.875em) {
	.site-header {
		padding-right: 4.5455%;
		padding-left: 4.5455%;
	}

	.site-header-main {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.wp-custom-logo .site-header-main {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.site-header-menu {
		display: block;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}

	.main-navigation {
		margin: 0 -0.875em;
	}

	.main-navigation .primary-menu,
	.main-navigation .primary-menu > li {
		border: 0;
	}

	.main-navigation .primary-menu > li {
		float: left;
	}

	.main-navigation a {
		outline-offset: -8px;
		padding: 0.65625em 0.875em;
		white-space: nowrap;
	}

	.main-navigation li:hover > a,
	.main-navigation li.focus > a {
		color: #007acc;
	}

	.main-navigation ul ul {
		border-bottom: 1px solid #d1d1d1;
		display: block;
		left: -999em;
		margin: 0;
		position: absolute;
		z-index: 99999;
	}

	.main-navigation ul ul ul {
		top: -1px;
	}

	.main-navigation ul ul ul:before,
	.main-navigation ul ul ul:after {
		border: 0;
	}

	.main-navigation ul ul li {
		background-color: #fff;
		border: 1px solid #d1d1d1;
		border-bottom-width: 0;
	}

	.main-navigation ul ul a {
		white-space: normal;
		width: 12.6875em;
	}

	.main-navigation ul ul:before,
	.main-navigation ul ul:after {
		border-style: solid;
		content: "";
		position: absolute;
	}

	.main-navigation ul ul:before {
		border-color: #d1d1d1 transparent;
		border-width: 0 10px 10px;
		right: 9px;
		top: -9px;
	}

	.main-navigation ul ul:after {
		border-color: #fff transparent;
		border-width: 0 8px 8px;
		right: 11px;
		top: -7px;
	}

	.main-navigation li:hover > ul,
	.main-navigation li.focus > ul {
		left: auto;
		right: 0;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: auto;
		right: 100%;
	}

	.main-navigation .menu-item-has-children > a {
		margin: 0;
		padding-right: 2.25em;
	}

	.main-navigation .menu-item-has-children > a:after {
		content: "\f431";
		position: absolute;
		right: 0.625em;
		top: 0.8125em;
	}

	.main-navigation ul ul .menu-item-has-children > a {
		padding-right: 2.0625em;
	}

	.main-navigation ul ul .menu-item-has-children > a:after {
		right: 0.5625em;
		top: 0.875em;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.dropdown-toggle,
	.main-navigation ul .dropdown-toggle.toggled-on,
	.menu-toggle,
	.site-header .social-navigation,
	.site-footer .main-navigation {
		display: none;
	}

	.site-content {
		padding: 0 4.5455%;
	}

	.content-area {
		float: left;
		margin-right: -100%;
		width: 70%;
	}

	.entry-header,
	.post-thumbnail,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.pagination,
	.page-header,
	.page-content,
	.content-bottom-widgets {
		margin-right: 0;
		margin-left: 0;
	}

	.sidebar {
		float: left;
		margin-left: 75%;
		padding: 0;
		width: 25%;
	}

	.widget {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
		margin-bottom: 3.230769231em;
		padding-top: 1.615384615em;
	}

	.widget .widget-title {
		margin-bottom: 1.3125em;
	}

	.widget p,
	.widget address,
	.widget hr,
	.widget ul,
	.widget ol,
	.widget dl,
	.widget dd,
	.widget table {
		margin-bottom: 1.6153846154em;
	}

	.widget li > ul,
	.widget li > ol {
		margin-bottom: 0;
	}

	.widget blockquote {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.3125;
		margin-bottom: 1.3125em;
		padding-left: 1.0625em;
	}

	.widget blockquote cite,
	.widget blockquote small {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
	}

	.widget th,
	.widget td {
		padding: 0.5384615385em;
	}

	.widget pre {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
		margin-bottom: 1.6153846154em;
		padding: 0.5384615385em;
	}

	.widget fieldset {
		margin-bottom: 1.6153846154em;
		padding: 0.5384615385em;
	}

	.widget button,
	.widget input,
	.widget select,
	.widget textarea {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
	}

	.widget button,
	.widget input[type="button"],
	.widget input[type="reset"],
	.widget input[type="submit"] {
		line-height: 1;
		padding: 0.846153846em;
	}

	.widget input[type="date"],
	.widget input[type="time"],
	.widget input[type="datetime-local"],
	.widget input[type="week"],
	.widget input[type="month"],
	.widget input[type="text"],
	.widget input[type="email"],
	.widget input[type="url"],
	.widget input[type="password"],
	.widget input[type="search"],
	.widget input[type="tel"],
	.widget input[type="number"],
	.widget textarea {
		padding: 0.4615384615em 0.5384615385em;
	}

	.widget h1 {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.2173913043;
		margin-bottom: 0.9130434783em;
	}

	.widget h2 {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.1052631579;
		margin-bottom: 1.1052631579em;
	}

	.widget h3 {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.3125;
		margin-bottom: 1.3125em;
	}

	.widget h4,
	.widget h5,
	.widget h6 {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
		margin-bottom: 0.9130434783em;
	}

	.widget .alignleft {
		margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
	}

	.widget .alignright {
		margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
	}

	.widget .aligncenter {
		margin-bottom: 1.6153846154em;
	}

	.widget_calendar td,
	.widget_calendar th,
	.widget_calendar .wp-calendar-nav span {
		line-height: 2.6923076923;
		padding: 0;
	}

	.widget_rss .rssSummary:last-child {
		margin-bottom: 1.615384615em;
	}

	.widget input[type="search"].search-field {
		width: -webkit-calc(100% - 35px);
		width: calc(100% - 35px);
	}

	.widget .search-submit:before {
		font-size: 16px;
		left: 1px;
		line-height: 35px;
		width: 34px;
	}

	.widget button.search-submit {
		padding: 0;
		width: 35px;
	}

	.tagcloud a {
		margin: 0 0.2307692308em 0.5384615385em 0;
		padding: 0.5384615385em 0.4615384615em 0.4615384615em;
	}

	.textwidget h1 {
		margin-top: 1.8260869565em;
	}

	.textwidget h2 {
		margin-top: 2.2105263158em;
	}

	.textwidget h3 {
		margin-top: 2.625em;
	}

	.textwidget h4 {
		letter-spacing: 0.153846154em;
	}

	.textwidget h4,
	.textwidget h5,
	.textwidget h6 {
		margin-top: 3.2307692308em;
	}

	.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
	.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
		float: left;
		margin-right: 7.1428571%;
		width: 46.42857145%;
	}

	.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
		margin-right: 0;
	}

	.site-footer {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 4.5455% 3.5em;
	}

	.site-footer .social-navigation {
		width: 100%;
	}

	.no-sidebar .content-area {
		float: none;
		margin: 0;
		width: 100%;
	}

	.no-sidebar .entry-header,
	.no-sidebar .entry-content,
	.no-sidebar .entry-summary,
	.no-sidebar .entry-footer,
	.no-sidebar .comments-area,
	.no-sidebar .image-navigation,
	.no-sidebar .post-navigation,
	.no-sidebar .pagination,
	.no-sidebar .page-header,
	.no-sidebar .page-content,
	.no-sidebar .content-bottom-widgets {
		margin-right: 15%;
		margin-left: 15%;
	}

	.widecolumn {
		padding-right: 15%;
		padding-left: 15%;
	}
}


/**
 * 14.4 - >= 985px
 */

@media screen and (min-width: 61.5625em) {
	.site-main {
		margin-bottom: 7.0em;
	}

	.site-header {
		padding: 5.25em 4.5455%;
	}

	.site-branding,
	.site-header-menu {
		margin-top: 1.75em;
		margin-bottom: 1.75em;
	}
	
	.header-image {
		margin: 0;
	}

	.custom-logo {
		max-width: 240px;
	}

	.image-navigation {
		margin-bottom: 3.230769231em;
	}

	.post-navigation {
		margin-bottom: 7.0em;
	}

	.pagination {
		margin-bottom: 5.894736842em;
	}

	.widget {
		margin-bottom: 4.307692308em;
	}

	.site-main > article {
		margin-bottom: 7.0em;
	}

	.entry-title {
		font-size: 40px;
		font-size: 2.5rem;
		line-height: 1.225;
		margin-bottom: 1.05em;
	}

	.format-aside .entry-title,
	.format-image .entry-title,
	.format-video .entry-title,
	.format-quote .entry-title,
	.format-gallery .entry-title,
	.format-status .entry-title,
	.format-link .entry-title,
	.format-audio .entry-title,
	.format-chat .entry-title {
		font-size: 23px;
		font-size: 1.4375em;
		line-height: 1.304347826;
		margin-bottom: 1.826086957em;
	}

	.post-thumbnail {
		margin-bottom: 2.625em;
	}

	.entry-content h1,
	.entry-summary h1,
	.comment-content h1 {
		font-size: 33px;
		font-size: 2.0625rem;
		line-height: 1.2727272727;
		margin-top: 1.696969697em;
		margin-bottom: 0.8484848485em;
	}

	.entry-content h2,
	.entry-summary h2,
	.comment-content h2 {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.25;
		margin-top: 2em;
		margin-bottom: 1em;
	}

	.entry-content h3,
	.entry-summary h3,
	.comment-content h3 {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.2173913043;
		margin-top: 2.4347826087em;
		margin-bottom: 1.2173913043em;
	}

	.entry-content h4,
	.entry-summary h4,
	.entry-intro h4,
	.comment-content h4 {
		letter-spacing: 0.131578947em;
	}

	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-summary h4,
	.entry-summary h5,
	.entry-summary h6,
	.comment-content h4,
	.comment-content h5,
	.comment-content h6 {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.1052631579;
		margin-top: 2.9473684211em;
		margin-bottom: 1.473684211em;
	}

	.author-info {
		border-bottom-width: 0;
		padding-bottom: 0;
	}

	.comment-list + .comment-respond,
	.comment-navigation + .comment-respond {
		padding-top: 5.25em;
	}

	.comments-area,
	.sidebar,
	.content-bottom-widgets .widget-area,
	.widecolumn {
		margin-bottom: 7.0em;
	}

	body:not(.search-results) .entry-summary {
		margin-bottom: 2.210526316em;
	}

	body:not(.search-results) .entry-header + .entry-summary {
		margin-top: -1.105263158em;
	}

	body:not(.search-results) article:not(.type-page) .entry-content {
		float: right;
		width: 71.42857144%;
	}

	body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
		margin-left: -40%;
		width: -webkit-calc(60% - 1.4736842105em);
		width: calc(60% - 1.4736842105em);
	}

	body:not(.search-results) article:not(.type-page) img.below-entry-meta,
	body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
		clear: both;
		display: block;
		float: none;
		margin-right: 0;
		margin-left: -40%;
		max-width: 140%;
	}

	body:not(.search-results) article:not(.type-page) .gallery-item img.below-entry-meta,
	body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta,
	body:not(.search-results) article:not(.type-page) table figure.below-entry-meta,
	body:not(.search-results) article:not(.type-page) table img.below-entry-meta {
		margin: 0;
		max-width: 100%;
	}

	body:not(.search-results) article:not(.type-page) .entry-footer {
		float: left;
		margin-top: 0.1538461538em;
		width: 21.42857143%;
	}

	body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
		display: none;
	}

	.single .byline,
	.full-size-link,
	body:not(.search-results).group-blog .byline,
	body:not(.search-results) .entry-format,
	body:not(.search-results) .cat-links,
	body:not(.search-results) .tags-links,
	body:not(.search-results) article:not(.sticky) .posted-on,
	body:not(.search-results) article:not(.type-page) .comments-link,
	body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
		display: block;
		margin-bottom: 0.5384615385em;
	}

	body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child {
		margin-bottom: 0;
	}

	body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
		display: block;
		height: auto;
		margin: 0 0 0.5384615385em;
		width: 49px;
	}

	body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
		float: left;
		margin-right: -100%;
		margin-left: 34.99999999%;
		width: 50.00000001%;
	}

	body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
		margin-right: -100%;
		margin-left: 15%;
		width: 15%;
	}
}


/**
 * 14.5 - >= 1200px
 */

@media screen and (min-width: 75em) {
	body:not(.search-results) .entry-summary {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.5217391304;
		margin-bottom: 1.826086957em;
	}

	body:not(.search-results) .entry-header + .entry-summary {
		margin-top: -0.913043478em;
	}

	body:not(.search-results) .entry-summary p,
	body:not(.search-results) .entry-summary address,
	body:not(.search-results) .entry-summary hr,
	body:not(.search-results) .entry-summary ul,
	body:not(.search-results) .entry-summary ol,
	body:not(.search-results) .entry-summary dl,
	body:not(.search-results) .entry-summary dd,
	body:not(.search-results) .entry-summary table {
		margin-bottom: 1.5217391304em;
	}

	body:not(.search-results) .entry-summary li > ul,
	body:not(.search-results) .entry-summary blockquote > ul {
		margin-left: 0.956521739em;
	}

	body:not(.search-results) .entry-summary li > ol,
	body:not(.search-results) .entry-summary blockquote > ol {
		margin-left: 1.52173913em;
	}

	body:not(.search-results) .entry-summary blockquote {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.5217391304;
		margin: 0 0 1.5217391304em;
		padding-left: 1.347826087em;
	}

	body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
		margin-left: -1.52173913em;
	}

	body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) {
		margin-left: 0;
	}

	body:not(.search-results) .entry-summary blockquote cite,
	body:not(.search-results) .entry-summary blockquote small {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.8421052632;
	}

	body:not(.search-results) .entry-summary th,
	body:not(.search-results) .entry-summary td {
		padding: 0.3043478261em;
	}

	body:not(.search-results) .entry-summary pre {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.75;
		margin-bottom: 1.75em;
		padding: 1.75em;
	}

	body:not(.search-results) .entry-summary fieldset {
		margin-bottom: 1.5217391304em;
		padding: 0.3043478261em;
	}

	body:not(.search-results) .entry-summary h1 {
		margin-top: 2.121212121em;
		margin-bottom: 1.060606061em;
	}

	body:not(.search-results) .entry-summary h2 {
		margin-top: 2.5em;
		margin-bottom: 1.25em;
	}

	body:not(.search-results) .entry-summary h3 {
		margin-top: 3.043478261em;
		margin-bottom: 1.52173913em;
	}

	body:not(.search-results) .entry-summary h4,
	body:not(.search-results) .entry-summary h5,
	body:not(.search-results) .entry-summary h6 {
		margin-top: 3.684210526em;
		margin-bottom: 1.842105263em;
	}

	body:not(.search-results) .entry-summary h1:first-child,
	body:not(.search-results) .entry-summary h2:first-child,
	body:not(.search-results) .entry-summary h3:first-child,
	body:not(.search-results) .entry-summary h4:first-child,
	body:not(.search-results) .entry-summary h5:first-child,
	body:not(.search-results) .entry-summary h6:first-child {
		margin-top: 0;
	}

	body:not(.search-results) .entry-summary .alignleft {
		margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
	}

	body:not(.search-results) .entry-summary .alignright {
		margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
	}

	body:not(.search-results) .entry-summary .aligncenter {
		margin-bottom: 1.5217391304em;
	}
}


/**
 * 15.0 - Print
 */

@media print {
	form,
	button,
	input,
	select,
	textarea,
	.navigation,
	.main-navigation,
	.social-navigation,
	.sidebar,
	.content-bottom-widgets,
	.header-image,
	.page-links,
	.edit-link,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link {
		display: none;
	}

	body,
	blockquote cite,
	blockquote small,
	pre,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-summary h4,
	.entry-summary h5,
	.entry-summary h6,
	.comment-content h4,
	.comment-content h5,
	.comment-content h6,
	.entry-content .author-title {
		font-size: 12pt;
	}

	blockquote {
		font-size: 14.25pt;
	}

	.site-title,
	.page-title,
	.comments-title,
	.entry-content h2,
	.entry-summary h2,
	.comment-content h2,
	.widecolumn h2 {
		font-size: 17.25pt;
	}

	.site-description {
		display: block;
	}

	.entry-title {
		font-size: 24.75pt;
		line-height: 1.2727272727;
		margin-bottom: 1.696969697em;
	}

	.format-aside .entry-title,
	.format-image .entry-title,
	.format-video .entry-title,
	.format-quote .entry-title,
	.format-gallery .entry-title,
	.format-status .entry-title,
	.format-link .entry-title,
	.format-audio .entry-title,
	.format-chat .entry-title {
		font-size: 17.25pt;
		line-height: 1.304347826;
		margin-bottom: 1.826086957em;
	}

	.entry-content h1,
	.entry-summary h1,
	.comment-content h1 {
		font-size: 21pt;
	}

	.entry-content h3,
	.entry-summary h3,
	.comment-content h3,
	body:not(.search-results) .entry-summary {
		font-size: 14.25pt;
	}

	.site-description,
	.author-bio,
	.entry-footer,
	.sticky-post,
	.taxonomy-description,
	.entry-caption,
	.comment-metadata,
	.comment-notes,
	.comment-awaiting-moderation,
	.site-info,
	.wp-caption .wp-caption-text,
	.gallery-caption {
		font-size: 9.75pt;
	}

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	blockquote cite,
	blockquote small,
	.site-branding .site-title a,
	.entry-title a,
	.comment-author {
		color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
	}

	blockquote,
	.page-header,
	.comments-title {
		border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
	}

	blockquote,
	.site-description,
	body:not(.search-results) .entry-summary,
	body:not(.search-results) .entry-summary blockquote,
	.author-bio,
	.entry-footer,
	.entry-footer a,
	.sticky-post,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.site-info,
	.site-info a,
	.wp-caption .wp-caption-text,
	.gallery-caption {
		color: #686868 !important; /* Make sure color schemes don't affect to print */
	}

	code,
	hr {
		background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr,
	acronym,
	table,
	th,
	td,
	.author-info,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
	}

	a {
		color: #007acc !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content a,
	.entry-summary a,
	.taxonomy-description a,
	.comment-content a,
	.pingback .comment-body > a {
		box-shadow: none;
		border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */
	}

	.site {
		margin: 5%;
	}

	.site-inner {
		max-width: none;
	}

	.site-header {
		padding: 0 0 1.75em;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em;
	}

	.site-main {
		margin-bottom: 3.5em;
	}

	.entry-header,
	.entry-footer,
	.page-header,
	.page-content,
	.entry-content,
	.entry-summary,
	.post-thumbnail,
	.comments-area {
		margin-right: 0;
		margin-left: 0;
	}

	.post-thumbnail,
	.site-main > article {
		margin-bottom: 3.5em;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		border-width: 4px 0 0 0;
		padding: 0.9473684211em 0 0;
		width: -webkit-calc(50% - 0.736842105em);
		width: calc(50% - 0.736842105em);
	}

	body:not(.search-results) .entry-header + .entry-summary {
		margin-top: -1.473684211em;
	}

	.site-footer,
	.widecolumn {
		padding: 0;
	}
}



/* Reading Progress Bar - Removed to fix header spacing conflicts */

/*
 * Jetpack Social Share Buttons Override - Compact Horizontal Design
 */

/* Hide Jetpack default sharing and use our custom implementation */
.jetpack-sharing-buttons,
.jp-relatedposts,
.sharedaddy,
.sd-sharing,
.sd-block,
.sharing-hidden,
.inner,
.sd-content,
.sd-social-icon,
.sd-social-text,
div[id*="sharing"],
div[class*="sharing"],
div[class*="jetpack"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}


/*
 * Recent Posts with Images (Function-based)
 */
.recent-posts-with-images {
	margin: 2.5em 0;
	padding: 2em 0;
	border-top: 1px solid #d1d1d1;
}

.recent-posts-with-images .recent-posts-title {
	font-family: 'Poppins', sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	margin: 0 0 1.5em 0;
	color: #1a1a1a;
	text-align: center;
}

.recent-posts-list {
	display: flex;
	flex-direction: column;
	gap: 1.5em;
}

.recent-post-item {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	border: 1px solid #f1f3f5;
}

.recent-post-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
	border-color: #e9ecef;
}

.recent-post-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
	min-height: 120px;
}

.recent-post-link:hover {
	text-decoration: none;
}

.recent-post-image {
	position: relative;
	overflow: hidden;
	width: 200px;
	height: 112.5px;
	flex-shrink: 0;
	border-radius: 8px;
	margin: 1em;
}

.recent-post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
	border-radius: 8px;
}

.recent-post-item:hover .recent-post-image img {
	transform: scale(1.03);
}

.recent-post-content {
	padding: 1em 1em 1em 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.recent-post-title {
	font-family: 'Poppins', sans-serif;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 0.8em 0;
	color: #1a1a1a;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.3s ease;
}

.recent-post-link:hover .recent-post-title {
	color: #007acc;
}

.recent-post-date {
	font-size: 0.85em;
	color: #6c757d;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-family: 'Poppins', sans-serif;
}

@media screen and (max-width: 768px) {
	.recent-post-image {
		width: 150px;
		height: 84.375px;
	}
	
	.recent-post-title {
		font-size: 1em;
	}
	
	.recent-posts-with-images .recent-posts-title {
		font-size: 1.3em;
	}
}

@media screen and (max-width: 480px) {
	.recent-post-link {
		flex-direction: column;
		align-items: stretch;
		min-height: auto;
	}
	
	.recent-post-image {
		width: 100%;
		height: 180px;
		margin: 1em 1em 0 1em;
	}
	
	.recent-post-content {
		padding: 0 1em 1em 1em;
	}
}

/*
 * Recent Posts Widget with Images
 */
.recent-posts-widget {
	margin: 1.5em 0;
}

.widget .recent-posts-widget .recent-posts-list {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.widget .recent-post-item {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.widget .recent-post-item:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.widget .recent-post-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
	min-height: 80px;
}

.widget .recent-post-link:hover {
	text-decoration: none;
}

.widget .recent-post-image {
	position: relative;
	overflow: hidden;
	width: 120px;
	height: 67.5px;
	flex-shrink: 0;
	border-radius: 6px;
	margin: 0.8em;
}

.widget .recent-post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	border-radius: 6px;
}

.widget .recent-post-item:hover .recent-post-image img {
	transform: scale(1.02);
}

.widget .recent-post-content {
	padding: 0.8em 0.8em 0.8em 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.widget .recent-post-title {
	font-family: 'Poppins', sans-serif;
	font-size: 0.95em;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 0.5em 0;
	color: #1a1a1a;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.3s ease;
	text-transform: none;
}

.widget .recent-post-link:hover .recent-post-title {
	color: #007acc;
}

.widget .recent-post-date {
	font-size: 0.8em;
	color: #6c757d;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0.3px;
	font-family: 'Poppins', sans-serif;
}

/* Sidebar widget specific styling */
.sidebar .recent-posts-widget .recent-post-image {
	width: 100px;
	height: 56.25px;
}

.sidebar .recent-post-title {
	font-size: 0.9em;
}

/* Mobile responsive for widgets */
@media screen and (max-width: 768px) {
	.widget .recent-post-image {
		width: 100px;
		height: 56.25px;
	}
	
	.widget .recent-post-title {
		font-size: 0.9em;
	}
}

@media screen and (max-width: 480px) {
	.widget .recent-post-link {
		flex-direction: column;
		align-items: stretch;
		min-height: auto;
	}
	
	.widget .recent-post-image {
		width: 100%;
		height: 140px;
		margin: 0.8em 0.8em 0 0.8em;
	}
	
	.widget .recent-post-content {
		padding: 0 0.8em 0.8em 0.8em;
	}
}

/*
 * Content Freshness Indicator - Signals to Google Discover
 */
.content-freshness-indicator {
	display: inline-flex;
	align-items: center;
	margin-left: 1em;
	padding: 0.3em 0.8em;
	border-radius: 20px;
	font-size: 0.85em;
	font-weight: 500;
	white-space: nowrap;
}

.content-fresh-new {
	background: linear-gradient(135deg, #ff6b6b, #ee5a24);
	color: white;
	animation: pulse-new 2s infinite;
}

.content-fresh-updated {
	background: linear-gradient(135deg, #4ecdc4, #44bd32);
	color: white;
}

.content-fresh-recent {
	background: linear-gradient(135deg, #ffa726, #fb8c00);
	color: white;
}

.freshness-icon {
	margin-right: 0.4em;
	font-size: 1.1em;
}

@keyframes pulse-new {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.05); }
}

/*
 * Infinite Scroll - Load More Posts
 */
.infinite-scroll-container {
	margin: 3em 0;
	text-align: center;
}

.load-more-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1em 2em;
	background: linear-gradient(135deg, #667eea, #764ba2);
	color: white;
	border: none;
	border-radius: 50px;
	font-family: 'Poppins', sans-serif;
	font-size: 1em;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	min-height: 50px;
	position: relative;
	overflow: hidden;
}

.load-more-button:hover {
	background: linear-gradient(135deg, #5a6fd8, #6a4190);
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}

.load-more-button:active {
	transform: translateY(0);
}

.load-more-button.loading {
	pointer-events: none;
	opacity: 0.8;
}

.load-more-spinner {
	display: none;
	width: 20px;
	height: 20px;
	border: 2px solid transparent;
	border-top: 2px solid currentColor;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-left: 0.5em;
}

.load-more-button.loading .load-more-spinner {
	display: inline-block;
}

.load-more-button.loading .load-more-text {
	opacity: 0.7;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.infinite-scroll-status p {
	margin: 1em 0;
	padding: 1em;
	border-radius: 8px;
	font-weight: 500;
}

.infinite-scroll-request {
	background: #e3f2fd;
	color: #1976d2;
}

.infinite-scroll-last {
	background: #f3e5f5;
	color: #7b1fa2;
}

.infinite-scroll-error {
	background: #ffebee;
	color: #d32f2f;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
	.content-freshness-indicator {
		margin-left: 0.5em;
		padding: 0.25em 0.6em;
		font-size: 0.8em;
	}
}

/*
 * Social Media Share Section - Apple iOS-like Design
 */

.social-media-share-section {
	margin: 3em auto;
	padding: 2rem;
	text-align: center;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
	display: block;
	width: auto;
	max-width: 400px;
	clear: both;
}

.social-share-heading {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: 0;
	margin: 0 0 1.5rem 0;
	color: #1d1d1f;
	text-transform: none;
	text-shadow: none;
	position: relative;
	z-index: 2;
}

.social-media-icons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
	max-width: 100%;
	width: 100%;
}

.social-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: #f8f9fa !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	overflow: hidden;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Force override any inline styles or platform-specific backgrounds */
.social-icon[style] {
	background: #f8f9fa !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.social-icon-facebook,
.social-icon-twitter, 
.social-icon-whatsapp,
.social-icon-linkedin,
.social-icon-pinterest,
.social-icon-email {
	background: #f8f9fa !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.social-icon:hover {
	transform: translateY(-2px) scale(1.02);
	background: #ffffff !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.social-icon:active {
	transform: translateY(0) scale(0.98);
	transition: all 0.1s ease;
	background: #f5f5f5 !important;
}

.social-icon-symbol {
	font-size: 1.4rem;
	font-weight: 600;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	line-height: 1;
	color: #333333;
}

/* Social Icon SVG Styles */
.social-icon-inner {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.social-icon svg {
	width: 20px;
	height: 20px;
	display: block;
}

/* Ensure SVG paths have correct fill colors */
.social-icon-pinterest svg { fill: #bd081c; }
.social-icon-facebook svg { fill: #3b5998; }
.social-icon-twitter svg { fill: #1da1f2; }
.social-icon-email svg { fill: #666666; }
.social-icon-bluesky svg { fill: #00bcd4; }
.social-icon-reddit svg { fill: #ff4500; }
.social-icon-linkedin svg { fill: #0077b5; }
.social-icon-whatsapp svg { fill: #25d366; }

/* Hover state - background changes to icon color, SVG turns white */
.social-icon-pinterest:hover { background: #bd081c !important; }
.social-icon-facebook:hover { background: #3b5998 !important; }
.social-icon-twitter:hover { background: #1da1f2 !important; }
.social-icon-email:hover { background: #666666 !important; }
.social-icon-bluesky:hover { background: #00bcd4 !important; }
.social-icon-reddit:hover { background: #ff4500 !important; }
.social-icon-linkedin:hover { background: #0077b5 !important; }
.social-icon-whatsapp:hover { background: #25d366 !important; }

.social-icon:hover svg {
	fill: white !important;
}


.social-icon:hover .social-icon-symbol {
	transform: scale(1.05);
	color: #007AFF !important;
}


/* Screen reader only text */
.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Keyboard navigation enhancements - iOS style */
.social-icon:focus {
	outline: 2px solid #007AFF;
	outline-offset: 2px;
	background: rgba(0, 122, 255, 0.1);
	z-index: 10;
}

.social-icon:focus:not(:focus-visible) {
	outline: none;
	background: rgba(0, 0, 0, 0.04);
}

.social-icon:focus-visible {
	outline: 2px solid #007AFF;
	outline-offset: 2px;
	background: rgba(0, 122, 255, 0.1);
}

/* Remove focus animation for cleaner iOS feel */
@keyframes focusPulse {
	0%, 100% { background: rgba(0, 122, 255, 0.1); }
	50% { background: rgba(0, 122, 255, 0.15); }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
	.social-icon {
		border: 2px solid white;
	}
	
	.social-icon:focus {
		outline: 4px solid yellow;
		outline-offset: 2px;
	}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
	.social-icon,
	.copy-link-btn {
		transition: none;
	}
	
	.social-icon:hover {
		transform: none;
		box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
	}
	
	@keyframes floatBackground {
		0%, 100% { transform: none; }
	}
	
	.copy-link-btn.copied {
		animation: none;
	}
}

/* Table of Contents Styling */
.table-of-contents {
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	padding: 1.5em;
	margin: 2em 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.toc-title {
	font-size: 1.2em;
	font-weight: 600;
	margin: 0 0 1em 0;
	color: #2c3e50;
	border-bottom: 2px solid #007acc;
	padding-bottom: 0.5em;
}

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

.toc-item {
	margin: 0.5em 0;
}

.toc-item a {
	color: #007acc;
	text-decoration: none;
	font-weight: 500;
	transition: color 0.3s ease;
}

.toc-item a:hover {
	color: #005a8b;
}

.toc-level-3 {
	margin-left: 1em;
}

.toc-level-4 {
	margin-left: 2em;
}

.toc-level-5 {
	margin-left: 3em;
}

.toc-level-6 {
	margin-left: 4em;
}

/* Heading Anchor Links */
.heading-anchor {
	color: #ccc;
	text-decoration: none;
	margin-left: 0.5em;
	opacity: 0;
	transition: opacity 0.3s ease;
	font-weight: normal;
}

h2:hover .heading-anchor,
h3:hover .heading-anchor,
h4:hover .heading-anchor,
h5:hover .heading-anchor,
h6:hover .heading-anchor {
	opacity: 1;
}

.heading-anchor:hover {
	color: #007acc;
}

/* Back to Top Button - Non-AMP version only */
body:not([amp]):not([⚡]) .back-to-top-btn {
	position: fixed;
	bottom: 2em;
	right: 2em;
	width: 50px;
	height: 50px;
	background: #007acc;
	color: white;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3);
	transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	will-change: transform, opacity;
}

body:not([amp]):not([⚡]) .back-to-top-btn.visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

body:not([amp]):not([⚡]) .back-to-top-btn:hover {
	background: #005a8b;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 122, 204, 0.4);
}

/* Dark Mode Toggle */
.dark-mode-toggle {
	position: fixed;
	bottom: 2em;
	left: 2em;
	width: 50px;
	height: 50px;
	background: #007acc;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3);
	will-change: transform;
}

.dark-mode-toggle:hover {
	background: #005a8b;
	transform: scale(1.1);
	box-shadow: 0 6px 16px rgba(0, 122, 204, 0.4);
}

.dark-mode .dark-mode-toggle {
	background: #ffc107;
	box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
}

.dark-mode .dark-mode-toggle:hover {
	background: #ffb300;
	box-shadow: 0 6px 16px rgba(255, 193, 7, 0.4);
}

.sun-icon,
.moon-icon {
	position: absolute;
	transition: opacity 0.3s ease, transform 0.3s ease;
	stroke: white;
	fill: white;
}

.sun-icon {
	opacity: 0;
	transform: rotate(-90deg);
}

.moon-icon {
	opacity: 1;
	transform: rotate(0deg);
}

.dark-mode .sun-icon {
	opacity: 1;
	transform: rotate(0deg);
	stroke: #141414;
	fill: #141414;
}

.dark-mode .moon-icon {
	opacity: 0;
	transform: rotate(90deg);
	stroke: #141414;
	fill: #141414;
}

/* Force icon visibility and sizing for all buttons */
.dark-mode-toggle svg,
html[amp] .back-to-top-btn svg,
html[⚡] .back-to-top-btn svg,
html[amp] #back-to-top svg,
html[⚡] #back-to-top svg {
	width: 24px !important;
	height: 24px !important;
	pointer-events: none;
	stroke: currentColor !important;
	fill: none !important;
	stroke-width: 2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}


/* Reading Progress Indicator - COMPLETELY DISABLED */
.reading-progress {
	display: none !important;
}

.reading-progress-bar {
	display: none !important;
}

/* Related Posts Load More */
.related-posts-loader {
	text-align: center;
	margin: 2em 0;
}

.load-more-btn {
	background: #007acc;
	color: white;
	border: none;
	padding: 1em 2em;
	border-radius: 25px;
	cursor: pointer;
	font-weight: 600;
	transition: all 0.3s ease;
	font-size: 1em;
}

.load-more-btn:hover {
	background: #005a8b;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3);
}

.loading-spinner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	color: #007acc;
	font-weight: 500;
}

.loading-spinner svg {
	color: #007acc;
}

/* Comprehensive Dark Mode Styles */
.dark-mode {
	background: #141414;
	color: #e0e0e0;
	transition: background-color 0.3s ease, color 0.3s ease;
}

/* Header and Navigation */
.dark-mode .site-header {
	background: #141414;
	border-bottom: 1px solid #141414;
}

.dark-mode .site-title,
.dark-mode .site-title a {
	color: #fff;
}

.dark-mode .main-navigation a {
	color: #e0e0e0;
}

.dark-mode .main-navigation a:hover {
	color: #007acc;
}

/* Content Areas */
.dark-mode .entry-title {
	color: #fff;
}

.dark-mode .entry-content {
	color: #e0e0e0;
}

.dark-mode .entry-content h1,
.dark-mode .entry-content h2,
.dark-mode .entry-content h3,
.dark-mode .entry-content h4,
.dark-mode .entry-content h5,
.dark-mode .entry-content h6 {
	color: #fff;
}

.dark-mode .entry-content a:not(.aap-button) {
	color: #64b5f6;
}

.dark-mode .entry-content a:not(.aap-button):hover {
	color: #90caf9;
}

.dark-mode .entry-content blockquote {
	background: #141414;
	border-left-color: #007acc;
	color: #ccc;
}

.dark-mode .entry-content code {
	background: #141414;
	color: #f8f8f2;
}

.dark-mode .entry-content pre {
	background: #141414;
	color: #f8f8f2;
}

/* Table of Contents */
.dark-mode .table-of-contents {
	background: #141414;
	border-color: #141414;
}

.dark-mode .toc-title {
	color: #fff;
	border-bottom-color: #007acc;
}

.dark-mode .toc-item a {
	color: #64b5f6;
}

.dark-mode .toc-item a:hover {
	color: #90caf9;
}

/* Dark Mode - Amazon Widgets and Additional Elements (Regular Pages) */
.dark-mode .amazon-widget,
.dark-mode .amazon-product-widget,
.dark-mode .product-widget,
.dark-mode .wp-block-group {
	background: #141414 !important;
	color: #e0e0e0 !important;
	border-color: #333 !important;
}

/* Entry Footer and Meta Elements */
.dark-mode .entry-footer,
.dark-mode .entry-meta,
.dark-mode .post-meta {
	background: #141414 !important;
	color: #e0e0e0 !important;
	border-color: #333 !important;
}

/* Category and Tag Links */
.dark-mode .cat-links a,
.dark-mode .tags-links a {
	background-color: #007acc !important;
	color: #fff !important;
	border-color: #007acc !important;
}

/* Specific styling for author and date links in regular dark mode - no background */
.dark-mode .byline a,
.dark-mode .posted-on a,
.dark-mode .author.vcard {
	background: none !important;
	background-color: transparent !important;
	color: #aaa !important;
	border: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
}

/* Search and Navigation Elements - Preserve Layout */
.dark-mode .search-form,
.dark-mode .search-field,
.dark-mode .search-submit {
	/* Only change colors, preserve layout structure */
	color: #e0e0e0 !important;
	border-color: #4a5568 !important;
}

/* Search Block Form - Dark background */
.dark-mode .wp-block-search {
	background: transparent !important; /* Keep form transparent */
	color: #e0e0e0 !important;
}

/* Search Form Background - Match light mode structure */
.dark-mode .wp-block-search .wp-block-search__inside-wrapper {
	background: #1a1a1a !important;
	border: 2px solid #4a5568 !important;
	border-radius: 12px !important;
}

/* Search Input Styling - Keep transparent like light mode */
.dark-mode .wp-block-search__input {
	background: transparent !important;
	color: #e0e0e0 !important;
	border: none !important;
}

/* Search Input Placeholder */
.dark-mode .wp-block-search__input::placeholder {
	color: #a0a0a0 !important;
	opacity: 1 !important;
}

/* Search Button Styling */
.dark-mode .wp-block-search__button {
	background: #007acc !important;
	color: #fff !important;
	border: none !important;
}

/* Buttons and Form Elements */
.dark-mode button,
.dark-mode .wp-element-button,
.dark-mode input[type="submit"],
.dark-mode input[type="button"] {
	background: #007acc !important;
	color: #fff !important;
	border-color: #007acc !important;
}

.dark-mode input[type="text"],
.dark-mode input[type="email"],
.dark-mode input[type="search"],
.dark-mode textarea {
	background: #141414 !important;
	color: #e0e0e0 !important;
	border-color: #4a5568 !important;
}

/* Widget Areas and Sidebar */
.dark-mode .widget,
.dark-mode .sidebar,
.dark-mode .widget-area {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Navigation and Post Navigation */
.dark-mode .post-navigation,
.dark-mode .posts-navigation,
.dark-mode .pagination {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

.dark-mode .post-navigation a,
.dark-mode .posts-navigation a,
.dark-mode .pagination a {
	background: #141414 !important;
	color: #64b5f6 !important;
	border-color: #4a5568 !important;
}

/* Amazon Affiliate Pro Widget Specific Targeting (Regular Pages) */
.dark-mode .amazon-affiliate-pro {
	background: transparent !important;
	padding: 0 !important;
	margin: 1rem 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

.dark-mode .aap-card-material {
	background: #1a1a1a !important;
	width: 100% !important;
	max-width: 100% !important;
}

.dark-mode .aap-content,
.dark-mode .aap-title,
.dark-mode .aap-image {
	background: #141414 !important;
	color: #e0e0e0 !important;
	border-color: #4a5568 !important;
}

.dark-mode .aap-button,
.dark-mode .entry-content .aap-button,
.dark-mode .site .aap-button {
	background: #007acc !important;
	color: #fff !important;
	border-color: #007acc !important;
	opacity: 1 !important;
	text-shadow: none !important;
}

/* More specific targeting for Amazon button text in regular dark mode */
.dark-mode .aap-button *,
.dark-mode .entry-content .aap-button *,
.dark-mode .site .aap-button * {
	color: #fff !important;
	opacity: 1 !important;
}

/* WordPress Blocks Specific */
.dark-mode .wp-block-button,
.dark-mode .wp-block-button__link,
.dark-mode .wp-block-image {
	background: #141414 !important;
	color: #e0e0e0 !important;
	border-color: #4a5568 !important;
}

/* Site Inner Container */
.dark-mode .site-inner {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Byline and Posted-on */
.dark-mode .byline,
.dark-mode .posted-on,
.dark-mode .avatar {
	background: #141414 !important;
	color: #e0e0e0 !important;
	border-color: #333 !important;
}

/* Social Sharing - Preserve Layout and Icon Visibility */
.dark-mode .social-media-share-section {
	background: linear-gradient(135deg, #141414 0%, #141414 100%) !important;
	color: #e0e0e0 !important;
}

.dark-mode .social-share-heading {
	color: #fff !important;
}

/* Ensure social icons remain visible and functional */
.dark-mode .social-icon {
	border-color: rgba(255, 255, 255, 0.2) !important;
	background: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .social-icon:hover {
	border-color: rgba(255, 255, 255, 0.4) !important;
	background: rgba(255, 255, 255, 0.2) !important;
}

/* Preserve social icon inner elements and SVGs */
.dark-mode .social-icon .social-icon-inner,
.dark-mode .social-icon .social-icon-inner svg,
.dark-mode .social-icon svg {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Ensure social media icons container doesn't get overridden */
.dark-mode .social-media-icons {
	display: flex !important;
	visibility: visible !important;
}

/* Preserve all social icon elements */
.dark-mode .social-media-icons .social-icon,
.dark-mode .social-media-icons .social-icon * {
	display: inherit !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* 
 * Related Articles - Complete Redesign 
 * Image left (25%), Title right (75%) with responsive design, dark mode, and AMP support
 */

/* Base Related Articles Container */
.related-posts {
	margin: 3rem 0;
	padding: 2rem 0;
	background: transparent;
}

/* Related Articles Title */
.related-posts-title {
	font-family: 'Poppins', sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	margin: 0 0 2rem 0;
	color: #1a1a1a;
	text-align: left;
	line-height: 1.3;
	text-transform: none !important;
}

/* Grid Container */
.related-posts-grid {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Individual Article Item */
.related-post-item {
	display: flex;
	align-items: flex-start;
	background: #fff;
	border-radius: 8px;
	padding: 1rem;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.related-post-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Article Link (covers entire item) */
.related-post-link {
	display: flex;
	align-items: flex-start;
	text-decoration: none;
	color: inherit;
	width: 100%;
	gap: 1.25rem;
}

.related-post-link:hover {
	text-decoration: none;
}

/* Image Container - 25% width */
.related-post-image {
	flex: 0 0 25%;
	max-width: 25%;
	aspect-ratio: 16/9;
	border-radius: 6px;
	overflow: hidden;
	background: #f8f9fa;
}

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

.related-post-item:hover .related-post-image img {
	transform: scale(1.05);
}

/* Content Container - 75% width */
.related-post-content {
	flex: 1;
	min-width: 0; /* Prevents flex overflow */
	padding-right: 1rem;
}

/* Article Title */
.related-post-title,
h4.related-post-title {
	font-family: 'Poppins', sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 0.75rem 0;
	color: #1a1a1a;
	text-transform: none !important;
	transition: color 0.3s ease;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.related-post-link:hover .related-post-title {
	color: #007acc;
}

/* Article Date */
.related-post-date {
	font-family: 'Poppins', sans-serif;
	font-size: 0.875rem;
	color: #6c757d;
	font-weight: 500;
	margin: 0;
	text-transform: none;
}

/* Remove box-shadow underlines from Related Articles links */
.related-posts a,
.related-post-link,
.related-posts .related-post-link {
	box-shadow: none !important;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
	.related-posts {
		margin: 2rem 0;
		padding: 1.5rem 0;
	}
	
	.related-posts-title {
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}
	
	.related-posts-grid {
		gap: 1.25rem;
	}
	
	.related-post-item {
		padding: 0.875rem;
	}
	
	.related-post-link {
		gap: 1rem;
	}
	
	.related-post-title,
	h4.related-post-title {
		font-size: 1rem;
		-webkit-line-clamp: 2;
	}
	
	.related-post-content {
		padding-right: 0.5rem;
	}
}

@media screen and (max-width: 480px) {
	.related-posts {
		margin: 1.5rem 0;
		padding: 1rem 0;
	}
	
	.related-posts-title {
		font-size: 1.375rem;
		margin-bottom: 1.25rem;
	}
	
	.related-posts-grid {
		gap: 1rem;
	}
	
	.related-post-item {
		padding: 1.25rem 0.875rem;
		border-radius: 6px;
		min-height: 120px;
	}
	
	.related-post-link {
		gap: 0.875rem;
	}
	
	/* Keep image at 25% even on mobile for better layout */
	.related-post-image {
		flex: 0 0 25%;
		max-width: 25%;
		aspect-ratio: 1;
	}
	
	.related-post-title,
	h4.related-post-title {
		font-size: 0.95rem;
		line-height: 1.4;
		margin-bottom: 0.625rem;
		-webkit-line-clamp: 4;
		max-height: 5.6rem;
	}
	
	.related-post-date {
		font-size: 0.8rem;
	}
	
	.related-post-content {
		padding-right: 0;
	}
}

/* Dark Mode Support - Regular Pages */
.dark-mode .related-posts {
	/* No border in dark mode */
}

.dark-mode .related-posts-title {
	color: #ffffff;
}

.dark-mode .related-post-item {
	background: #1a1a1a;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.dark-mode .related-post-item:hover {
	background: #1e1e1e;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.dark-mode .related-post-title,
.dark-mode h4.related-post-title {
	color: #ffffff;
}

.dark-mode .related-post-link:hover .related-post-title {
	color: #64b5f6;
}

.dark-mode .related-post-date {
	color: #aaa;
}

.dark-mode .related-post-image {
	background: #2a2a2a;
}

/* AMP Dark Mode Support */
/* REMOVED :has() selector rule - lines 6823 to 6828 */

/* REMOVED :has() selector rule - lines 6829 to 6833 */

/* REMOVED :has() selector rule - lines 6834 to 6840 */

/* REMOVED :has() selector rule - lines 6841 to 6847 */

/* REMOVED :has() selector rule - lines 6848 to 6854 */

/* REMOVED :has() selector rule - lines 6855 to 6859 */

/* REMOVED :has() selector rule - lines 6860 to 6864 */

/* REMOVED :has() selector rule - lines 6865 to 6869 */

/* AMP Specific Optimizations */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .related-posts {
	/* Remove any effects that might not work in AMP */
	transform: none !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .related-post-item {
	/* Simplify animations for AMP */
	transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .related-post-image img {
	/* Disable transform animations in AMP for better performance */
	transform: none !important;
	transition: none !important;
}

/*
 * Latest Posts Block - Clean Minimal Design
 * Simple list styling that doesn't interfere with default WordPress layout
 */

/* Remove box-shadow from Latest Posts links */
.wp-block-latest-posts a {
	box-shadow: none !important;
}

/* Basic styling for Latest Posts */
.wp-block-latest-posts {
	list-style: none;
	padding: 0;
}

.wp-block-latest-posts li {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #e9ecef;
}

.wp-block-latest-posts li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Latest Posts titles */
.wp-block-latest-posts .wp-block-latest-posts__post-title {
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 0.5rem;
}

.wp-block-latest-posts .wp-block-latest-posts__post-title a {
	color: #1a1a1a;
	text-decoration: none;
}

.wp-block-latest-posts .wp-block-latest-posts__post-title a:hover {
	color: #007acc;
}

/* Latest Posts dates */
.wp-block-latest-posts .wp-block-latest-posts__post-date {
	font-size: 0.875rem;
	color: #6c757d;
	margin-bottom: 0.5rem;
}

/* Latest Posts excerpts */
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
	font-size: 0.9rem;
	line-height: 1.5;
	color: #555;
}

/* Dark Mode Support */
.dark-mode .wp-block-latest-posts li {
	border-bottom-color: #333;
}

.dark-mode .wp-block-latest-posts .wp-block-latest-posts__post-title a {
	color: #ffffff;
}

.dark-mode .wp-block-latest-posts .wp-block-latest-posts__post-title a:hover {
	color: #64b5f6;
}

.dark-mode .wp-block-latest-posts .wp-block-latest-posts__post-date {
	color: #aaa;
}

.dark-mode .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
	color: #ccc;
}

/* AMP Dark Mode Support */
/* REMOVED :has() selector rule - lines 6966 to 6971 */

/* REMOVED :has() selector rule - lines 6972 to 6976 */

/* REMOVED :has() selector rule - lines 6977 to 6981 */

/* REMOVED :has() selector rule - lines 6982 to 6986 */

/* REMOVED :has() selector rule - lines 6987 to 6991 */

/*
 * Modern Search Widget - Complete Redesign
 * Responsive, AMP-compatible, with excellent UX
 */

/* Search Widget Container */
.widget_search,
.search-widget,
.wp-block-search {
	margin: 0 0 2rem 0;
	padding: 0;
}

/* Search Form Container */
.search-form,
.wp-block-search__inside-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	max-width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border: 2px solid #e9ecef;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.search-form:focus-within {
	border-color: #007acc;
	box-shadow: 0 4px 20px rgba(0, 122, 204, 0.15);
	transform: translateY(-1px);
}

/* Search Input Field */
.search-field,
.wp-block-search__input {
	flex: 1;
	min-width: 0;
	padding: 1rem 1.25rem;
	border: none;
	background: transparent;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	color: #1a1a1a;
	outline: none;
	line-height: 1.5;
}

.search-field::placeholder,
.wp-block-search__input::placeholder {
	color: #6c757d;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.search-field:focus::placeholder,
.wp-block-search__input:focus::placeholder {
	opacity: 0.7;
}

/* Search Submit Button */
.search-submit,
.wp-block-search__button {
	flex: 0 0 auto;
	padding: 1rem 1.5rem;
	background: #007acc;
	color: #ffffff;
	border: none;
	font-family: 'Poppins', sans-serif;
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: all 0.3s ease;
	border-radius: 0;
	position: relative;
	overflow: hidden;
}

.search-submit:hover,
.wp-block-search__button:hover {
	background: #005a8b;
	transform: scale(1.02);
}

.search-submit:active,
.wp-block-search__button:active {
	transform: scale(0.98);
}

/* Remove old icon styles */
.search-submit:before {
	display: none !important;
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
	.search-form,
	.wp-block-search__inside-wrapper {
		border-radius: 10px;
	}
	
	.search-field,
	.wp-block-search__input {
		padding: 0.875rem 1rem;
		font-size: 0.95rem;
	}
	
	.search-submit,
	.wp-block-search__button {
		padding: 0.875rem 1.25rem;
		font-size: 0.85rem;
	}
}

@media screen and (max-width: 480px) {
	.search-form,
	.wp-block-search__inside-wrapper {
		border-radius: 8px;
		flex-direction: column;
		align-items: stretch;
	}
	
	.search-field,
	.wp-block-search__input {
		padding: 1rem;
		border-bottom: 1px solid #e9ecef;
	}
	
	.search-submit,
	.wp-block-search__button {
		padding: 1rem;
		border-radius: 0 0 8px 8px;
		width: 100%;
		text-align: center;
	}
}

/* Dark Mode Support - Widget Search Specific */
.dark-mode .widget.widget_search,
.dark-mode .widget.widget_block.widget_search {
	background: #1a1a1a !important;
	border-radius: 8px !important;
	padding: 1.5rem !important;
}

.dark-mode .widget.widget_search .search-form,
.dark-mode .widget.widget_search .wp-block-search__inside-wrapper {
	background: #2d3748 !important;
	border-color: #4a5568 !important;
}

.dark-mode .widget.widget_search .search-field,
.dark-mode .widget.widget_search .wp-block-search__input {
	background: transparent !important;
	color: #e0e0e0 !important;
}

.dark-mode .widget.widget_search .search-submit,
.dark-mode .widget.widget_search .wp-block-search__button {
	background: #007acc !important;
	color: #ffffff !important;
}

/*
 * Modern Post Navigation - Complete Redesign
 * Previous/Next posts with excellent UX, responsive, AMP-compatible
 */

/* Remove old post navigation styles */
.post-navigation {
	border: none !important;
	margin: 3rem 0 4rem 0;
	padding: 0;
	background: transparent;
	font-family: 'Poppins', sans-serif;
	max-width: 100%;
}

/* Navigation container */
.post-navigation .nav-links {
	display: flex;
	gap: 1.5rem;
	justify-content: space-between;
	align-items: stretch;
}

/* Individual navigation items */
.post-navigation .nav-previous,
.post-navigation .nav-next {
	flex: 1;
	max-width: calc(50% - 0.75rem);
}

/* Navigation links */
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
	display: block;
	padding: 2rem;
	background: #ffffff;
	border: 2px solid #e9ecef;
	border-radius: 16px;
	text-decoration: none;
	transition: all 0.3s ease;
	height: 100%;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	position: relative;
	overflow: hidden;
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
	border-color: #007acc;
	transform: translateY(-4px);
	box-shadow: 0 8px 25px rgba(0, 122, 204, 0.15);
}

/* Navigation direction labels */
.post-navigation .meta-nav {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #6c757d;
	margin-bottom: 1rem;
	line-height: 1.2;
}

/* Post titles */
.post-navigation .post-title {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.4;
	color: #1a1a1a;
	margin: 0;
	transition: color 0.3s ease;
	
	/* Text truncation for long titles */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.post-navigation .nav-previous a:hover .post-title,
.post-navigation .nav-next a:hover .post-title {
	color: #007acc;
}

/* Direction-specific styling */
.post-navigation .nav-previous {
	text-align: left;
}

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

/* Add subtle directional indicators */
.post-navigation .nav-previous a::before,
.post-navigation .nav-next a::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border: 2px solid #007acc;
	border-radius: 50%;
	background: #007acc;
	opacity: 0;
	transition: all 0.3s ease;
}

.post-navigation .nav-previous a::before {
	left: 1rem;
}

.post-navigation .nav-next a::after {
	right: 1rem;
}

.post-navigation .nav-previous a:hover::before,
.post-navigation .nav-next a:hover::after {
	opacity: 1;
}

/* Mobile responsive design */
@media screen and (max-width: 768px) {
	.post-navigation {
		margin: 2rem 0 3rem 0;
	}
	
	.post-navigation .nav-links {
		flex-direction: column;
		gap: 1rem;
	}
	
	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		max-width: 100%;
	}
	
	.post-navigation .nav-previous a,
	.post-navigation .nav-next a {
		padding: 1.5rem;
		border-radius: 12px;
	}
	
	.post-navigation .post-title {
		font-size: 1.125rem;
		-webkit-line-clamp: 2;
	}
	
	.post-navigation .nav-next {
		text-align: left;
	}
}

@media screen and (max-width: 480px) {
	.post-navigation .nav-previous a,
	.post-navigation .nav-next a {
		padding: 1.25rem;
		border-radius: 10px;
	}
	
	.post-navigation .post-title {
		font-size: 1rem;
	}
	
	.post-navigation .meta-nav {
		font-size: 0.8rem;
		margin-bottom: 0.75rem;
	}
}

/* Dark mode support */
.dark-mode .post-navigation .nav-previous a,
.dark-mode .post-navigation .nav-next a,
/* REMOVED :has() selector rule - lines 7372 to 7381 */

.dark-mode .post-navigation .nav-previous a:hover,
.dark-mode .post-navigation .nav-next a:hover,
/* REMOVED :has() selector rule - lines 7382 to 7391 */

.dark-mode .post-navigation .meta-nav,
/* REMOVED :has() selector rule - lines 7392 to 7397 */

.dark-mode .post-navigation .post-title,
/* REMOVED :has() selector rule - lines 7398 to 7403 */

.dark-mode .post-navigation .nav-previous a:hover .post-title,
.dark-mode .post-navigation .nav-next a:hover .post-title,
/* REMOVED :has() selector rule - lines 7404 to 7412 */

.dark-mode .post-navigation .nav-previous a::before,
.dark-mode .post-navigation .nav-next a::after,
/* REMOVED :has() selector rule - lines 7413 to 7422 */

/* Override old styles that might conflict */
.post-navigation div + div {
	border-top: none !important;
}

/* Sidebar */
.dark-mode .widget {
	background: #141414;
}

.dark-mode .widget-title {
	color: #fff;
}

.dark-mode .widget-content {
	color: #e0e0e0;
}

.dark-mode .widget a:not(.aap-button) {
	color: #64b5f6;
}

.dark-mode .widget a:not(.aap-button):hover {
	color: #90caf9;
}

/* Footer */
.dark-mode .site-footer {
	background: #141414;
	border-top: 1px solid #141414;
	color: #aaa;
}

/* Buttons */
.dark-mode .back-to-top-btn {
	background: #007acc;
	color: #fff;
}

.dark-mode .back-to-top-btn:hover {
	background: #005a8b;
}

.dark-mode .load-more-btn {
	background: #007acc;
	color: #fff;
}

.dark-mode .load-more-btn:hover {
	background: #005a8b;
}

/* Forms */
.dark-mode input[type="text"],
.dark-mode input[type="email"],
.dark-mode input[type="password"],
.dark-mode textarea {
	background: #141414;
	border-color: #141414;
	color: #e0e0e0;
}

.dark-mode input[type="text"]:focus,
.dark-mode input[type="email"]:focus,
.dark-mode input[type="password"]:focus,
.dark-mode textarea:focus {
	border-color: #007acc;
}

/* Comments */
.dark-mode .comment {
	background: #141414;
	border-color: #141414;
}

.dark-mode .comment-author {
	color: #fff;
}

.dark-mode .comment-content {
	color: #e0e0e0;
}

/* Meta information */
.dark-mode .entry-meta,
.dark-mode .entry-footer {
	color: #aaa;
}

.dark-mode .entry-meta a,
.dark-mode .entry-footer a {
	color: #64b5f6;
}

/* Search and Archive pages */
.dark-mode .search-form input {
	background: #141414;
	border-color: #141414;
	color: #e0e0e0;
}

/* COMPLETE DARK MODE IMPLEMENTATION */

/* WordPress Admin Bar - Let WordPress handle it natively */
/* Only handle spacing adjustments like original Twenty Sixteen */

/* Main page background and containers - EXCLUDE ADMIN */
.dark-mode .site,
.dark-mode .site-content,
.dark-mode .content-area,
.dark-mode .site-main,
.dark-mode #main,
.dark-mode #primary,
.dark-mode .hentry,
.dark-mode article,
.dark-mode .post,
.dark-mode .page {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* All headings - SITE ONLY */
.dark-mode .site h1,
.dark-mode .site h2,
.dark-mode .site h3,
.dark-mode .site h4,
.dark-mode .site h5,
.dark-mode .site h6 {
	color: #ffffff !important;
}

/* All paragraphs and text - SITE ONLY */
.dark-mode .site p,
.dark-mode .site span,
.dark-mode .site div,
.dark-mode .site li,
.dark-mode .site td,
.dark-mode .site th {
	color: #e0e0e0 !important;
}

/* All links - SITE ONLY */
.dark-mode .site a:not(.aap-button) {
	color: #64b5f6 !important;
}

.dark-mode .site a:not(.aap-button):hover {
	color: #90caf9 !important;
}

/* Sidebar and widgets */
.dark-mode .sidebar,
.dark-mode .widget-area,
.dark-mode #secondary {
	background: #141414 !important;
}

.dark-mode .widget {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

.dark-mode .widget h2,
.dark-mode .widget h3,
.dark-mode .widget-title {
	color: #ffffff !important;
}

.dark-mode .widget ul,
.dark-mode .widget ol {
	background: transparent !important;
}

.dark-mode .widget li {
	color: #e0e0e0 !important;
}

/* Recent posts widget */
.dark-mode .recent-posts,
.dark-mode .recent-posts-widget {
	background: #141414 !important;
}

.dark-mode .recent-post-item {
	background: #141414 !important;
	border-color: #141414 !important;
}

.dark-mode .recent-post-title {
	color: #ffffff !important;
}

.dark-mode .recent-post-date {
	color: #aaa !important;
}

/* Content sections */
.dark-mode .entry-header {
	background: #141414 !important;
}

.dark-mode .entry-content,
.dark-mode .entry-summary {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

.dark-mode .entry-footer {
	background: #141414 !important;
	color: #aaa !important;
	border-color: #141414 !important;
}

/* Images and media */
.dark-mode img {
	opacity: 1;
}

.dark-mode .wp-post-image,
.dark-mode .post-thumbnail img {
	border-radius: 8px;
}

/* Lists */
.dark-mode ul,
.dark-mode ol {
	color: #e0e0e0 !important;
}

.dark-mode ul li,
.dark-mode ol li {
	color: #e0e0e0 !important;
}

/* Tables */
.dark-mode table {
	background: #141414 !important;
	border-color: #141414 !important;
}

.dark-mode th {
	background: #141414 !important;
	color: #ffffff !important;
	border-color: #141414 !important;
}

.dark-mode td {
	background: #2d3748 !important;
	color: #e0e0e0 !important;
	border-color: #141414 !important;
}

/* Dark mode specification table column widths */
.dark-mode table th:first-child,
.dark-mode table td:first-child {
	width: 25% !important;
	min-width: 120px !important;
	white-space: nowrap !important;
}

.dark-mode table th:last-child,
.dark-mode table td:last-child {
	width: 75% !important;
}

/* Dark mode table stripes - alternating rows */
.dark-mode table tr:nth-child(even) td,
.dark-mode .wp-block-table.is-style-stripes tr:nth-child(even) td {
	background-color: #374151 !important;
}

/* Dark mode wp-block-table stripes specific styling */
.dark-mode .wp-block-table.is-style-stripes table,
.dark-mode .wp-block-table.is-style-stripes {
	border-collapse: collapse !important;
}

.dark-mode .wp-block-table.is-style-stripes th {
	background-color: #4a5568 !important;
	color: #e2e8f0 !important;
	border-bottom: 2px solid #6b7280 !important;
}

.dark-mode .wp-block-table.is-style-stripes td {
	background-color: #2d3748 !important;
	border-bottom: 1px solid #4a5568 !important;
	color: #e2e8f0 !important;
}

/* Navigation */
.dark-mode .main-navigation,
.dark-mode .primary-navigation,
.dark-mode nav {
	background: #141414 !important;
}

.dark-mode .menu,
.dark-mode .nav-menu {
	background: #141414 !important;
}

.dark-mode .menu li a,
.dark-mode .nav-menu li a {
	color: #e0e0e0 !important;
}

.dark-mode .menu li a:hover,
.dark-mode .nav-menu li a:hover {
	color: #007acc !important;
	background: #141414 !important;
}

/* Breadcrumbs */
.dark-mode .breadcrumbs,
.dark-mode .breadcrumb {
	background: #141414 !important;
	color: #aaa !important;
}

.dark-mode .breadcrumbs a,
.dark-mode .breadcrumb a {
	color: #64b5f6 !important;
}

/* Pagination */
.dark-mode .pagination,
.dark-mode .page-numbers {
	background: #141414 !important;
}

.dark-mode .page-numbers a,
.dark-mode .page-numbers span {
	background: #141414 !important;
	color: #e0e0e0 !important;
	border-color: #141414 !important;
}

.dark-mode .page-numbers a:hover,
.dark-mode .page-numbers .current {
	background: #007acc !important;
	color: #ffffff !important;
}

/* Archive and category pages */
.dark-mode .archive-header,
.dark-mode .page-header {
	background: #141414 !important;
}

.dark-mode .archive-title,
.dark-mode .page-title {
	color: #ffffff !important;
}

.dark-mode .archive-description,
.dark-mode .page-description {
	color: #aaa !important;
}

/* Post meta */
.dark-mode .post-meta,
.dark-mode .entry-meta,
.dark-mode .byline,
.dark-mode .posted-on {
	color: #aaa !important;
}

.dark-mode .post-meta a,
.dark-mode .entry-meta a {
	color: #64b5f6 !important;
}

/* Categories and tags */
.dark-mode .cat-links,
.dark-mode .tag-links,
.dark-mode .categories,
.dark-mode .tags {
	color: #aaa !important;
}

.dark-mode .cat-links a,
.dark-mode .tag-links a,
.dark-mode .categories a,
.dark-mode .tags a {
	background: #141414 !important;
	color: #64b5f6 !important;
	border-color: #141414 !important;
}

/* Search results */
.dark-mode .search-results .entry-summary {
	color: #e0e0e0 !important;
}

.dark-mode .search-no-results {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* 404 page */
.dark-mode .error-404 {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Borders and separators */
.dark-mode hr {
	border-color: #141414 !important;
}

.dark-mode .separator {
	background: #141414 !important;
}

/* Buttons and form elements */
.dark-mode button,
.dark-mode input[type="submit"],
.dark-mode input[type="button"],
.dark-mode .button,
.dark-mode .btn {
	background: #007acc !important;
	color: #ffffff !important;
	border-color: #005a8b !important;
}

.dark-mode button:hover,
.dark-mode input[type="submit"]:hover,
.dark-mode input[type="button"]:hover,
.dark-mode .button:hover,
.dark-mode .btn:hover {
	background: #005a8b !important;
	color: #ffffff !important;
}

/* Code blocks */
.dark-mode pre,
.dark-mode code,
.dark-mode kbd,
.dark-mode samp {
	background: #141414 !important;
	color: #f8f8f2 !important;
	border-color: #141414 !important;
}

/* Quotes */
.dark-mode blockquote {
	background: #141414 !important;
	color: #ccc !important;
	border-left: 4px solid #007acc !important;
}

.dark-mode cite {
	color: #aaa !important;
}

/* Featured content */
.dark-mode .featured-content,
.dark-mode .featured-posts {
	background: #141414 !important;
}

/* Sticky posts */
.dark-mode .sticky {
	background: #141414 !important;
	border-color: #007acc !important;
}

/* Post formats */
.dark-mode .format-quote,
.dark-mode .format-status,
.dark-mode .format-aside {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Mobile menu */
.dark-mode .mobile-menu,
.dark-mode .mobile-nav {
	background: #141414 !important;
}

.dark-mode .mobile-menu a,
.dark-mode .mobile-nav a {
	color: #e0e0e0 !important;
}

/* Ensure all containers are dark */
.dark-mode .container,
.dark-mode .wrap,
.dark-mode .wrapper,
.dark-mode .inner,
.dark-mode .content,
.dark-mode .main {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Header specific elements */
.dark-mode .site-header,
.dark-mode header,
.dark-mode .header,
.dark-mode .top-header,
.dark-mode .site-branding {
	background: #141414 !important;
	color: #e0e0e0 !important;
	border-bottom: 1px solid #141414 !important;
}

.dark-mode .site-title,
.dark-mode .site-title a,
.dark-mode .site-description,
.dark-mode .tagline {
	color: #ffffff !important;
}

/* Footer specific elements */
.dark-mode .site-footer,
.dark-mode footer,
.dark-mode .footer,
.dark-mode .footer-area {
	background: #141414 !important;
	color: #aaa !important;
	border-top: 1px solid #141414 !important;
}

.dark-mode .footer-widget {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Specific content wrapper fixes */
.dark-mode .site-content-contain,
.dark-mode .ast-container,
.dark-mode .site-content,
.dark-mode .content-wrapper,
.dark-mode .page-wrapper {
	background: #141414 !important;
}

/* Post and page specific */
.dark-mode .post-content,
.dark-mode .page-content,
.dark-mode .entry,
.dark-mode .single-post,
.dark-mode .single-page {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Image captions */
.dark-mode .wp-caption,
.dark-mode .wp-caption-text,
.dark-mode figcaption {
	background: #141414 !important;
	color: #aaa !important;
}

/* Gallery */
.dark-mode .gallery,
.dark-mode .gallery-item {
	background: #141414 !important;
}

.dark-mode .gallery-caption {
	color: #aaa !important;
}

/* Excerpt and summary */
.dark-mode .excerpt,
.dark-mode .post-excerpt,
.dark-mode .entry-excerpt {
	color: #e0e0e0 !important;
}

/* Author bio */
.dark-mode .author-info,
.dark-mode .author-bio,
.dark-mode .author-box {
	background: #141414 !important;
	color: #e0e0e0 !important;
	border-color: #141414 !important;
}

.dark-mode .author-name,
.dark-mode .author-title {
	color: #ffffff !important;
}

/* Comment form */
.dark-mode .comment-form,
.dark-mode .comment-respond {
	background: #141414 !important;
}

.dark-mode .comment-form label {
	color: #e0e0e0 !important;
}

.dark-mode .comment-form input,
.dark-mode .comment-form textarea,
.dark-mode .comment-form select {
	background: #141414 !important;
	color: #e0e0e0 !important;
	border-color: #141414 !important;
}

/* Related posts specific styling */

/* Author Info and Entry Footer Improvements */
.entry-footer {
	margin: 2em 0 3em 0;
	padding: 2em 0;
	border-top: 1px solid #e1e5e9;
	border-bottom: 1px solid #e1e5e9;
}

.entry-footer .byline {
	display: flex;
	align-items: center;
	gap: 1em;
	margin-bottom: 1em;
}

.entry-footer .byline .avatar {
	border-radius: 50%;
	width: 49px;
	height: 49px;
}

.entry-footer .author.vcard {
	font-weight: 600;
	color: #1a1a1a;
}

.entry-footer .posted-on {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	margin-bottom: 1em;
}

.entry-footer .posted-on a {
	color: #666;
	text-decoration: none;
	font-size: 0.9em;
}

.entry-footer .posted-on a:hover {
	color: #007acc;
}

/* Content freshness badge styling */
.content-freshness-indicator {
	display: inline-flex;
	align-items: center;
	background: #ff6b35;
	color: white;
	padding: 0.3em 0.8em;
	border-radius: 20px;
	font-size: 0.8em;
	font-weight: 600;
	margin-left: 1em;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.content-freshness-indicator .freshness-icon {
	margin-right: 0.3em;
	font-size: 1em;
}

/* Dark mode entry footer */
.dark-mode .entry-footer {
	border-top-color: #333;
	border-bottom-color: #333;
}

.dark-mode .entry-footer .author.vcard,
.dark-mode .entry-footer .byline a {
	color: #e0e0e0 !important;
}

.dark-mode .entry-footer .posted-on a {
	color: #aaa !important;
}

.dark-mode .entry-footer .posted-on a:hover {
	color: #64b5f6 !important;
}

/* Social icons adjustments for dark mode - iOS style */
.dark-mode .social-media-share-section {
	background: rgba(28, 28, 30, 0.95) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	padding: 2rem !important;
	margin: 3em auto !important;
	border-radius: 20px !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
	max-width: 400px !important;
}

.dark-mode .social-share-heading {
	color: #ffffff !important;
}

.dark-mode .social-icon {
	background: rgba(255, 255, 255, 0.08) !important;
}

.dark-mode .social-icon:hover {
	background: rgba(255, 255, 255, 0.12) !important;
}

.dark-mode .social-icon:active {
	background: rgba(255, 255, 255, 0.16) !important;
}

.dark-mode .social-icon-symbol {
	color: #ffffff !important;
}

.dark-mode .social-icon:hover .social-icon-symbol {
	color: #0A84FF !important;
}

.dark-mode .social-icon:focus {
	outline: 2px solid #0A84FF !important;
	background: rgba(10, 132, 255, 0.15) !important;
}

.dark-mode .social-icon:focus-visible {
	outline: 2px solid #0A84FF !important;
	background: rgba(10, 132, 255, 0.15) !important;
}

/* ==========================================================================
   Modern AMP Dark Mode Implementation (2025 Best Practices)
   ========================================================================== */

/* CSS Variables for Color Scheme */
:root {
	color-scheme: light dark;
	
	/* Light theme colors */
	--bg-primary: #ffffff;
	--bg-secondary: #f8f9fa;
	--text-primary: #1a1a1a;
	--text-secondary: #666666;
	--border-color: #e9ecef;
	--accent-color: #007acc;
	
	/* Component-specific colors */
	--header-bg: #ffffff;
	--content-bg: #ffffff;
	--search-bg: #ffffff;
	--search-border: #949494;
	--share-bg: rgba(255, 255, 255, 0.95);
	--share-border: rgba(255, 255, 255, 0.3);
}

/* Dark theme colors via prefers-color-scheme - DISABLED */
/* TEMPORARILY DISABLED: System dark mode preference was causing issues */
/*
@media (prefers-color-scheme: dark) {
	:root {
		--bg-primary: #141414;
		--bg-secondary: #1e1e1e;
		--text-primary: #e0e0e0;
		--text-secondary: #b0b0b0;
		--border-color: #333333;
		--accent-color: #64b5f6;
		
		--header-bg: #141414;
		--content-bg: #141414;
		--search-bg: #141414;
		--search-border: #4a5568;
		--share-bg: rgba(28, 28, 30, 0.95);
		--share-border: rgba(255, 255, 255, 0.1);
	}
}
*/

/* AMP Dark Mode: Working CSS-only implementation */
/* Light mode is default, dark mode only when checkbox is checked */

/* Hide checkbox but keep it functional */
.dark-mode-checkbox {
	display: none;
}

/* Dark mode container positioning */
.dark-mode-container {
	position: fixed;
	bottom: 2em;
	left: 2em;
	z-index: 1000;
}

.dark-mode-label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: var(--accent-color);
	color: #ffffff;
	border: 2px solid var(--accent-color);
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3);
}

.dark-mode-label:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 16px rgba(0, 122, 204, 0.4);
}

/* Icon transitions */
.theme-icon {
	position: absolute;
	transition: opacity 0.3s ease, transform 0.3s ease;
	stroke: currentColor;
	fill: none;
}

/* Default icon states (light mode) */
.sun-icon {
	opacity: 1;
	transform: rotate(0deg);
}

.moon-icon {
	opacity: 0;
	transform: rotate(90deg);
}

/* When checkbox is checked, switch icons */
.dark-mode-checkbox:checked ~ .dark-mode-container .sun-icon {
	opacity: 0;
	transform: rotate(90deg);
}

.dark-mode-checkbox:checked ~ .dark-mode-container .moon-icon {
	opacity: 1;
	transform: rotate(0deg);
}

/* DARK MODE: Working implementation with checkbox at beginning of DOM */
/* Checkbox is now at start of body, so it can affect all following elements */

/* REMOVED DESTRUCTIVE GENERAL RULES - These broke all layouts by forcing dark backgrounds on every element */
/* Now using targeted approach that preserves layout structure */

/* Comprehensive AMP Dark Mode Implementation */

/* Main background and body elements */
.dark-mode-checkbox:checked ~ * body,
.dark-mode-checkbox:checked ~ * html {
	background: #141414 !important;
	background-color: #141414 !important;
	color: #e0e0e0 !important;
}

/* Site structure elements */
.dark-mode-checkbox:checked ~ * .site,
.dark-mode-checkbox:checked ~ * .site-content,
.dark-mode-checkbox:checked ~ * .site-inner,
.dark-mode-checkbox:checked ~ * .content-area,
.dark-mode-checkbox:checked ~ * .sidebar,
.dark-mode-checkbox:checked ~ * .widget-area {
	background: #141414 !important;
	background-color: #141414 !important;
	color: #e0e0e0 !important;
}

/* Header elements */
.dark-mode-checkbox:checked ~ * .site-header,
.dark-mode-checkbox:checked ~ * .site-header-main,
.dark-mode-checkbox:checked ~ * .site-branding {
	background: #141414 !important;
	background-color: #141414 !important;
	color: #e0e0e0 !important;
}

.dark-mode-checkbox:checked ~ * .site-title,
.dark-mode-checkbox:checked ~ * .site-title a,
.dark-mode-checkbox:checked ~ * .site-description {
	color: #ffffff !important;
}

/* Content elements */
.dark-mode-checkbox:checked ~ * .entry-header,
.dark-mode-checkbox:checked ~ * .entry-content,
.dark-mode-checkbox:checked ~ * article,
.dark-mode-checkbox:checked ~ * .entry,
.dark-mode-checkbox:checked ~ * .entry-footer {
	background: #141414 !important;
	background-color: #141414 !important;
	color: #e0e0e0 !important;
}

/* Widget elements */
.dark-mode-checkbox:checked ~ * .widget,
.dark-mode-checkbox:checked ~ * .widget-title {
	background: #141414 !important;
	background-color: #141414 !important;
	color: #e0e0e0 !important;
}

/* Recent Posts widget specific */
.dark-mode-checkbox:checked ~ * .recent-posts-widget,
.dark-mode-checkbox:checked ~ * .recent-posts-list,
.dark-mode-checkbox:checked ~ * .recent-post-item,
.dark-mode-checkbox:checked ~ * .recent-post-content {
	background: #141414 !important;
	background-color: #141414 !important;
	color: #e0e0e0 !important;
}

.dark-mode-checkbox:checked ~ * .recent-post-title,
.dark-mode-checkbox:checked ~ * .recent-post-title a {
	color: #ffffff !important;
}

.dark-mode-checkbox:checked ~ * .recent-post-date {
	color: #a0a0a0 !important;
}

/* Amazon product cards */
.dark-mode-checkbox:checked ~ * .aap-card-material,
.dark-mode-checkbox:checked ~ * .aap-content,
.dark-mode-checkbox:checked ~ * .aap-image {
	background: #1a1a1a !important;
	background-color: #1a1a1a !important;
	color: #e0e0e0 !important;
}

/* Dark mode - white text with higher specificity */
.dark-mode-checkbox:checked ~ * .aap-title,
.dark-mode-checkbox:checked ~ * .aap-apple-title,
.dark-mode-checkbox:checked ~ * .aap-compact-title,
.dark-mode-checkbox:checked ~ * .amazon-affiliate-pro .aap-title,
.dark-mode-checkbox:checked ~ * .amazon-affiliate-pro .aap-apple-title,
.dark-mode-checkbox:checked ~ * .amazon-affiliate-pro .aap-compact-title {
	color: #ffffff !important;
}

/* Light mode - ensure black text */
.aap-title,
.aap-apple-title,
.aap-compact-title,
.amazon-affiliate-pro .aap-title,
.amazon-affiliate-pro .aap-apple-title,
.amazon-affiliate-pro .aap-compact-title {
	color: #1d1d1f !important;
}

/* Light mode - ensure all aap-content classes have dark text */
.aap-content,
.aap-apple-content,
.aap-compact-content,
.amazon-affiliate-pro .aap-content,
.amazon-affiliate-pro .aap-apple-content,
.amazon-affiliate-pro .aap-compact-content {
	color: #1d1d1f !important;
}

/* Footer elements */
.dark-mode-checkbox:checked ~ * .site-footer,
.dark-mode-checkbox:checked ~ * .footer-navigation,
.dark-mode-checkbox:checked ~ * .footer-widgets {
	background: #141414 !important;
	background-color: #141414 !important;
	color: #e0e0e0 !important;
}

/* Social media share section */
.dark-mode-checkbox:checked ~ * .social-media-share-section {
	background: rgba(26, 26, 26, 0.95) !important;
	color: #e0e0e0 !important;
}

/* Post Title - Fix black text in dark mode */
.dark-mode-checkbox:checked ~ * .entry-title,
.dark-mode-checkbox:checked ~ * .entry-title a {
	color: #ffffff !important;
}

/* Amazon Product Cards - Remove outer container background, let cards take full width */
.dark-mode-checkbox:checked ~ * .amazon-affiliate-pro {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Amazon cards should be full width with dark backgrounds */
.dark-mode-checkbox:checked ~ * .aap-card-material {
	background: #1a1a1a !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Related Posts Section */
.dark-mode-checkbox:checked ~ * .related-posts-title,
.dark-mode-checkbox:checked ~ * .related-posts h3 {
	color: #ffffff !important;
}

.dark-mode-checkbox:checked ~ * .related-post-title,
.dark-mode-checkbox:checked ~ * .related-post-title a {
	color: #ffffff !important;
}

.dark-mode-checkbox:checked ~ * .related-post-content {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Post Navigation */
.dark-mode-checkbox:checked ~ * .nav-previous,
.dark-mode-checkbox:checked ~ * .nav-next,
.dark-mode-checkbox:checked ~ * .post-navigation {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

.dark-mode-checkbox:checked ~ * .nav-previous a,
.dark-mode-checkbox:checked ~ * .nav-next a,
.dark-mode-checkbox:checked ~ * .post-navigation a {
	background: #1a1a1a !important;
	color: #64b5f6 !important;
	border-color: #4a5568 !important;
}

/* High specificity for AMP navigation links */
html[amp] .dark-mode-checkbox:checked ~ * .nav-previous a,
html[amp] .dark-mode-checkbox:checked ~ * .nav-next a,
html[amp] .dark-mode-checkbox:checked ~ * .post-navigation a,
html[⚡] .dark-mode-checkbox:checked ~ * .nav-previous a,
html[⚡] .dark-mode-checkbox:checked ~ * .nav-next a,
html[⚡] .dark-mode-checkbox:checked ~ * .post-navigation a {
	background: #1a1a1a !important;
	color: #64b5f6 !important;
	border-color: #4a5568 !important;
}

.dark-mode-checkbox:checked ~ * .meta-nav,
.dark-mode-checkbox:checked ~ * .post-title {
	color: #e0e0e0 !important;
}

/* WordPress Block Groups */
.dark-mode-checkbox:checked ~ * .wp-block-group,
.dark-mode-checkbox:checked ~ * .wp-block-group__inner-container {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

.dark-mode-checkbox:checked ~ * .wp-block-heading,
.dark-mode-checkbox:checked ~ * .wp-block-group h2,
.dark-mode-checkbox:checked ~ * .wp-block-group h3 {
	color: #ffffff !important;
}

.dark-mode-checkbox:checked ~ * .wp-block-archives-list a,
.dark-mode-checkbox:checked ~ * .wp-block-archives a {
	color: #64b5f6 !important;
}

/* Ensure dark mode container itself stays visible */
.dark-mode-checkbox:checked ~ .dark-mode-container,
.dark-mode-container {
	background: transparent !important;
	color: #ffffff !important;
}

/* Fix back-to-top button in dark mode - HIGH SPECIFICITY */
/* Ultra-high specificity dark mode for back-to-top button - matches AMP's specificity */
html[amp] .dark-mode-checkbox:checked ~ * .back-to-top-btn,
html[amp] .dark-mode-checkbox:checked ~ * #back-to-top,
html[⚡] .dark-mode-checkbox:checked ~ * .back-to-top-btn,
html[⚡] .dark-mode-checkbox:checked ~ * #back-to-top,
.dark-mode-checkbox:checked ~ * .back-to-top-btn,
.dark-mode-checkbox:checked ~ * #back-to-top {
	background: #333333 !important;
	background-color: #333333 !important;
	color: #e0e0e0 !important;
	border-color: #333333 !important;
	border: 2px solid #333333 !important;
}

/* Ultra-high specificity dark mode hover states for back-to-top button */
html[amp] .dark-mode-checkbox:checked ~ * .back-to-top-btn:hover,
html[amp] .dark-mode-checkbox:checked ~ * #back-to-top:hover,
html[⚡] .dark-mode-checkbox:checked ~ * .back-to-top-btn:hover,
html[⚡] .dark-mode-checkbox:checked ~ * #back-to-top:hover,
.dark-mode-checkbox:checked ~ * .back-to-top-btn:hover,
.dark-mode-checkbox:checked ~ * #back-to-top:hover {
	background: #404040 !important;
	background-color: #404040 !important;
}

/* Icon states update when checkbox is checked (visual feedback) */
.dark-mode-checkbox:checked ~ .dark-mode-container .sun-icon {
	opacity: 0;
	transform: rotate(90deg);
}

.dark-mode-checkbox:checked ~ .dark-mode-container .moon-icon {
	opacity: 1;
	transform: rotate(0deg);
}

/* SPECIFIC DARK MODE OVERRIDES - Preserve layout, change colors only */

/* Search Form Dark Mode - Override general dark mode to preserve layout */
.dark-mode-checkbox:checked ~ * .wp-block-search {
	background: transparent !important; /* Keep transparent, don't force dark background */
}

.dark-mode-checkbox:checked ~ * .search-form,
.dark-mode-checkbox:checked ~ * .wp-block-search__inside-wrapper {
	background: #1a1a1a !important; /* Dark container background */
	border-color: #4a5568 !important; /* Dark border */
	box-shadow: 0 2px 8px rgba(255, 255, 255, 0.04) !important; /* Light shadow for dark mode */
}

.dark-mode-checkbox:checked ~ * .search-form:focus-within,
.dark-mode-checkbox:checked ~ * .wp-block-search__inside-wrapper:focus-within {
	border-color: #4a90e2 !important; /* Lighter blue for dark mode focus */
	box-shadow: 0 4px 20px rgba(74, 144, 226, 0.15) !important;
}

.dark-mode-checkbox:checked ~ * .search-field,
.dark-mode-checkbox:checked ~ * .wp-block-search__input {
	background: transparent !important; /* Keep transparent for proper container styling */
	color: #e0e0e0 !important;
}

.dark-mode-checkbox:checked ~ * .search-field::placeholder,
.dark-mode-checkbox:checked ~ * .wp-block-search__input::placeholder {
	color: #a0a0a0 !important;
}

.dark-mode-checkbox:checked ~ * .search-submit,
.dark-mode-checkbox:checked ~ * .wp-block-search__button {
	background: #4a90e2 !important; /* Lighter blue for dark mode */
	color: #ffffff !important;
	border-color: #4a90e2 !important;
	padding: 1rem 1.5rem !important; /* Fix padding consistency */
	margin-left: 0 !important; /* Remove left margin/padding issues */
}

.dark-mode-checkbox:checked ~ * .search-submit:hover,
.dark-mode-checkbox:checked ~ * .wp-block-search__button:hover {
	background: #357abd !important;
	border-color: #357abd !important;
}

/* Social Media Share Section Dark Mode - Preserve glassmorphism layout */
.dark-mode-checkbox:checked ~ * .social-media-share-section {
	background: rgba(26, 26, 26, 0.95) !important; /* Dark glassmorphism background */
	border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Light border for dark mode */
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important; /* Stronger shadow for dark mode */
	backdrop-filter: blur(20px) !important; /* Keep blur effect */
	-webkit-backdrop-filter: blur(20px) !important;
}

.dark-mode-checkbox:checked ~ * .social-share-heading {
	color: #e0e0e0 !important;
}

.dark-mode-checkbox:checked ~ * .social-icon {
	background: rgba(45, 45, 45, 0.8) !important; /* Dark icon background */
	border: 1px solid rgba(255, 255, 255, 0.15) !important; /* Light border */
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode-checkbox:checked ~ * .social-icon[style] {
	background: rgba(45, 45, 45, 0.8) !important; /* Override inline styles */
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.dark-mode-checkbox:checked ~ * .social-icon-facebook,
.dark-mode-checkbox:checked ~ * .social-icon-twitter,
.dark-mode-checkbox:checked ~ * .social-icon-whatsapp,
.dark-mode-checkbox:checked ~ * .social-icon-linkedin,
.dark-mode-checkbox:checked ~ * .social-icon-pinterest,
.dark-mode-checkbox:checked ~ * .social-icon-email {
	background: rgba(45, 45, 45, 0.8) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode-checkbox:checked ~ * .social-icon:hover {
	background: rgba(60, 60, 60, 0.9) !important; /* Lighter on hover */
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
	transform: translateY(-2px) scale(1.02) !important; /* Keep animation */
}

.dark-mode-checkbox:checked ~ * .social-icon:active {
	background: rgba(35, 35, 35, 0.8) !important; /* Darker on active */
	transform: translateY(0) scale(0.98) !important; /* Keep animation */
}

.dark-mode-checkbox:checked ~ * .social-icon-symbol {
	color: #e0e0e0 !important;
}

.dark-mode-checkbox:checked ~ * .social-icon:hover .social-icon-symbol {
	color: #4a90e2 !important; /* Light blue for dark mode */
}

/* Ensure social icons remain visible in AMP dark mode */
.dark-mode-checkbox:checked ~ * .social-icon .social-icon-inner,
.dark-mode-checkbox:checked ~ * .social-icon .social-icon-inner svg,
.dark-mode-checkbox:checked ~ * .social-icon svg {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Ensure social media icons container doesn't get overridden in AMP */
.dark-mode-checkbox:checked ~ * .social-media-icons {
	display: flex !important;
	visibility: visible !important;
}

/* Preserve all social icon elements in AMP dark mode */
.dark-mode-checkbox:checked ~ * .social-media-icons .social-icon,
.dark-mode-checkbox:checked ~ * .social-media-icons .social-icon * {
	display: inherit !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Widget Area Dark Mode - Search Widget Specific */
.dark-mode-checkbox:checked ~ * .widget-area,
.dark-mode-checkbox:checked ~ * .sidebar {
	background: transparent !important; /* Don't force dark backgrounds on widget containers */
}

.dark-mode-checkbox:checked ~ * .widget.widget_search,
.dark-mode-checkbox:checked ~ * .widget.widget_block.widget_search {
	background: transparent !important; /* Keep widget background transparent */
	border: none !important;
}

.dark-mode-checkbox:checked ~ * .widget.widget_search .wp-block-search,
.dark-mode-checkbox:checked ~ * .widget.widget_block.widget_search .wp-block-search {
	background: transparent !important; /* Keep search block transparent */
}

.dark-mode-checkbox:checked ~ * .widget.widget_search .wp-block-search__label,
.dark-mode-checkbox:checked ~ * .widget.widget_block.widget_search .wp-block-search__label {
	color: #e0e0e0 !important;
}

/* AMP-specific styles for SVG icons (moved from inline) */
html[amp] .social-icon svg,
html[⚡] .social-icon svg {
	width: 20px !important;
	height: 20px !important;
	display: block !important;
}

html[amp] .social-icon-pinterest svg,
html[⚡] .social-icon-pinterest svg,
html[amp] .social-icon-pinterest path,
html[⚡] .social-icon-pinterest path { fill: #bd081c !important; }

html[amp] .social-icon-facebook svg,
html[⚡] .social-icon-facebook svg,
html[amp] .social-icon-facebook path,
html[⚡] .social-icon-facebook path { fill: #3b5998 !important; }

html[amp] .social-icon-twitter svg,
html[⚡] .social-icon-twitter svg,
html[amp] .social-icon-twitter path,
html[⚡] .social-icon-twitter path { fill: #1da1f2 !important; }

html[amp] .social-icon-email svg,
html[⚡] .social-icon-email svg,
html[amp] .social-icon-email path,
html[⚡] .social-icon-email path { fill: #666666 !important; }

html[amp] .social-icon-bluesky svg,
html[⚡] .social-icon-bluesky svg,
html[amp] .social-icon-bluesky path,
html[⚡] .social-icon-bluesky path { fill: #00bcd4 !important; }

html[amp] .social-icon-reddit svg,
html[⚡] .social-icon-reddit svg,
html[amp] .social-icon-reddit path,
html[⚡] .social-icon-reddit path { fill: #ff4500 !important; }

html[amp] .social-icon-linkedin svg,
html[⚡] .social-icon-linkedin svg,
html[amp] .social-icon-linkedin path,
html[⚡] .social-icon-linkedin path { fill: #0077b5 !important; }

html[amp] .social-icon-whatsapp svg,
html[⚡] .social-icon-whatsapp svg,
html[amp] .social-icon-whatsapp path,
html[⚡] .social-icon-whatsapp path { fill: #25d366 !important; }

html[amp] .social-icon:hover svg,
html[⚡] .social-icon:hover svg {
	fill: currentColor !important;
}

/* Base layout components using CSS variables */
body,
.site,
.site-content,
.entry-content,
.content-area,
article,
.site-inner,
.entry-header,
.entry-footer {
	background: var(--bg-primary);
	color: var(--text-primary);
	border-color: var(--border-color);
}

.site-header {
	background: var(--header-bg);
	border-bottom: 1px solid var(--border-color);
}

.site-title,
.site-title a,
.entry-title {
	color: var(--text-primary);
}

.entry-content a {
	color: var(--accent-color);
}

/* Search components */
.wp-block-search,
.search-form,
.wp-block-search__inside-wrapper {
	background: var(--search-bg);
	border-color: var(--search-border);
}

.wp-block-search__input,
.search-field {
	background: var(--search-bg);
	color: var(--text-primary);
	border-color: var(--search-border);
}

.wp-block-search__button,
.search-submit {
	background: var(--accent-color);
	color: #ffffff;
	border-color: var(--accent-color);
}

/* Social media share section */
.social-media-share-section {
	background: var(--share-bg);
	border: 1px solid var(--share-border);
	padding: 2rem;
	margin: 3em auto;
	border-radius: 20px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
	max-width: 400px;
}

.social-share-heading {
	color: var(--text-primary);
}

.social-icon {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid var(--border-color);
}

.social-icon:hover {
	background: rgba(255, 255, 255, 0.2);
}

.social-icon-symbol {
	color: var(--text-primary);
}

/* Dark mode toggle button */
.dark-mode-container {
	position: fixed;
	bottom: 2em;
	left: 2em;
	z-index: 1000;
}

.dark-mode-checkbox {
	display: none;
}

.dark-mode-label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: var(--accent-color);
	color: #ffffff;
	border: 2px solid var(--accent-color);
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3);
}

.dark-mode-label:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 16px rgba(0, 122, 204, 0.4);
}

/* Icon transitions */
.theme-icon {
	position: absolute;
	transition: opacity 0.3s ease, transform 0.3s ease;
	stroke: currentColor;
	fill: none;
}

.sun-icon {
	opacity: 1;
	transform: rotate(0deg);
}

.moon-icon {
	opacity: 0;
	transform: rotate(90deg);
}

.dark-mode-checkbox:checked ~ .dark-mode-container .sun-icon {
	opacity: 0;
	transform: rotate(90deg);
}

.dark-mode-checkbox:checked ~ .dark-mode-container .moon-icon {
	opacity: 1;
	transform: rotate(0deg);
}

/* Back to top button positioning */
html[amp] .back-to-top-btn,
html[⚡] .back-to-top-btn {
	position: fixed;
	bottom: 2em;
	right: 2em;
	width: 50px;
	height: 50px;
	background: var(--accent-color);
	color: #ffffff;
	border: 2px solid var(--accent-color);
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	transform: none;
}

html[amp] .back-to-top-btn:hover,
html[⚡] .back-to-top-btn:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 16px rgba(0, 122, 204, 0.4);
}

/* Comprehensive dark mode support for all components */
.entry-footer,
.post-navigation,
.widget,
.sidebar,
.widget-area,
.site-footer {
	background: var(--bg-primary);
	color: var(--text-primary);
	border-color: var(--border-color);
}

/* Form elements */
input[type="text"],
input[type="email"],
input[type="search"],
textarea,
button,
.wp-element-button {
	background: var(--bg-secondary);
	color: var(--text-primary);
	border-color: var(--border-color);
}

button:hover,
.wp-element-button:hover {
	background: var(--accent-color);
	color: #ffffff;
}

/* WordPress blocks */
.wp-block-group,
blockquote,
.wp-block-quote,
pre,
code {
	background: var(--bg-secondary);
	color: var(--text-primary);
	border-color: var(--border-color);
}

/* Amazon affiliate cards */
.amazon-affiliate-pro,
.aap-card-material,
.aap-content {
	background: var(--bg-secondary);
	color: var(--text-primary);
	border-color: var(--border-color);
}

.aap-button {
	background: var(--accent-color);
	color: #ffffff;
	border-color: var(--accent-color);
}

/* Ensure consistent border colors */
* {
	border-color: var(--border-color);
}

/* Text color inheritance */
h1, h2, h3, h4, h5, h6,
p, span, div {
	color: inherit;
}

/* AMP-specific SVG icon styles */
html[amp] .social-icon svg,
html[⚡] .social-icon svg {
	width: 20px !important;
	height: 20px !important;
	display: block !important;
}

html[amp] .social-icon-pinterest svg,
html[⚡] .social-icon-pinterest svg,
html[amp] .social-icon-pinterest path,
html[⚡] .social-icon-pinterest path { fill: #bd081c !important; }

html[amp] .social-icon-facebook svg,
html[⚡] .social-icon-facebook svg,
html[amp] .social-icon-facebook path,
html[⚡] .social-icon-facebook path { fill: #3b5998 !important; }

html[amp] .social-icon-twitter svg,
html[⚡] .social-icon-twitter svg,
html[amp] .social-icon-twitter path,
html[⚡] .social-icon-twitter path { fill: #1da1f2 !important; }

html[amp] .social-icon-email svg,
html[⚡] .social-icon-email svg,
html[amp] .social-icon-email path,
html[⚡] .social-icon-email path { fill: #666666 !important; }

html[amp] .social-icon-bluesky svg,
html[⚡] .social-icon-bluesky svg,
html[amp] .social-icon-bluesky path,
html[⚡] .social-icon-bluesky path { fill: #00bcd4 !important; }

html[amp] .social-icon-reddit svg,
html[⚡] .social-icon-reddit svg,
html[amp] .social-icon-reddit path,
html[⚡] .social-icon-reddit path { fill: #ff4500 !important; }

html[amp] .social-icon-linkedin svg,
html[⚡] .social-icon-linkedin svg,
html[amp] .social-icon-linkedin path,
html[⚡] .social-icon-linkedin path { fill: #0077b5 !important; }

html[amp] .social-icon-whatsapp svg,
html[⚡] .social-icon-whatsapp svg,
html[amp] .social-icon-whatsapp path,
html[⚡] .social-icon-whatsapp path { fill: #25d366 !important; }

/* Ensure SVGs are visible on hover in AMP */
html[amp] .social-icon:hover svg,
html[⚡] .social-icon:hover svg {
	fill: white !important;
}

/* Table of contents dark mode adjustments */
.dark-mode .table-of-contents {
	background: #141414 !important;
	border: 1px solid #141414 !important;
}

/* Any remaining white/light backgrounds */
.dark-mode .white,
.dark-mode .light,
.dark-mode .bg-white,
.dark-mode .bg-light {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Override any theme-specific light elements */
.dark-mode [class*="white"],
.dark-mode [class*="light"],
.dark-mode [style*="background: white"],
.dark-mode [style*="background: #fff"],
.dark-mode [style*="background: #ffffff"],
.dark-mode [style*="background-color: white"],
.dark-mode [style*="background-color: #fff"],
.dark-mode [style*="background-color: #ffffff"] {
	background: #141414 !important;
	color: #e0e0e0 !important;
}

/* Text color fixes for any remaining dark text on dark backgrounds */
.dark-mode [style*="color: black"],
.dark-mode [style*="color: #000"],
.dark-mode [style*="color: #000000"],
.dark-mode .black,
.dark-mode .dark-text {
	color: #e0e0e0 !important;
}

/* WordPress core elements */
.dark-mode .wp-block-group,
.dark-mode .wp-block-columns,
.dark-mode .wp-block-column {
	background: transparent !important;
	color: #e0e0e0 !important;
}

.dark-mode .wp-block-quote {
	background: #141414 !important;
	color: #ccc !important;
	border-left: 4px solid #007acc !important;
}

.dark-mode .wp-block-pullquote {
	background: #141414 !important;
	color: #ccc !important;
}

/* Gutenberg blocks */
.dark-mode .wp-block-cover {
	color: #ffffff !important;
}

.dark-mode .wp-block-button__link {
	background: #007acc !important;
	color: #ffffff !important;
}

/* Any remaining issues with specific sections */
.dark-mode .content-area,
.dark-mode .primary,
.dark-mode #primary,
.dark-mode .secondary,
.dark-mode #secondary,
.dark-mode .main-content {
	background: #141414 !important;
}

/* Fix for any remaining light text that might be hard to read - SCOPED TO SITE ONLY */
.dark-mode .site * {
	border-color: #141414 !important;
}

.dark-mode .site *:not(a):not(.social-icon-symbol) {
	color: inherit !important;
}

/* Mobile Responsiveness for New Features 
 * Dark Mode Toggle (left) and Go-to-Top Button (right) aligned on same line
 */
@media screen and (max-width: 768px) {
	.back-to-top-btn {
		bottom: 1em;
		right: 1em;
		width: 45px;
		height: 45px;
	}
	
	.dark-mode-toggle {
		left: 1em;
		bottom: 1em;
		width: 45px;
		height: 45px;
	}
}

/* Extra small screens - ensure proper spacing */
@media screen and (max-width: 375px) {
	.back-to-top-btn {
		bottom: 0.75em;
		right: 0.75em;
		width: 42px;
		height: 42px;
	}
	
	.dark-mode-toggle {
		left: 0.75em;
		bottom: 0.75em;
		width: 42px;
		height: 42px;
	}
	
	.table-of-contents {
		padding: 1em;
		margin: 1.5em 0;
	}
	
	.toc-title {
		font-size: 1.1em;
	}
}


/* Platform-specific styling - All consistent white backgrounds */
.social-icon-facebook {
	background: white;
	border: 2px solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.social-icon-email {
	background: white;
	border: 2px solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.social-icon-twitter {
	background: white;
	border: 2px solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.social-icon-whatsapp {
	background: white;
	border: 2px solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.social-icon-linkedin {
	background: white;
	border: 2px solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.social-icon-pinterest {
	background: white;
	border: 2px solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.social-icon-copy {
	background: white;
	border: 2px solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* Copy button specific styling */
.copy-link-btn {
	border: none;
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.copy-link-btn:hover {
	transform: translateY(-8px) scale(1.15) rotate(5deg);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3);
	border-color: rgba(255, 255, 255, 0.6);
	filter: brightness(1.1);
}

.copy-link-btn:active {
	transform: translateY(-4px) scale(1.05);
	transition: all 0.1s ease;
}

.copy-link-btn:focus {
	outline: 3px solid #007acc;
	outline-offset: 3px;
	box-shadow: 0 0 0 6px rgba(0, 122, 204, 0.2);
}

.copy-link-btn.copied {
	animation: copySuccess 0.6s ease;
}

@keyframes copySuccess {
	0% { transform: translateY(-8px) scale(1.15); }
	50% { transform: translateY(-12px) scale(1.25); background: linear-gradient(135deg, #28a745, #1e7e34); }
	100% { transform: translateY(-8px) scale(1.15); }
}

/* Background decoration removed - was causing layout issues */

/* AMP-specific optimizations and centering */
.social-media-share-section amp-img,
.social-media-share-section [layout] {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

/* Enhanced AMP compatibility */
amp-story .social-media-share-section,
amp-story-page .social-media-share-section {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	padding: 2em 1em;
	text-align: center;
}

/* Ensure proper centering in all contexts */
.social-media-share-section * {
	box-sizing: border-box;
}

.social-media-icons {
	margin: 0 auto !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-wrap: wrap !important;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
	.social-media-share-section {
		padding: 1.5rem;
		margin: 2.5em auto;
		max-width: 360px;
	}
	
	.social-media-icons {
		gap: 0.75rem;
	}
	
	.social-icon {
		width: 52px;
		height: 52px;
		border-radius: 14px;
	}
	
	.social-icon:hover {
		transform: translateY(-1px) scale(1.02);
	}
	
	.social-icon:active {
		transform: translateY(0) scale(0.98);
	}
	
	.social-icon-symbol {
		font-size: 1.5rem;
	}
	
	.social-share-heading {
		font-size: 1rem;
		margin-bottom: 1.25rem;
		letter-spacing: 0;
	}
}

@media screen and (max-width: 480px) {
	.social-media-share-section {
		margin: 2em auto;
		padding: 1.25rem;
		border-radius: 18px;
		max-width: 320px;
	}
	
	.social-media-icons {
		gap: 0.5rem;
	}
	
	.social-icon {
		width: 46px;
		height: 46px;
		border-radius: 12px;
		touch-action: manipulation;
	}
	
	.social-icon:hover {
		transform: translateY(-1px) scale(1.01);
	}
	
	.social-icon:active {
		transform: translateY(0) scale(0.97);
		transition: all 0.1s ease;
	}
	
	.social-icon-symbol {
		font-size: 1.3rem;
	}
	
	.social-share-heading {
		font-size: 0.95rem;
		letter-spacing: 0;
		margin-bottom: 1rem;
	}
	
	.copy-link-btn:hover {
		transform: translateY(-4px) scale(1.05) rotate(2deg);
	}
	
	.copy-link-btn:active {
		transform: translateY(-2px) scale(1.02);
	}
}

/*
 * Amazon Affiliate Pro - Apple-Style Mobile Design
 * Clean, modern iOS-inspired design for mobile devices
 */

/* Mobile-First Approach - Tablet and Mobile Only */
/* Override any existing AAP styling globally */
.amazon-affiliate-pro,
.aap-card-material {
	border: none !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}

/* Hide outer wrapper for AMP pages only */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader) .amazon-affiliate-pro {
	display: contents !important;
	background: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* AMP-specific gap fix for Apple grid - Mobile/AMP only */
@media screen and (max-width: 768px) {
	.aap-grid-apple-minimal:not(#_#_#_#_#_#_#_#_#_#_#_#_),
	.amazon-affiliate-pro .aap-grid-apple-minimal:not(#_#_#_#_#_#_#_#_#_#_#_#_) {
		gap: 4px !important;
	}
}

/* Remove gap between grid items - Desktop only */
@media screen and (min-width: 769px) {
	.aap-apple-grid-item:not(#_#_#_#_#_#_#_#_#_#_#_#_) {
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}
}

/* Grid spacing handled by plugin - removed 40px override */

/* 20px margin after amazon-affiliate-pro */
.amazon-affiliate-pro:not(#_#_#_#_#_#_#_#_#_#_#_#_) {
	margin-bottom: 20px !important;
}

/* NUCLEAR OVERRIDE - FORCE HEADER PADDING-TOP TO ZERO */
.site-header:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_),
header.site-header:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_),
#masthead.site-header:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_),
.site-header.modern-tech-header:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* EVEN MORE NUCLEAR OVERRIDE */
html body .site-header:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_),
html body header.site-header:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_),
html body #masthead.site-header:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
	/* Let Amazon Affiliate Plugin handle its own mobile styling for aap-card-material */
}

/* Mobile Phone Optimization - Let Amazon Affiliate Plugin handle its own mobile styling */

/* Dark Mode Support - Let Amazon Affiliate Plugin handle its own mobile styling */

/* AMP Dark Mode Support for Apple-Style Cards */
@media screen and (max-width: 768px) {
/* REMOVED :has() selector rule - lines 8943 to 8953 */
	
/* REMOVED :has() selector rule - lines 8954 to 8962 */
	
/* REMOVED :has() selector rule - lines 8963 to 8971 */
	
/* REMOVED :has() selector rule - lines 8972 to 8980 */
}

/**
 * Homepage Styles - Modern Tech Blog Design
 */

/* Homepage Layout - 2 Column Grid */
.homepage-wrapper {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 20px;
	align-items: start;
}

.homepage-content {
	min-width: 0; /* Prevent grid overflow */
}

.homepage-sidebar {
	position: sticky;
	top: 80px; /* Account for header height */
	max-height: calc(100vh - 100px);
	overflow-y: auto;
}

/* Legacy homepage layout for compatibility */
.homepage-layout {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.homepage-section {
	margin-bottom: 60px;
}

.section-container {
	width: 100%;
}

.section-title {
	font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	font-size: 2.25rem;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 30px;
	text-align: center;
	letter-spacing: -0.02em;
	position: relative;
}

.section-title::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 4px;
	background: linear-gradient(90deg, #007acc, #64b5f6);
	border-radius: 2px;
}

/* Latest Posts Section - Magazine Layout */
.latest-posts-magazine {
	display: grid;
	grid-template-columns: 1fr 400px;
	gap: 30px;
	margin-top: 30px;
	align-items: start;
}

/* Featured Post (Left Side) */
.featured-post {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	border: 1px solid #f0f0f0;
}

.featured-post:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
	border-color: #007acc;
}

.featured-post-image {
	position: relative;
	overflow: hidden;
	height: 350px;
}

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

.featured-post:hover .featured-post-image img {
	transform: scale(1.05);
}

.featured-post-overlay {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
}

.featured-post-overlay .post-category {
	background: #007acc;
	color: #ffffff;
	padding: 8px 16px;
	border-radius: 24px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: inline-block;
}

.featured-post-content {
	padding: 30px;
}

.featured-post-title {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 15px 0;
}

.featured-post-title a {
	color: #1a1a1a;
	text-decoration: none;
	transition: color 0.3s ease;
}

.featured-post-title a:hover {
	color: #007acc;
}

.featured-post-excerpt {
	color: #555;
	font-size: 1rem;
	line-height: 1.6;
	margin: 0 0 20px 0;
}

.featured-post-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.9rem;
	color: #666;
}

.meta-separator {
	color: #999;
}

/* Side Posts Container (Right Side) */
.side-posts-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.side-post {
	display: flex;
	gap: 15px;
	background: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
	border: 1px solid #f0f0f0;
	padding: 15px;
}

.side-post:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	border-color: #007acc;
}

.side-post-image {
	flex-shrink: 0;
	width: 120px;
	height: 80px;
	overflow: hidden;
	border-radius: 8px;
}

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

.side-post-image img.no-image {
	background: #f0f0f0;
	border: 1px solid #e1e1e1;
}

.side-post:hover .side-post-image img {
	transform: scale(1.05);
}

.side-post-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.side-post-title {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 8px 0;
}

.side-post-title a {
	color: #1a1a1a;
	text-decoration: none;
	transition: color 0.3s ease;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.side-post-title a:hover {
	color: #007acc;
}

.side-post-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.8rem;
	color: #666;
}

/* Responsive Design for Magazine Layout */
@media screen and (max-width: 1024px) {
	.latest-posts-magazine {
		grid-template-columns: 1fr 350px;
		gap: 25px;
	}
	
	.featured-post-image {
		height: 300px;
	}
	
	.featured-post-title {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 768px) {
	.latest-posts-magazine {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.side-posts-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.side-post {
		flex-direction: column;
		padding: 0;
	}
	
	.side-post-image {
		width: 100%;
		height: 150px;
	}
	
	.side-post-content {
		padding: 15px;
	}
}

@media screen and (max-width: 480px) {
	.side-posts-container {
		grid-template-columns: 1fr;
	}
	
	.featured-post-content {
		padding: 20px;
	}
	
	.featured-post-title {
		font-size: 1.3rem;
	}
}

/* Fallback grid layout for older design */
.latest-posts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 25px;
	margin-top: 30px;
}

.post-card {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	position: relative;
	border: 1px solid #f0f0f0;
}

.post-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
	border-color: #007acc;
}

.post-card-image {
	position: relative;
	overflow: hidden;
	height: 200px;
}

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

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

.post-card-overlay {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 2;
}

.post-category {
	background: #007acc;
	color: #ffffff;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.post-card-content {
	padding: 20px;
}

.post-card-title {
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 12px 0;
}

.post-card-title a {
	color: #1a1a1a;
	text-decoration: none;
	transition: color 0.3s ease;
}

.post-card-title a:hover {
	color: #007acc;
}

.post-card-meta {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 12px;
	font-size: 0.85rem;
	color: #666;
}

.post-card-excerpt {
	color: #555;
	font-size: 0.9rem;
	line-height: 1.5;
	margin: 0;
}

/* AMP Carousel Styles */
.latest-posts-carousel {
	margin-top: 30px;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.latest-post-slide {
	padding: 10px;
	height: 100%;
}

.amp-post-card {
	height: 100%;
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.amp-post-card .post-card-image {
	height: 200px;
	position: relative;
	overflow: hidden;
}

.amp-post-card .post-card-content {
	flex: 1;
	padding: 15px;
	display: flex;
	flex-direction: column;
}

.amp-post-card .post-card-title {
	font-size: 1rem;
	line-height: 1.3;
	margin-bottom: 8px;
	flex-shrink: 0;
}

.amp-post-card .post-card-meta {
	font-size: 0.8rem;
	margin-bottom: 8px;
	flex-shrink: 0;
}

.amp-post-card .post-card-excerpt {
	font-size: 0.85rem;
	line-height: 1.4;
	flex: 1;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* Dark Mode Magazine Layout */
.dark-mode .latest-posts-magazine {
	color: #e0e0e0;
}

.dark-mode .featured-post {
	background: #2a2a2a;
	border-color: #333;
}

.dark-mode .featured-post:hover {
	border-color: #64b5f6;
}

.dark-mode .featured-post-title a {
	color: #ffffff;
}

.dark-mode .featured-post-title a:hover {
	color: #64b5f6;
}

.dark-mode .featured-post-excerpt {
	color: #b0b0b0;
}

.dark-mode .featured-post-meta {
	color: #999;
}

.dark-mode .side-post {
	background: #2a2a2a;
	border-color: #333;
}

.dark-mode .side-post:hover {
	border-color: #64b5f6;
}

.dark-mode .side-post-title a {
	color: #ffffff;
}

.dark-mode .side-post-title a:hover {
	color: #64b5f6;
}

.dark-mode .side-post-meta {
	color: #999;
}

/* AMP Dark Mode Carousel Styles */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .amp-post-card {
	background: #1c1c1e !important;
	color: #e0e0e0 !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .latest-posts-carousel {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* AMP Responsive Carousel */
@media screen and (max-width: 768px) {
	.latest-posts-carousel {
		margin: 20px -10px 30px -10px;
		border-radius: 0;
	}
	
	.latest-post-slide {
		padding: 5px;
	}
	
	.amp-post-card .post-card-image {
		height: 160px;
	}
	
	.amp-post-card .post-card-content {
		padding: 12px;
	}
	
	.amp-post-card .post-card-title {
		font-size: 0.9rem;
	}
}

/* Categories Section */
.categories-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 25px;
	margin-top: 30px;
}

.category-card {
	position: relative;
	height: 250px;
	border-radius: 15px;
	overflow: hidden;
	transition: all 0.3s ease;
	cursor: pointer;
}

.category-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.category-link {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.category-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.category-bg-image,
.category-default-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Default gradient backgrounds */
.category-default-bg {
	display: flex;
	align-items: center;
	justify-content: center;
}

.category-bg-1 { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.category-bg-2 { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.category-bg-3 { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.category-bg-4 { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.category-bg-5 { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); }
.category-bg-6 { background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); }

.category-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%);
}

.category-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 25px;
	color: #ffffff;
	z-index: 2;
}

.category-title {
	font-size: 1.4rem;
	font-weight: 700;
	margin: 0 0 8px 0;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.category-description {
	font-size: 0.9rem;
	margin: 0 0 10px 0;
	opacity: 0.9;
}

.category-count {
	font-size: 0.8rem;
	opacity: 0.8;
	font-weight: 500;
}

.category-arrow {
	position: absolute;
	top: 20px;
	right: 20px;
	opacity: 0;
	transition: all 0.3s ease;
}

.category-card:hover .category-arrow {
	opacity: 1;
	transform: translateX(5px);
}

/* Popular Posts Section */
.popular-posts-container {
	margin-top: 30px;
}

.popular-posts-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin-bottom: 25px;
}

.popular-post-horizontal {
	display: flex;
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
	border: 1px solid #f0f0f0;
}

.popular-post-horizontal:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	border-color: #007acc;
}

.popular-post-image {
	position: relative;
	width: 160px;
	flex-shrink: 0;
}

.popular-post-thumb {
	width: 100%;
	height: 120px;
	object-fit: cover;
}

.popular-post-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	background: #ff6b35;
	color: #ffffff;
	padding: 4px 8px;
	border-radius: 12px;
	font-size: 10px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 3px;
}

.popular-post-content {
	padding: 15px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.popular-post-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
	font-size: 0.75rem;
}

.popular-post-category {
	background: #f0f8ff;
	color: #007acc;
	padding: 2px 8px;
	border-radius: 10px;
	font-weight: 600;
}

.popular-post-date {
	color: #666;
}

.popular-post-title {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 8px 0;
}

.popular-post-title a {
	color: #1a1a1a;
	text-decoration: none;
	transition: color 0.3s ease;
}

.popular-post-title a:hover {
	color: #007acc;
}

.popular-post-excerpt {
	font-size: 0.85rem;
	color: #555;
	line-height: 1.4;
	margin-bottom: 10px;
	flex: 1;
}

.popular-post-stats {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 0.75rem;
	color: #888;
}

.popular-post-stats span {
	display: flex;
	align-items: center;
	gap: 3px;
}

/* Gadget Launches Section */
.gadget-launches-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 25px;
	margin-top: 30px;
}

.gadget-launch-card {
	background: #ffffff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	border: 1px solid #f0f0f0;
	position: relative;
}

.gadget-launch-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
	border-color: #007acc;
}

.launch-card-image {
	position: relative;
	height: 180px;
	overflow: hidden;
}

.launch-image,
.launch-default-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.launch-default-bg {
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255,255,255,0.8);
}

.launch-bg-1 { background: linear-gradient(135deg, #2c3e50, #34495e); }
.launch-bg-2 { background: linear-gradient(135deg, #8e44ad, #9b59b6); }
.launch-bg-3 { background: linear-gradient(135deg, #27ae60, #2ecc71); }
.launch-bg-4 { background: linear-gradient(135deg, #e74c3c, #c0392b); }

.launch-status-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 6px 12px;
	border-radius: 15px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.status-available-now { background: #10b981; color: #ffffff; }
.status-pre-order { background: #f59e0b; color: #ffffff; }
.status-coming-soon { background: #6366f1; color: #ffffff; }

.launch-card-content {
	padding: 20px;
}

.launch-title {
	font-size: 1.2rem;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 12px 0;
	line-height: 1.3;
}

.launch-description {
	color: #555;
	font-size: 0.9rem;
	line-height: 1.5;
	margin: 0 0 15px 0;
}

.launch-specs {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #f8fafc;
	padding: 10px 12px;
	border-radius: 8px;
	margin-bottom: 15px;
	font-size: 0.85rem;
	color: #374151;
}

.launch-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 15px;
}

.launch-price {
	display: flex;
	flex-direction: column;
}

.price-label {
	font-size: 0.75rem;
	color: #888;
	margin-bottom: 2px;
}

.price-value {
	font-size: 1.1rem;
	font-weight: 700;
	color: #007acc;
}

.launch-buy-button {
	background: #007acc;
	color: #ffffff;
	padding: 10px 16px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: all 0.3s ease;
}

.launch-buy-button:hover {
	background: #005a8b;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3);
}

/* Admin Edit Links */
.admin-edit-categories,
.admin-edit-launches {
	text-align: center;
	margin-top: 20px;
}

.edit-categories-link,
.edit-launches-link {
	display: inline-block;
	background: #f8f9fa;
	color: #007acc;
	padding: 8px 16px;
	border-radius: 20px;
	text-decoration: none;
	font-size: 0.85rem;
	font-weight: 600;
	border: 1px solid #e9ecef;
	transition: all 0.3s ease;
}

.edit-categories-link:hover,
.edit-launches-link:hover {
	background: #007acc;
	color: #ffffff;
}

/* Dark Mode Styles */
.dark-mode .section-title {
	color: #f2f2f7;
}

.dark-mode .post-card,
.dark-mode .popular-post-horizontal,
.dark-mode .gadget-launch-card {
	background: #1c1c1e;
	border-color: #2c2c2e;
}

.dark-mode .post-card-title a,
.dark-mode .popular-post-title a,
.dark-mode .launch-title {
	color: #f2f2f7;
}

.dark-mode .post-card-title a:hover,
.dark-mode .popular-post-title a:hover {
	color: #64b5f6;
}

.dark-mode .post-card-excerpt,
.dark-mode .popular-post-excerpt,
.dark-mode .launch-description {
	color: #a1a1aa;
}

.dark-mode .post-card-meta,
.dark-mode .popular-post-date,
.dark-mode .popular-post-stats {
	color: #8e8e93;
}

.dark-mode .popular-post-category {
	background: #2c2c2e;
	color: #64b5f6;
}

.dark-mode .launch-specs {
	background: #2c2c2e;
	color: #a1a1aa;
}

.dark-mode .edit-categories-link,
.dark-mode .edit-launches-link {
	background: #2c2c2e;
	color: #64b5f6;
	border-color: #3a3a3c;
}

.dark-mode .edit-categories-link:hover,
.dark-mode .edit-launches-link:hover {
	background: #64b5f6;
	color: #1c1c1e;
}

/* AMP Dark Mode Styles */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .section-title {
	color: #f2f2f7 !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .post-card,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .popular-post-horizontal,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .gadget-launch-card {
	background: #1c1c1e !important;
	border-color: #2c2c2e !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .post-card-title a,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .popular-post-title a,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .launch-title {
	color: #f2f2f7 !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .post-card-excerpt,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .popular-post-excerpt,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .launch-description {
	color: #a1a1aa !important;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
	.homepage-layout {
		padding: 0 15px;
	}
	
	.section-title {
		font-size: 1.8rem;
	}
	
	.latest-posts-grid,
	.categories-grid,
	.gadget-launches-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.popular-posts-row {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.popular-post-horizontal {
		flex-direction: column;
	}
	
	.popular-post-image {
		width: 100%;
		height: 160px;
	}
	
	.category-card {
		height: 200px;
	}
	
	.launch-footer {
		flex-direction: column;
		gap: 15px;
		align-items: stretch;
	}
	
	.launch-buy-button {
		text-align: center;
		justify-content: center;
	}
}

@media screen and (max-width: 480px) {
	.homepage-section {
		margin-bottom: 40px;
	}
	
	.section-title {
		font-size: 1.5rem;
		margin-bottom: 20px;
	}
	
	.post-card,
	.gadget-launch-card {
		border-radius: 8px;
	}
	
	.category-card {
		height: 180px;
		border-radius: 10px;
	}
}

/* Error Message Styles */
.section-error,
.categories-error,
.gadget-launches-error {
	background: #fff3cd;
	border: 1px solid #ffeaa7;
	color: #856404;
	padding: 15px 20px;
	border-radius: 8px;
	text-align: center;
	margin: 20px 0;
	font-size: 0.9rem;
}

.dark-mode .section-error,
.dark-mode .categories-error,
.dark-mode .gadget-launches-error {
	background: #3d2f00;
	border-color: #635617;
	color: #ffd93d;
}

/* AMP Dark Mode Error Styles */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .section-error,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .categories-error,
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .gadget-launches-error {
	background: #3d2f00 !important;
	border-color: #635617 !important;
	color: #ffd93d !important;
}

/* Improved Loading States */
.homepage-section.loading {
	opacity: 0.6;
	pointer-events: none;
}

.homepage-section.loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	border: 2px solid #007acc;
	border-top: 2px solid transparent;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	transform: translate(-50%, -50%);
}

@keyframes spin {
	0% { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Improved Responsive Design for Latest Posts */
@media screen and (max-width: 1024px) {
	.latest-posts-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
}

@media screen and (max-width: 768px) {
	.latest-posts-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.post-card-image {
		height: 160px;
	}
	
	.post-card-content {
		padding: 15px;
	}
	
	.post-card-title {
		font-size: 1rem;
	}
}

@media screen and (max-width: 480px) {
	.latest-posts-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.post-card-image {
		height: 180px;
	}
}

/* Improved Categories Responsive Design */
@media screen and (max-width: 1024px) {
	.categories-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
}

@media screen and (max-width: 768px) {
	.categories-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.category-card {
		height: 220px;
	}
	
	.category-content {
		padding: 20px;
	}
}

@media screen and (max-width: 480px) {
	.categories-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.category-card {
		height: 200px;
	}
	
	.category-content {
		padding: 15px;
	}
	
	.category-title {
		font-size: 1.2rem;
	}
}

/* Improved Popular Posts Responsive Design */
@media screen and (max-width: 1024px) {
	.popular-posts-row {
		gap: 20px;
	}
	
	.popular-post-image {
		width: 140px;
	}
}

@media screen and (max-width: 768px) {
	.popular-posts-row {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.popular-post-horizontal {
		flex-direction: row;
		max-width: 100%;
	}
	
	.popular-post-image {
		width: 120px;
		min-width: 120px;
	}
	
	.popular-post-content {
		padding: 12px;
	}
}

@media screen and (max-width: 480px) {
	.popular-post-horizontal {
		flex-direction: column;
	}
	
	.popular-post-image {
		width: 100%;
		height: 140px;
	}
	
	.popular-post-content {
		padding: 15px;
	}
}

/* Improved Gadget Launches Responsive Design */
@media screen and (max-width: 1024px) {
	.gadget-launches-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
}

@media screen and (max-width: 768px) {
	.gadget-launches-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.launch-card-image {
		height: 160px;
	}
	
	.launch-card-content {
		padding: 15px;
	}
	
	.launch-title {
		font-size: 1.1rem;
	}
}

@media screen and (max-width: 480px) {
	.gadget-launches-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.launch-card-image {
		height: 180px;
	}
	
	.launch-footer {
		flex-direction: column;
		gap: 10px;
		align-items: stretch;
	}
	
	.launch-buy-button {
		text-align: center;
		justify-content: center;
	}
}

/* Accessibility Improvements */
.post-card:focus-within,
.category-card:focus-within,
.popular-post-horizontal:focus-within,
.gadget-launch-card:focus-within {
	outline: 2px solid #007acc;
	outline-offset: 2px;
}

.post-card a:focus,
.category-link:focus,
.popular-post-title a:focus,
.launch-buy-button:focus {
	outline: 2px solid #007acc;
	outline-offset: 2px;
	border-radius: 4px;
}

/* Skip to content link for homepage */
.homepage-skip-link {
	position: absolute;
	top: -40px;
	left: 6px;
	background: #007acc;
	color: white;
	padding: 8px;
	text-decoration: none;
	border-radius: 0 0 4px 4px;
	z-index: 100000;
	font-size: 14px;
	transition: top 0.3s;
}

.homepage-skip-link:focus {
	top: 0;
}

/* Print Styles */
@media print {
	.homepage-layout {
		max-width: none;
		padding: 0;
	}
	
	.latest-posts-grid,
	.categories-grid,
	.gadget-launches-grid {
		grid-template-columns: 1fr 1fr;
		gap: 1cm;
		break-inside: avoid;
	}
	
	.popular-posts-row {
		grid-template-columns: 1fr;
		gap: 0.5cm;
	}
	
	.post-card,
	.category-card,
	.gadget-launch-card,
	.popular-post-horizontal {
		break-inside: avoid;
		box-shadow: none !important;
		border: 1px solid #ccc !important;
	}
	
	.launch-buy-button,
	.category-arrow,
	.admin-edit-categories,
	.admin-edit-launches {
		display: none !important;
	}
	
	.section-title {
		color: #000 !important;
		border-bottom: 2px solid #000;
		padding-bottom: 0.2cm;
	}
}

/**
 * Performance Optimizations
 */

/* Reduce layout shift with aspect ratio containers */
.post-card-image,
.popular-post-image,
.launch-card-image,
.category-image {
	contain: layout style paint;
}

/* GPU acceleration for animations */
.post-card,
.category-card,
.popular-post-horizontal,
.gadget-launch-card {
	will-change: transform;
	transform: translateZ(0);
}

/* Remove will-change after animation to save memory */
.post-card:not(:hover),
.category-card:not(:hover),
.popular-post-horizontal:not(:hover),
.gadget-launch-card:not(:hover) {
	will-change: auto;
}

/* Critical CSS loading optimization */
.homepage-section {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.3s ease;
}

/* Optimize image loading */
.post-card-image img,
.popular-post-thumb,
.launch-image,
.category-bg-image {
	object-fit: cover;
	loading: lazy;
}

/**
 * Homepage Layout Styles
 */

/* Homepage Wrapper - 2 Column Grid Layout */
.homepage-wrapper {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
	align-items: start;
}

.homepage-content {
	width: 100%;
}

.homepage-sidebar {
	width: 100%;
	position: sticky;
	top: 100px;
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.homepage-sidebar::-webkit-scrollbar {
	display: none;
}

/* Homepage Sidebar Widgets */
.homepage-sidebar-content {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.sidebar-widget {
	background: var(--widget-bg, #ffffff);
	border: 1px solid var(--widget-border, #e9ecef);
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	transition: box-shadow 0.3s ease;
}

.sidebar-widget:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.sidebar-widget .widget-title {
	margin: 0 0 20px 0;
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--widget-title-color, #1a1a1a);
	border-bottom: 2px solid var(--accent-color, #007cba);
	padding-bottom: 10px;
}

/* Search Widget */
.search-widget .search-form {
	position: relative;
}

.search-widget .search-field {
	width: 100%;
	padding: 12px 50px 12px 16px;
	border: 2px solid var(--input-border, #ddd);
	border-radius: 8px;
	font-size: 14px;
	transition: border-color 0.3s ease;
}

.search-widget .search-field:focus {
	outline: none;
	border-color: var(--accent-color, #007cba);
}

.search-widget .search-submit {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	padding: 8px;
	cursor: pointer;
	color: var(--text-color-light, #666);
}

/* Recent Posts Widget */
.sidebar-posts-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sidebar-post-item {
	border-bottom: 1px solid var(--border-light, #f0f0f0);
	padding-bottom: 16px;
}

.sidebar-post-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.sidebar-post-link {
	display: flex;
	gap: 12px;
	text-decoration: none;
	color: inherit;
	transition: color 0.3s ease;
}

.sidebar-post-link:hover {
	color: var(--accent-color, #007cba);
}

.sidebar-post-image {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	border-radius: 8px;
	overflow: hidden;
}

.sidebar-post-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sidebar-post-content {
	flex: 1;
	min-width: 0;
}

.sidebar-post-title {
	margin: 0 0 8px 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--text-color, #1a1a1a);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sidebar-post-meta {
	font-size: 12px;
	color: var(--text-color-light, #666);
}

/* Categories Widget */
.sidebar-categories-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.sidebar-category-item {
	margin: 0;
}

.sidebar-category-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 12px;
	background: var(--category-bg, #f8f9fa);
	border-radius: 6px;
	text-decoration: none;
	color: var(--text-color, #1a1a1a);
	transition: background-color 0.3s ease;
	font-size: 13px;
}

.sidebar-category-link:hover {
	background: var(--accent-color, #007cba);
	color: white;
}

.category-count {
	background: var(--accent-color, #007cba);
	color: white;
	padding: 2px 6px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 500;
}

.sidebar-category-link:hover .category-count {
	background: rgba(255, 255, 255, 0.2);
}

/* Trending Widget */
.sidebar-trending-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.sidebar-trending-item {
	display: flex;
	gap: 12px;
	padding: 12px;
	background: var(--trending-bg, #f8f9fa);
	border-radius: 8px;
	transition: background-color 0.3s ease;
}

.sidebar-trending-item:hover {
	background: var(--trending-hover-bg, #e9ecef);
}

.trending-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background: var(--accent-color, #007cba);
	color: white;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 600;
	flex-shrink: 0;
}

.trending-content {
	flex: 1;
	min-width: 0;
}

.trending-title {
	margin: 0 0 4px 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}

.trending-title a {
	text-decoration: none;
	color: var(--text-color, #1a1a1a);
	transition: color 0.3s ease;
}

.trending-title a:hover {
	color: var(--accent-color, #007cba);
}

.trending-meta {
	font-size: 11px;
	color: var(--text-color-light, #666);
}

/* Newsletter Widget */
.newsletter-widget {
	background: linear-gradient(135deg, var(--accent-color, #007cba) 0%, #005a8b 100%);
	color: white;
}

.newsletter-widget .widget-title {
	color: white;
	border-bottom-color: rgba(255, 255, 255, 0.3);
}

.newsletter-description {
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 1.5;
	opacity: 0.9;
}

.sidebar-newsletter-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.newsletter-input-group {
	display: flex;
	gap: 8px;
}

.newsletter-input-group input[type="email"] {
	flex: 1;
	padding: 10px 12px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.1);
	color: white;
	font-size: 14px;
}

.newsletter-input-group input[type="email"]::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.newsletter-input-group input[type="email"]:focus {
	outline: none;
	border-color: rgba(255, 255, 255, 0.6);
	background: rgba(255, 255, 255, 0.15);
}

.newsletter-input-group button {
	padding: 10px 16px;
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 6px;
	color: white;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.newsletter-input-group button:hover {
	background: rgba(255, 255, 255, 0.3);
	border-color: rgba(255, 255, 255, 0.5);
}

/* Dark Mode Sidebar Widgets - Target both custom and default WordPress widgets */
.dark-mode .sidebar-widget,
.dark-mode .widget,
.dark-mode .wp-block-group,
.dark-mode .homepage-sidebar .widget {
	background: #1f1f1f !important;
	border: 1px solid #333 !important;
	color: #e0e0e0 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode .sidebar-widget:hover {
	background: #242424;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.dark-mode .sidebar-widget .widget-title {
	color: #ffffff;
	border-bottom-color: #64b5f6;
}

.dark-mode .search-widget .search-field {
	background: #0f0f0f;
	border: 2px solid #333;
	color: #ffffff;
}

.dark-mode .search-widget .search-field::placeholder {
	color: #999;
}

.dark-mode .search-widget .search-field:focus {
	border-color: #64b5f6;
	background: #1a1a1a;
	box-shadow: 0 0 0 2px rgba(100, 181, 246, 0.1);
}

.dark-mode .search-widget .search-submit {
	color: #bbb;
	background: transparent;
}

.dark-mode .search-widget .search-submit:hover {
	color: #64b5f6;
	background: rgba(100, 181, 246, 0.1);
}

.dark-mode .search-widget .search-submit svg {
	fill: #bbb !important;
	stroke: #bbb !important;
}

.dark-mode .search-widget .search-submit:hover svg {
	fill: #64b5f6 !important;
	stroke: #64b5f6 !important;
}

/* Fix search button background in dark mode - AMP compatible */
.dark-mode .search-widget .search-submit,
.dark-mode .sidebar-widget .search-submit,
.dark-mode .widget .search-submit,
.dark-mode .search-form .search-submit,
.dark-mode .wp-block-search__button,
.dark-mode button.search-submit {
	background: #2a2a2a;
	color: #bbb;
	border: 1px solid #404040;
}

/* Add search icon using CSS */
.dark-mode .search-widget .search-submit:after,
.dark-mode .sidebar-widget .search-submit:after,
.dark-mode .widget .search-submit:after,
.dark-mode .search-form .search-submit:after,
.dark-mode button.search-submit:after,
.dark-mode button[type="submit"].search-submit:after {
	content: "🔍" !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	color: #bbb !important;
	font-size: 14px !important;
	text-indent: 0 !important;
}

.dark-mode .search-widget .search-submit:hover,
.dark-mode .sidebar-widget .search-submit:hover,
.dark-mode .widget .search-submit:hover,
.dark-mode .search-form .search-submit:hover,
.dark-mode .wp-block-search__button:hover,
.dark-mode button.search-submit:hover,
.dark-mode button[type="submit"].search-submit:hover {
	background: #404040 !important;
	background-color: #404040 !important;
	color: transparent !important;
	border-color: #64b5f6 !important;
}

/* Hover state for search icon */
.dark-mode .search-widget .search-submit:hover:after,
.dark-mode .sidebar-widget .search-submit:hover:after,
.dark-mode .widget .search-submit:hover:after,
.dark-mode .search-form .search-submit:hover:after,
.dark-mode button.search-submit:hover:after,
.dark-mode button[type="submit"].search-submit:hover:after {
	color: #64b5f6 !important;
}

/* Ensure search icon visibility with multiple selectors */
.dark-mode .search-widget .search-submit:before,
.dark-mode .sidebar-widget .search-submit:before,
.dark-mode .widget .search-submit:before,
.dark-mode .search-form .search-submit:before,
.dark-mode button.search-submit:before {
	color: #bbb !important;
	background: transparent !important;
}

.dark-mode .search-widget .search-submit:hover:before,
.dark-mode .sidebar-widget .search-submit:hover:before,
.dark-mode .widget .search-submit:hover:before,
.dark-mode .search-form .search-submit:hover:before,
.dark-mode button.search-submit:hover:before {
	color: #64b5f6 !important;
	background: transparent !important;
}

.dark-mode .sidebar-post-link {
	color: #e0e0e0;
}

.dark-mode .sidebar-post-link:hover {
	color: #64b5f6;
}

.dark-mode .sidebar-post-title {
	color: #ffffff;
}

.dark-mode .sidebar-post-meta {
	color: #999;
}

.dark-mode .sidebar-post-item {
	border-bottom-color: #333;
}

.dark-mode .sidebar-category-link {
	background: #2a2a2a;
	color: #e0e0e0;
	border: 1px solid #404040;
	transition: all 0.3s ease;
}

.dark-mode .sidebar-category-link:hover {
	background: #64b5f6;
	color: white;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(100, 181, 246, 0.3);
}

.dark-mode .category-count,
.dark-mode .sidebar-category-link .category-count,
.dark-mode .sidebar-widget .category-count {
	background: #64b5f6 !important;
	color: #ffffff !important;
	font-weight: 600 !important;
}

.dark-mode .sidebar-category-link:hover .category-count {
	background: rgba(255, 255, 255, 0.9) !important;
	color: #64b5f6 !important;
}

.dark-mode .sidebar-trending-item {
	background: #2a2a2a;
	border: 1px solid #333;
	transition: all 0.3s ease;
}

.dark-mode .sidebar-trending-item:hover {
	background: #333;
	border-color: #64b5f6;
	transform: translateY(-1px);
}

.dark-mode .trending-number,
.dark-mode .sidebar-trending-item .trending-number,
.dark-mode .sidebar-widget .trending-number {
	background: #64b5f6 !important;
	color: #ffffff !important;
	font-weight: 700 !important;
}

.dark-mode .trending-title a {
	color: #ffffff;
}

.dark-mode .trending-title a:hover {
	color: #64b5f6;
}

.dark-mode .trending-meta {
	color: #999;
}

/* Universal Dark Mode Number Styling for any WordPress sidebar widgets */
.dark-mode .widget li,
.dark-mode .sidebar .widget li,
.dark-mode aside .widget li {
	color: #e0e0e0;
}

.dark-mode .widget .widget-title,
.dark-mode .sidebar .widget-title,
.dark-mode aside .widget-title {
	color: #ffffff;
	border-bottom: 2px solid #64b5f6;
}

/* Target any span elements that might contain numbers in widgets */
.dark-mode .widget span[class*="count"],
.dark-mode .widget .count,
.dark-mode .sidebar span[class*="count"],
.dark-mode aside span[class*="count"] {
	background: #64b5f6;
	color: #ffffff;
	border-radius: 50%;
	padding: 2px 6px;
	font-size: 11px;
	font-weight: 600;
	display: inline-block;
	min-width: 20px;
	text-align: center;
}

/* Generic number styling for any widget links */
.dark-mode .widget a,
.dark-mode .sidebar .widget a,
.dark-mode aside .widget a {
	color: #e0e0e0;
	transition: color 0.3s ease;
}

.dark-mode .widget a:hover,
.dark-mode .sidebar .widget a:hover,
.dark-mode aside .widget a:hover {
	color: #64b5f6;
}

/* Hide Dark Mode Toggle temporarily - AMP Compatible */
.dark-mode-container,
.dark-mode-toggle,
.dark-mode-label,
#dark-mode-toggle,
.dark-mode-checkbox,
input[type="checkbox"]#dark-mode-toggle,
label[for="dark-mode-toggle"],
button.dark-mode-toggle,
.amp-dark-mode-toggle,
button#dark-mode-toggle {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

/* Additional specific hiding for dark mode toggle */
body .dark-mode-toggle,
body button.dark-mode-toggle,
body #dark-mode-toggle {
	display: none !important;
}

/* EMERGENCY AMP WHITE SCREEN FIX - Critical Override */
body.amp-mode-mouse,
body.amp-mode-touch,
body.amp-mode-standard,
body.amp-mode-transitional,
body.amp-mode-reader {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #1a1a1a !important;
	opacity: 1 !important;
	visibility: visible !important;
	display: block !important;
}

/* AMP content visibility fix - removed disallowed selectors */

/* Force all content to be visible immediately in AMP */
body.amp-mode-mouse *,
body.amp-mode-touch *,
body.amp-mode-standard *,
body.amp-mode-transitional *,
body.amp-mode-reader * {
	opacity: 1 !important;
	visibility: visible !important;
}

/* AMP Search Form Fix - Make it compact and properly sized */
body.amp-mode-mouse .search-form-container,
body.amp-mode-touch .search-form-container,
body.amp-mode-standard .search-form-container,
body.amp-mode-transitional .search-form-container,
body.amp-mode-reader .search-form-container {
	max-width: 300px !important;
	margin: 1rem auto !important;
	padding: 0 !important;
}

body.amp-mode-mouse .search-form,
body.amp-mode-touch .search-form,
body.amp-mode-standard .search-form,
body.amp-mode-transitional .search-form,
body.amp-mode-reader .search-form {
	display: flex !important;
	align-items: center !important;
	background: #f5f5f5 !important;
	border: 1px solid #ddd !important;
	border-radius: 4px !important;
	padding: 0 !important;
	margin: 0 !important;
	height: 40px !important;
}

body.amp-mode-mouse .search-form label,
body.amp-mode-touch .search-form label,
body.amp-mode-standard .search-form label,
body.amp-mode-transitional .search-form label,
body.amp-mode-reader .search-form label {
	flex: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.amp-mode-mouse .search-field,
body.amp-mode-touch .search-field,
body.amp-mode-standard .search-field,
body.amp-mode-transitional .search-field,
body.amp-mode-reader .search-field {
	width: 100% !important;
	border: none !important;
	background: transparent !important;
	padding: 8px 12px !important;
	font-size: 14px !important;
	height: 38px !important;
	box-shadow: none !important;
	outline: none !important;
}

body.amp-mode-mouse .search-submit,
body.amp-mode-touch .search-submit,
body.amp-mode-standard .search-submit,
body.amp-mode-transitional .search-submit,
body.amp-mode-reader .search-submit {
	background: #007acc !important;
	border: none !important;
	color: #fff !important;
	padding: 8px 16px !important;
	font-size: 14px !important;
	height: 38px !important;
	border-radius: 0 3px 3px 0 !important;
	cursor: pointer !important;
	min-width: auto !important;
	width: auto !important;
}

body.amp-mode-mouse .search-submit:hover,
body.amp-mode-touch .search-submit:hover,
body.amp-mode-standard .search-submit:hover,
body.amp-mode-transitional .search-submit:hover,
body.amp-mode-reader .search-submit:hover {
	background: #005a99 !important;
}

/* Hide search form in header for AMP */
body.amp-mode-mouse header .search-form-container,
body.amp-mode-touch header .search-form-container,
body.amp-mode-standard header .search-form-container,
body.amp-mode-transitional header .search-form-container,
body.amp-mode-reader header .search-form-container {
	display: none !important;
}

/* AMP compatibility fixes - removed disallowed selectors */

/* AMP Fix: Ensure body and html are visible */
html[amp] body {
	visibility: visible !important;
	opacity: 1 !important;
	background: #ffffff !important;
	color: #1a1a1a !important;
}

/* AMP compatibility - removed all disallowed selectors */
/* Content visibility is now handled by standard CSS and AMP runtime */

/* Hide on all screen sizes including mobile */
@media screen and (max-width: 768px) {
	.dark-mode-container,
	.dark-mode-toggle,
	.dark-mode-label,
	#dark-mode-toggle,
	.dark-mode-checkbox,
	input[type="checkbox"]#dark-mode-toggle,
	label[for="dark-mode-toggle"],
	button.dark-mode-toggle {
		display: none;
	}
}

/* Hide specifically for AMP - removed disallowed selector .i-amphtml-dark-mode-toggle */
amp-selector[data-toggle-class="dark-mode"],
.amp-dark-mode,
[data-amp-dark-mode] {
	display: none;
}

/* Responsive Design for Homepage Layout */
@media (max-width: 1024px) {
	.homepage-wrapper {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	.homepage-sidebar {
		position: static;
		max-height: none;
		overflow-y: visible;
	}
	
	.sidebar-categories-list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.homepage-wrapper {
		padding: 0 15px;
		gap: 20px;
	}
	
	.sidebar-widget {
		padding: 16px;
	}
	
	.newsletter-input-group {
		flex-direction: column;
	}
	
	.newsletter-input-group button {
		width: 100%;
	}
}

/**
 * Enhanced Footer Styles
 */

.enhanced-footer {
	background: #1a1a1a;
	color: #e0e0e0;
	margin-top: 60px;
	padding: 0;
}

.footer-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.footer-main {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 40px;
	padding: 50px 0 30px 0;
	border-bottom: 1px solid #333;
}

.footer-section {
	color: #e0e0e0;
}

.footer-title {
	font-size: 1.2rem;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 20px 0;
	position: relative;
}

.footer-title::after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 30px;
	height: 3px;
	background: #007acc;
	border-radius: 2px;
}

.footer-description {
	line-height: 1.6;
	margin-bottom: 25px;
	color: #b0b0b0;
}

/* Newsletter Signup */
.newsletter-signup {
	margin-top: 25px;
}

.newsletter-signup h4 {
	font-size: 1rem;
	font-weight: 600;
	color: #ffffff;
	margin: 0 0 15px 0;
}

.newsletter-form {
	display: flex;
	gap: 0;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.newsletter-form input[type="email"] {
	flex: 1;
	padding: 12px 15px;
	border: none;
	background: #2a2a2a;
	color: #ffffff;
	font-size: 0.9rem;
	outline: none;
}

.newsletter-form input[type="email"]::placeholder {
	color: #888;
}

.newsletter-form button {
	background: #007acc;
	color: #ffffff;
	border: none;
	padding: 12px 20px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s ease;
}

.newsletter-form button:hover {
	background: #005a8b;
}

/* Footer Links */
.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links li {
	margin-bottom: 12px;
}

.footer-links a {
	color: #b0b0b0;
	text-decoration: none;
	transition: color 0.3s ease;
	font-size: 0.9rem;
	line-height: 1.4;
}

.footer-links a:hover {
	color: #64b5f6;
}

/* Social Links */
.social-icons-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 15px;
}

.social-icons-list li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #2a2a2a;
	color: #b0b0b0;
	border-radius: 50%;
	transition: all 0.3s ease;
}

.social-icons-list li a:hover {
	background: #007acc;
	color: #ffffff;
	transform: translateY(-2px);
}

/* Affiliate Disclaimer */
.affiliate-disclaimer {
	background: #242424;
	padding: 30px 0;
	border-bottom: 1px solid #333;
}

.disclaimer-content h4 {
	font-size: 1rem;
	font-weight: 600;
	color: #ffffff;
	margin: 0 0 15px 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.disclaimer-content h4::before {
	content: '⚠️';
	font-size: 1.1rem;
}

.disclaimer-content p {
	font-size: 0.85rem;
	line-height: 1.6;
	color: #b0b0b0;
	margin: 0;
	max-width: 900px;
}

/* Footer Bottom */
.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 0;
	font-size: 0.85rem;
	color: #888;
}

.copyright p {
	margin: 0;
}

.copyright a,
.powered-by a {
	color: #b0b0b0;
	text-decoration: none;
	transition: color 0.3s ease;
}

.copyright a:hover,
.powered-by a:hover {
	color: #64b5f6;
}

/* Dark Mode Footer Adjustments */
.dark-mode .enhanced-footer {
	background: #111111;
}

.dark-mode .footer-main {
	border-bottom-color: #2a2a2a;
}

.dark-mode .affiliate-disclaimer {
	background: #1a1a1a;
	border-bottom-color: #2a2a2a;
}

.dark-mode .footer-bottom {
	border-top-color: #2a2a2a;
}

.dark-mode .newsletter-form input[type="email"] {
	background: #1a1a1a;
	border: 1px solid #333;
}

.dark-mode .social-icons-list li a {
	background: #1a1a1a;
	border: 1px solid #333;
}

/* AMP Dark Mode Footer Styles */
body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .enhanced-footer {
	background: #111111 !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .footer-main {
	border-bottom-color: #2a2a2a !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .affiliate-disclaimer {
	background: #1a1a1a !important;
	border-bottom-color: #2a2a2a !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .newsletter-form input[type="email"] {
	background: #1a1a1a !important;
	border: 1px solid #333 !important;
}

body:where(.amp-mode-standard, .amp-mode-transitional, .amp-mode-reader).dark-mode .social-icons-list li a {
	background: #1a1a1a !important;
	border: 1px solid #333 !important;
}

/* Responsive Footer Design */
@media screen and (max-width: 768px) {
	.footer-main {
		grid-template-columns: 1fr;
		gap: 30px;
		text-align: center;
	}
	
	.footer-about {
		order: 1;
	}
	
	.footer-categories {
		order: 2;
	}
	
	.footer-quick-links {
		order: 3;
	}
	
	.footer-social {
		order: 4;
	}
	
	.social-icons-list {
		justify-content: center;
	}
	
	.footer-bottom {
		flex-direction: column;
		gap: 15px;
		text-align: center;
	}
	
	.disclaimer-content {
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	.footer-content {
		padding: 0 15px;
	}
	
	.footer-main {
		padding: 30px 0 20px 0;
		gap: 25px;
	}
	
	.affiliate-disclaimer {
		padding: 20px 0;
	}
	
	.footer-bottom {
		padding: 20px 0;
	}
	
	.newsletter-form {
		flex-direction: column;
		border-radius: 8px;
	}
	
	.newsletter-form input[type="email"],
	.newsletter-form button {
		border-radius: 8px;
	}
	
	.newsletter-form button {
		margin-top: 8px;
	}
}

/* =============================================================================
   AMP HEADER STYLES
   ============================================================================= */

/* AMP Header - 56px height with center alignment */
.amp-header {
	background: #ffffff;
	border-bottom: 1px solid #f0f0f0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	height: 56px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.amp-header-container {
	width: 100%;
	margin: 0;
	padding: 0 16px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

/* Hamburger Menu (Left) */
.amp-menu-toggle {
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: background-color 0.2s ease;
	flex-shrink: 0;
	order: 1;
}

.amp-menu-toggle:hover {
	background: rgba(0,0,0,0.05);
}

.amp-hamburger-line {
	display: block;
	width: 18px;
	height: 2px;
	background: #333333;
	margin: 3px 0;
	transition: all 0.3s ease;
	border-radius: 1px;
}

/* Site Title (Center) */
.amp-site-branding {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	order: 2;
}

.amp-site-title {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.5px;
}

.amp-site-title a {
	color: #000000;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.amp-site-title a:hover {
	opacity: 0.7;
}

/* Search (Right) */
.amp-search {
	flex-shrink: 0;
	order: 3;
}

.amp-search-toggle {
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	color: #666666;
	transition: all 0.2s ease;
	border-radius: 4px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.amp-search-toggle:hover {
	color: #000000;
	background: rgba(0,0,0,0.05);
}

.amp-search-toggle svg {
	display: block;
	width: 18px;
	height: 18px;
}

/* Search Form */
.amp-search-form {
	position: fixed;
	top: 56px;
	left: 0;
	right: 0;
	background: #ffffff;
	border-bottom: 1px solid #f0f0f0;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	padding: 16px 20px;
	z-index: 999;
}

.amp-search-form form {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	gap: 12px;
	align-items: center;
}

.amp-search-input {
	flex: 1;
	padding: 12px 16px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	font-size: 16px;
	outline: none;
	transition: border-color 0.2s ease;
}

.amp-search-input:focus {
	border-color: #007acc;
}

.amp-search-submit {
	background: #007acc;
	color: white;
	border: none;
	padding: 12px 16px;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s ease;
}

.amp-search-submit:hover {
	background: #005a99;
}

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

/* AMP Body Padding */
body.amp-mode-mouse,
body.amp-mode-touch,
body.amp-mode-standard,
body.amp-mode-transitional,
body.amp-mode-reader {
	/* padding-top: 56px !important; - Removed excessive padding */
}

/* Dark Mode AMP Header */
.dark-mode .amp-header {
	background: #1a1a1a;
	border-bottom-color: #333333;
}

.dark-mode .amp-site-title a {
	color: #ffffff;
}

.dark-mode .amp-hamburger-line {
	background: #ffffff;
}

.dark-mode .amp-search-toggle {
	color: #cccccc;
}

.dark-mode .amp-search-toggle:hover {
	color: #ffffff;
	background: rgba(255,255,255,0.1);
}

.dark-mode .amp-menu-toggle:hover {
	background: rgba(255,255,255,0.1);
}

.dark-mode .amp-search-form {
	background: #1a1a1a;
	border-bottom-color: #333333;
}

.dark-mode .amp-search-input {
	background: #2a2a2a;
	border-color: #444444;
	color: #ffffff;
}

.dark-mode .amp-search-input:focus {
	border-color: #007acc;
}

/* Remove AAP Box Shadows on Mobile - Fix spacing issues */
@media screen and (max-width: 768px) {
	.amazon-affiliate-pro,
	.aap-card-material,
	.aap-button,
	.amazon-affiliate-pro .aap-button,
	.aap-card-material .aap-button {
		box-shadow: none !important;
	}
	
	.amazon-affiliate-pro:hover,
	.aap-card-material:hover,
	.aap-button:hover,
	.amazon-affiliate-pro .aap-button:hover,
	.aap-card-material .aap-button:hover {
		box-shadow: none !important;
	}
	
	/* Dark mode shadow removal on mobile */
	.dark-mode .amazon-affiliate-pro,
	.dark-mode .aap-card-material {
		box-shadow: none !important;
	}
	
	/* Force white background for Amazon images on mobile - override dark mode */
	.aap-apple-image,
	.aap-apple-image img,
	.aap-image,
	.aap-image img,
	.amazon-affiliate-pro .aap-apple-image,
	.amazon-affiliate-pro .aap-apple-image img,
	.amazon-affiliate-pro .aap-image,
	.amazon-affiliate-pro .aap-image img {
		background: #ffffff !important;
		background-color: #ffffff !important;
		padding: 0 !important;
	}
	
	/* Override dark mode image styling on mobile */
	.dark-mode .aap-apple-image,
	.dark-mode .aap-apple-image img,
	.dark-mode .aap-image,
	.dark-mode .aap-image img,
	body.dark-mode .aap-apple-image,
	body.dark-mode .aap-apple-image img,
	html.dark-mode .aap-apple-image,
	html.dark-mode .aap-apple-image img {
		background: #ffffff !important;
		background-color: #ffffff !important;
		padding: 0 !important;
	}
}


.aap-price-history-btn:hover,
.aap-compact-price-history-btn:hover {
	background: linear-gradient(135deg, #005a87 0%, #004466 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 12px rgba(0, 115, 170, 0.3);
}

.aap-price-history-btn:active,
.aap-compact-price-history-btn:active {
	transform: translateY(0);
	box-shadow: 0 2px 4px rgba(0, 115, 170, 0.2);
}

.aap-price-history-btn .price-history-icon,
.aap-compact-price-history-btn .price-history-icon {
	font-size: 16px;
	line-height: 1;
}

.aap-price-history-btn .price-history-text,
.aap-compact-price-history-btn .price-history-text {
	line-height: 1;
	font-weight: 500;
}

/* Compact template specific styling */
.aap-compact-price-history-btn {
	padding: 8px 12px;
	font-size: 12px;
	margin-top: 8px;
}

.aap-compact-price-history-btn .price-history-icon {
	font-size: 14px;
}

/* Dark mode support */
.dark-mode .aap-price-history-btn,
.dark-mode .aap-compact-price-history-btn {
	background: linear-gradient(135deg, #0084cc 0%, #006699 100%);
	box-shadow: 0 2px 4px rgba(0, 132, 204, 0.2);
}

.dark-mode .aap-price-history-btn:hover,
.dark-mode .aap-compact-price-history-btn:hover {
	background: linear-gradient(135deg, #006699 0%, #004d77 100%);
	box-shadow: 0 6px 12px rgba(0, 132, 204, 0.3);
}

/* Mobile responsive */
@media screen and (max-width: 768px) {
	.aap-price-history-btn,
	.aap-compact-price-history-btn {
		padding: 8px 12px;
		font-size: 12px;
		margin-top: 8px;
		box-shadow: none !important;
	}
	
	.aap-price-history-btn:hover,
	.aap-compact-price-history-btn:hover {
		transform: none;
		box-shadow: none !important;
	}
	
	.aap-price-history-btn .price-history-icon,
	.aap-compact-price-history-btn .price-history-icon {
		font-size: 14px;
	}
	
	.aap-price-history-btn .price-history-text,
	.aap-compact-price-history-btn .price-history-text {
		font-size: 11px;
	}
}

@media screen and (max-width: 480px) {
	.aap-price-history-btn,
	.aap-compact-price-history-btn {
		padding: 6px 10px;
		font-size: 11px;
		margin-top: 6px;
	}
	
	.aap-price-history-btn .price-history-icon,
	.aap-compact-price-history-btn .price-history-icon {
		font-size: 12px;
	}
	
	.aap-price-history-btn .price-history-text,
	.aap-compact-price-history-btn .price-history-text {
		font-size: 10px;
	}
	
	/* Fix Amazon product cards on very small screens */
	.aap-card-material .aap-image {
		max-width: 120px;
		margin: 0 auto 10px;
	}
}

/* Amazon Affiliate Pro - Mobile Image Optimization (All mobile devices) */
@media screen and (max-width: 768px) {
	.aap-image img {
		max-width: 100%;
		height: auto !important;
		object-fit: contain;
	}
	
	.aap-card-material .aap-image img {
		width: 100%;
		height: auto;
		border-radius: 8px;
	}
}

/* Amazon Apple Grid - Fix 480px responsive layout inconsistency */
@media screen and (max-width: 480px) {
	/* Override plugin's vertical layout - maintain horizontal layout for consistency */
	.aap-grid-apple-minimal .aap-apple-grid-item {
		flex-direction: row !important;
		align-items: center !important;
		text-align: left !important;
		padding: 12px 16px !important;
	}
	
	/* REMOVED: Keep image compact but proportional - was forcing tiny 60px images */
	/* Let plugin control image sizes for proper mobile responsive display */
	
	/* Ensure content takes available space */
	.aap-apple-grid-item .aap-apple-content {
		width: auto !important;
		flex: 1 !important;
		min-width: 0 !important;
		min-height: 110px !important;
	}
	
	/* Keep actions aligned to the right */
	.aap-apple-grid-item .aap-apple-actions {
		width: auto !important;
		margin-left: auto !important;
		padding-left: 8px !important;
		margin-top: 0 !important;
		display: flex !important;
		gap: 0 !important;
		flex-wrap: nowrap !important;
		justify-content: flex-end !important;
	}
	
	/* Keep arrow button visible and properly sized */
	.aap-apple-grid-item .aap-apple-arrow-btn {
		display: inline-flex !important;
		width: 28px !important;
		height: 28px !important;
		background-size: 14px 14px !important;
	}
	
	/* Hide mobile buttons to maintain consistency */
	.aap-apple-grid-item .aap-mobile-btn {
		display: none !important;
	}
	
	/* Ensure title is properly sized */
	.aap-apple-grid-item .aap-apple-title {
		font-size: 14px !important;
		line-height: 1.3 !important;
		-webkit-line-clamp: 4 !important;
		margin: 0 0 2px 0 !important;
	}
	
	/* Keep price styling consistent */
	.aap-apple-grid-item .aap-apple-current-price {
		font-size: 15px !important;
		font-weight: 700 !important;
	}
	
	.aap-apple-grid-item .aap-apple-old-price {
		font-size: 13px !important;
	}
}