/**
 * Template Enhancements for Volt Core
 * Modern design improvements and SEO optimizations
 */

/* Post Cards - Enhanced Design */
.post-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.post-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.post-card .post-featured-image {
	overflow: hidden;
	border-radius: 8px;
}

.post-card .post-featured-image img {
	transition: transform 0.3s ease;
}

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

/* Hero Section */
.hero-section {
	position: relative;
	overflow: hidden;
}

.hero-title {
	animation: fadeInUp 0.6s ease-out;
}

.hero-subtitle {
	animation: fadeInUp 0.6s ease-out 0.2s both;
}

.hero-cta {
	animation: fadeInUp 0.6s ease-out 0.4s both;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Navigation Enhancements */
.main-navigation a {
	transition: color 0.2s ease;
}

.main-navigation a:hover {
	color: var(--wp--preset--color--accent);
}

/* Post Navigation */
.post-navigation a {
	display: block;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.post-navigation a:hover {
	transform: translateX(4px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.post-navigation .wp-block-post-navigation-link:first-child a:hover {
	transform: translateX(-4px);
}

/* Search Form */
.search-form,
.error-search {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

/* Pagination */
.pagination-wrapper {
	padding-top: var(--wp--preset--spacing--xl);
	border-top: 1px solid var(--wp--preset--color--gray-100);
}

.pagination-wrapper a {
	transition: background-color 0.2s ease, color 0.2s ease;
}

.pagination-wrapper a:hover {
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--background);
}

/* Footer Enhancements */
.site-footer {
	margin-top: var(--wp--preset--spacing--2xl);
}

.footer-column {
	margin-bottom: var(--wp--preset--spacing|lg);
}

.footer-heading {
	margin-bottom: var(--wp--preset--spacing--sm);
}

.footer-navigation a {
	transition: color 0.2s ease, padding-left 0.2s ease;
	display: inline-block;
}

.footer-navigation a:hover {
	color: var(--wp--preset--color--accent);
	padding-left: 4px;
}

/* Entry Meta Styling */
.entry-meta,
.post-meta {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--gray-500);
}

.entry-meta a,
.post-meta a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.entry-meta a:hover,
.post-meta a:hover {
	color: var(--wp--preset--color--accent);
}

/* Responsive Enhancements */
@media (max-width: 767px) {
	.hero-title {
		font-size: var(--wp--preset--font-size--3xl) !important;
	}
	
	.hero-subtitle {
		font-size: var(--wp--preset--font-size--lg) !important;
	}
	
	.post-card {
		margin-bottom: var(--wp--preset--spacing--lg);
	}
	
	.site-header {
		flex-direction: column;
		align-items: center;
		gap: var(--wp--preset--spacing--md);
	}
	
	.main-navigation {
		width: 100%;
		justify-content: center;
	}
}

/* Print Styles */
@media print {
	.site-header,
	.site-footer,
	.post-navigation,
	.hero-cta {
		display: none;
	}
	
	.post-card {
		page-break-inside: avoid;
		border: 1px solid #ddd;
	}
}

/* Focus States for Accessibility */
.post-card:focus-within,
.post-navigation a:focus,
.pagination-wrapper a:focus {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* Loading States */
.post-card img {
	background: var(--wp--preset--color--gray-100);
}

/* Smooth Scrolling */
html {
	scroll-behavior: smooth;
}

/* Content Width Optimization */
.post-content {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}

/* Section Spacing */
.posts-section,
.hero-section {
	position: relative;
}