/* Theme-specific tweaks that aren't part of the raw Next.js export */

/* Prevent Chrome autofill from forcing a white background on dark inputs */
.stellar-article-body input:-webkit-autofill,
input:-webkit-autofill {
	-webkit-text-fill-color: inherit;
	transition: background-color 5000s ease-in-out 0s;
}
section.bg-stellar-black input:-webkit-autofill {
	-webkit-text-fill-color: #fff;
	box-shadow: 0 0 0px 1000px rgba(255,255,255,0.05) inset;
}

/* WP core alignment / gallery classes so post content behaves inside .prose-like article body */
.wp-block-image img,
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }

/* Article body typography (matches the site's paragraph styling used inside single posts) */
.stellar-article-body h2 { scroll-margin-top: 7rem; }
.stellar-article-body p { color: #52525b; line-height: 1.7; font-size: 15px; margin-bottom: 1rem; }
.stellar-article-body ul, .stellar-article-body ol { color: #52525b; line-height: 1.7; font-size: 15px; margin: 0 0 1rem 1.25rem; }
.stellar-article-body ul { list-style: disc; }
.stellar-article-body ol { list-style: decimal; }
.stellar-article-body a { color: #5e50d5; text-decoration: underline; }
.stellar-article-body img { border-radius: 1rem; margin: 1.5rem 0; }
.stellar-article-body strong { color: #0a0a0a; }

/* WP pagination on the blog listing */
.stellar-pagination { display: flex; justify-content: center; gap: .5rem; margin-top: 3rem; }
.stellar-pagination a, .stellar-pagination span {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 2.5rem; height: 2.5rem; padding: 0 .75rem;
	border-radius: 9999px; font-size: .8rem; font-weight: 600;
	border: 1px solid rgba(0,0,0,.08); color: #52525b;
}
.stellar-pagination a:hover { border-color: #D4F120; color: #0a0a0a; }
.stellar-pagination .current { background: #D4F120; color: #0a0a0a; border-color: #D4F120; }

/* Mobile nav drawer */
.stellar-mobile-menu { transform: translateX(100%); transition: transform .3s ease; }
.stellar-mobile-menu.is-open { transform: translateX(0); }