// PaperMod inspired post and page styles
.sticky {
	display: block;
	position: relative;
	
	&::before {
		content: '📌';
		position: absolute;
		top: 1rem;
		right: 1rem;
		font-size: 1.2rem;
		z-index: 10;
	}
}

.post,
.page {
	margin: 0 0 2rem;
	background: var(--color-bg-card);
	border-radius: 8px;
	overflow: hidden;
	transition: var(--transition-default);
	
	&:hover {
		box-shadow: var(--shadow-hover);
		transform: translateY(-2px);
	}
	
	// Archive/blog page card layout
	.home &,
	.archive &,
	.search-results & {
		box-shadow: var(--shadow-card);
		
		.entry-header {
			padding: 1.5rem 1.5rem 0;
		}
		
		.entry-content,
		.entry-summary {
			padding: 0 1.5rem;
		}
		
		.entry-footer {
			padding: 0 1.5rem 1.5rem;
		}
	}
	
	// Single post/page layout
	.single &,
	.page & {
		box-shadow: none;
		background: transparent;
		
		&:hover {
			transform: none;
			box-shadow: none;
		}
	}
}

.entry-header {
	margin-bottom: 1rem;
	
	.entry-title {
		margin: 0 0 0.5rem;
		line-height: $font__line-height-heading;
		
		a {
			color: var(--color-text-primary);
			text-decoration: none;
			border: none;
			
			&:hover {
				color: var(--color-link);
				border: none;
			}
		}
		
		// Different sizes for different contexts
		.home &,
		.archive &,
		.search-results & {
			font-size: 1.5rem;
		}
		
		.single &,
		.page & {
			font-size: 2.5rem;
			margin-bottom: 1rem;
		}
	}
	
	.entry-meta {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		font-size: 0.875rem;
		color: var(--color-text-secondary);
		margin-bottom: 1rem;
		
		.posted-on,
		.byline,
		.cat-links,
		.tags-links,
		.comments-link {
			display: flex;
			align-items: center;
			gap: 0.25rem;
			
			a {
				color: var(--color-text-secondary);
				
				&:hover {
					color: var(--color-link);
				}
			}
		}
		
		// Icons before meta items (using pseudo-elements)
		.posted-on::before {
			content: '📅';
		}
		
		.byline::before {
			content: '👤';
		}
		
		.cat-links::before {
			content: '📁';
		}
		
		.tags-links::before {
			content: '🏷️';
		}
		
		.comments-link::before {
			content: '💬';
		}
	}
}

.entry-content,
.entry-summary {
	margin: 1rem 0;
	line-height: $font__line-height-body;
	
	p {
		margin-bottom: 1.5rem;
		
		&:last-child {
			margin-bottom: 0;
		}
	}
	
	// Better spacing for content elements
	> * {
		margin-bottom: 1.5rem;
		
		&:last-child {
			margin-bottom: 0;
		}
	}
	
	// Improved blockquote styling
	blockquote {
		margin: 2rem 0;
		padding: 1rem 1.5rem;
		border-left: 4px solid var(--color-link);
		background: var(--color-bg-secondary);
		border-radius: 0 8px 8px 0;
		
		p {
			margin-bottom: 1rem;
			font-style: italic;
			
			&:last-child {
				margin-bottom: 0;
			}
		}
		
		cite {
			display: block;
			margin-top: 1rem;
			font-size: 0.875rem;
			color: var(--color-text-secondary);
			font-style: normal;
			
			&::before {
				content: '— ';
			}
		}
	}
	
	// Code styling
	code {
		background: var(--color-bg-secondary);
		padding: 0.2rem 0.4rem;
		border-radius: 4px;
		font-family: $font__code;
		font-size: 0.875em;
	}
	
	pre {
		background: var(--color-bg-secondary);
		padding: 1rem;
		border-radius: 8px;
		overflow-x: auto;
		line-height: $font__line-height-pre;
		
		code {
			background: none;
			padding: 0;
		}
	}
}

.entry-footer {
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid var(--color-border-primary);
	
	.cat-links,
	.tags-links {
		margin-bottom: 0.5rem;
		
		a {
			display: inline-block;
			padding: 0.25rem 0.75rem;
			background: var(--color-bg-secondary);
			color: var(--color-text-secondary);
			text-decoration: none;
			border-radius: 20px;
			font-size: 0.875rem;
			margin-right: 0.5rem;
			margin-bottom: 0.5rem;
			transition: var(--transition-fast);
			border: none;
			
			&:hover {
				background: var(--color-link);
				color: var(--color-bg-primary);
				border: none;
			}
		}
	}
}

.page-content {
	margin: 1.5rem 0 0;
}

.page-links {
	clear: both;
	margin: 2rem 0;
	text-align: center;
	
	a,
	span {
		display: inline-block;
		padding: 0.5rem 1rem;
		margin: 0 0.25rem;
		border-radius: 4px;
		text-decoration: none;
		transition: var(--transition-fast);
	}
	
	a {
		background: var(--color-bg-secondary);
		color: var(--color-text-primary);
		border: none;
		
		&:hover {
			background: var(--color-link);
			color: var(--color-bg-primary);
			border: none;
		}
	}
	
	span {
		background: var(--color-link);
		color: var(--color-bg-primary);
	}
}

.updated:not(.published) {
	display: none;
}

// Reading time indicator
.reading-time {
	font-size: 0.875rem;
	color: var(--color-text-secondary);
	
	&::before {
		content: '⏱️ ';
	}
}