/**
 * Post Format Styles
 *
 * @package Palomino
 * @since 1.0.0
 */

/* Quote Format */
/* Note: Border and shadow applied to wrapper div in template, not post-content */

.format-quote .wp-block-post-content::before {
	content: '';
	display: none;
}

.format-quote .wp-block-post-title {
	display: none;
}

.format-quote .entry-content p:last-child {
	font-weight: 600;
	margin-bottom: 0;
}

/* Image Format */
/* Note: Border and shadow applied to wrapper div in template, not post-content */

.format-image .wp-block-post-title {
	display: none;
}

.format-image img {
	border: none;
	border-radius: 0;
	box-shadow: none;
	display: block;
	width: 100%;
	height: auto;
}

.format-image .entry-content {
	padding: 1.5rem;
	background-color: #ffffff;
	color: #000000;
}

/* Video Format */
/* Note: Border and shadow applied to wrapper div in template, not post-content */

.format-video .wp-block-post-title {
	display: none;
}

.format-video iframe,
.format-video video,
.format-video .wp-block-embed {
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.format-video .entry-content {
	padding: 1.5rem;
	background-color: #ffffff;
}

/* Gallery Format */
/* Note: Border and shadow applied to wrapper div in template, not post-content */

.format-gallery .wp-block-post-title {
	display: none;
}

.format-gallery .wp-block-gallery {
	gap: 1rem;
}

.format-gallery .wp-block-gallery .wp-block-image img {
	border: 3px solid #000000;
	box-shadow: 3px 3px 0 0 #000000;
}

/* Aside Format */
/* Neobrutalist styling - clean border, no shadow */
.format-aside .wp-block-post-title {
	display: none;
}

/* Archive/Feed view - apply to list item */
.palomino-archive-posts > li.format-aside {
	border: 2px solid var(--wp--preset--color--border) !important;
	box-shadow: none !important;
	background-color: var(--wp--preset--color--background) !important;
}

/* Single post view - apply to main content wrapper */
.single.format-aside main > .wp-block-group:first-of-type,
.single.format-aside main .wp-block-column > .wp-block-group:first-of-type {
	border: 2px solid var(--wp--preset--color--border) !important;
	box-shadow: none !important;
	background-color: var(--wp--preset--color--background) !important;
}

.format-aside .entry-content p:first-child {
	margin-top: 0;
}

.format-aside .entry-content p:last-child {
	margin-bottom: 0;
}

/* Chat Format */
/* Note: Border and shadow applied to wrapper div in template, not post-content */
.format-chat .wp-block-post-content {
	font-family: 'Courier New', Courier, monospace;
}

.format-chat .wp-block-post-title {
	display: none;
}

.format-chat .entry-content p {
	line-height: 3rem;
	margin: 0;
	padding: 0.5rem 1rem;
}

.format-chat .entry-content p strong {
	color: var(--wp--preset--color--highlight);
	font-weight: 700;
}

/* Status Format */
/* Neobrutalist styling - highlight border and shadow */
.format-status .wp-block-post-title {
	display: none;
}

/* Archive/Feed view - apply to list item */
.palomino-archive-posts > li.format-status {
	border-color: var(--wp--preset--color--highlight) !important;
	box-shadow: 4px 4px 0 0 var(--wp--preset--color--highlight) !important;
}

/* Single post view - apply to main content wrapper */
.single.format-status main > .wp-block-group:first-of-type,
.single.format-status main .wp-block-column > .wp-block-group:first-of-type {
	border-color: var(--wp--preset--color--highlight) !important;
	box-shadow: 4px 4px 0 0 var(--wp--preset--color--highlight) !important;
}

.format-status .wp-block-post-content,
.format-status .wp-block-post-excerpt {
	position: relative;
	padding-left: 1rem;
}

.format-status .entry-content p:first-child {
	margin-top: 0;
}

.format-status .entry-content p:last-child {
	margin-bottom: 0;
}

/* Audio Format */
/* Note: Border and shadow applied to wrapper div in template, not post-content */

.format-audio audio,
.format-audio .wp-block-audio {
	width: 100%;
	margin-bottom: 1rem;
}

/* Link Format */
/* Note: Border and shadow applied to wrapper div in template, not post-content */
.format-link .wp-block-post-content {
	position: relative;
}

.format-link .entry-content a {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--wp--preset--color--highlight);
	text-decoration: none;
	border-bottom: 3px solid var(--wp--preset--color--highlight);
	transition: all 0.2s ease;
}

.format-link .entry-content a:hover {
	color: #000000;
	border-bottom-color: #000000;
}

.format-link .wp-block-post-content::after {
	content: '\2192';
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 2rem;
	color: var(--wp--preset--color--highlight);
}

/* Archive View Specific Styles - Hide titles for specific post formats */
/* Format classes are now applied to individual list items, not body */
.palomino-archive-posts > li.format-quote .wp-block-post-title,
.palomino-archive-posts > li.format-image .wp-block-post-title,
.palomino-archive-posts > li.format-video .wp-block-post-title,
.palomino-archive-posts > li.format-gallery .wp-block-post-title,
.palomino-archive-posts > li.format-aside .wp-block-post-title,
.palomino-archive-posts > li.format-chat .wp-block-post-title,
.palomino-archive-posts > li.format-status .wp-block-post-title {
	display: none !important;
}

/* Archive/Feed Border Management */
/* Add borders to list items (the post containers) */
.palomino-archive-posts > li {
	border: 2px solid #000000 !important;
	border-radius: 10px;
	box-shadow: 4px 4px 0 0 #000000;
	padding: var(--wp--preset--spacing--50);
	background-color: #ffffff;
	list-style: none;
}

/* Remove default post-template spacing (already handled by blockGap) */
.palomino-archive-posts {
	padding-left: 0;
	margin: 0;
}

/* Quote Format Background Color - Apply to archive list items and single post wrapper */
.palomino-archive-posts > li.format-quote {
	background-color: var(--wp--preset--color--highlight);
}

/* Single post view - apply to the main post content wrapper */
.single.format-quote main > .wp-block-group:first-of-type,
.single.format-quote main .wp-block-column > .wp-block-group:first-of-type {
	background-color: var(--wp--preset--color--highlight) !important;
}

/* Hover Effects - Removed for cleaner archive experience */

/* Responsive Adjustments */
@media (max-width: 768px) {

	.format-chat .wp-block-post-content {
		font-size: 0.875rem;
	}

	/* Note: Padding applied to wrapper div in template, not post-content */
}