/**
 * Post Format Specific Styling for Block Theme
 * Preserves unique styling for each post format
 *
 * @package Berghain
 * @since 2.0.0
 */

/*--------------------------------------------------------------
# Quote Format
--------------------------------------------------------------*/
.format-quote,
.is-style-quote {
	background-color: var(--wp--preset--color--secondary) !important;
}

.format-quote .entry-content,
.is-style-quote .wp-block-post-content {
	position: relative;
	padding: 0;
	background-color: transparent;
	border-left: none;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	font-style: italic;
}

.format-quote .entry-content::before,
.is-style-quote .wp-block-post-content::before {
	content: none;
}

/* Remove blockquote styling within quote format posts */
.format-quote blockquote,
.format-quote .wp-block-quote,
.is-style-quote blockquote,
.is-style-quote .wp-block-quote {
	position: static;
	margin: var(--wp--preset--spacing--md) 0;
	padding: 0;
	background-color: transparent;
	border: none;
	border-left: none;
	border-radius: 0;
	box-shadow: none;
	font-size: inherit;
	font-weight: 400;
	font-style: italic;
}

.format-quote blockquote::before,
.format-quote .wp-block-quote::before,
.is-style-quote blockquote::before,
.is-style-quote .wp-block-quote::before {
	content: none;
}

.format-quote blockquote cite,
.format-quote .wp-block-quote cite,
.is-style-quote blockquote cite,
.is-style-quote .wp-block-quote cite {
	display: block;
	margin-top: var(--wp--preset--spacing--sm);
	font-size: var(--wp--preset--font-size--base);
	font-weight: 700;
	font-style: normal;
	color: var(--wp--preset--color--main);
}

.format-quote blockquote cite::before,
.format-quote .wp-block-quote cite::before,
.is-style-quote blockquote cite::before,
.is-style-quote .wp-block-quote cite::before {
	content: '\2014\00A0';
}

/*--------------------------------------------------------------
# Link Format
--------------------------------------------------------------*/
.format-link .entry-title,
.format-link .wp-block-post-title,
.is-style-link .wp-block-post-title {
	background-color: var(--wp--preset--color--accent);
	padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--md);
	display: inline-block;
	border-radius: 4px;
	transform: rotate(-1deg);
}

.format-link .entry-title a,
.format-link .wp-block-post-title a,
.is-style-link .wp-block-post-title a {
	color: var(--wp--preset--color--main-foreground);
	text-decoration: none;
	font-weight: 900;
}

.format-link .entry-title a::after,
.format-link .wp-block-post-title a::after,
.is-style-link .wp-block-post-title a::after {
	content: ' \2192';
	font-weight: 900;
}

/*--------------------------------------------------------------
# Aside Format
--------------------------------------------------------------*/
.format-aside,
.is-style-aside {
	background-color: var(--wp--preset--color--secondary) !important;
	border-left: calc(var(--wp--custom--border-width--thick) * 2) solid var(--wp--preset--color--main) !important;
}

.format-aside .entry-content,
.format-aside .wp-block-post-content,
.is-style-aside .wp-block-post-content {
	font-size: var(--wp--preset--font-size--small);
	font-style: italic;
}

/*--------------------------------------------------------------
# Gallery Format
--------------------------------------------------------------*/
.format-gallery .entry-title::before,
.format-gallery .wp-block-post-title::before,
.is-style-gallery .wp-block-post-title::before {
	content: '\1F5BC\FE0F ';
	margin-right: var(--wp--preset--spacing--xs);
}

.format-gallery,
.is-style-gallery {
	border: calc(var(--wp--custom--border-width--thick) * 2) dashed var(--wp--preset--color--foreground) !important;
}

/*--------------------------------------------------------------
# Video Format
--------------------------------------------------------------*/
.format-video .entry-title::before,
.format-video .wp-block-post-title::before,
.is-style-video .wp-block-post-title::before {
	content: '\25B6\FE0F ';
	margin-right: var(--wp--preset--spacing--xs);
	color: var(--wp--preset--color--accent);
}

.format-video,
.is-style-video {
	border-top: calc(var(--wp--custom--border-width--thick) * 3) solid var(--wp--preset--color--accent) !important;
}

/*--------------------------------------------------------------
# Audio Format
--------------------------------------------------------------*/
.format-audio .entry-title::before,
.format-audio .wp-block-post-title::before,
.is-style-audio .wp-block-post-title::before {
	content: '\1F3B5 ';
	margin-right: var(--wp--preset--spacing--xs);
	color: var(--wp--preset--color--secondary);
}

.format-audio,
.is-style-audio {
	border-top: calc(var(--wp--custom--border-width--thick) * 3) solid var(--wp--preset--color--secondary) !important;
}

/*--------------------------------------------------------------
# Status Format
--------------------------------------------------------------*/
.format-status,
.is-style-status {
	background-color: rgba(255, 255, 0, 0.1) !important;
	border: var(--wp--custom--border-width--thin) solid var(--wp--preset--color--secondary) !important;
	padding: var(--wp--preset--spacing--sm);
}

.format-status .entry-content,
.format-status .wp-block-post-content,
.is-style-status .wp-block-post-content {
	font-weight: 700;
}

/*--------------------------------------------------------------
# Chat Format
--------------------------------------------------------------*/
.format-chat .entry-content,
.format-chat .wp-block-post-content,
.is-style-chat .wp-block-post-content {
	font-family: var(--wp--preset--font-family--monospace);
	background-color: var(--wp--preset--color--main);
	color: var(--wp--preset--color--main-foreground);
	padding: var(--wp--preset--spacing--md);
	border-radius: 4px;
}

/*--------------------------------------------------------------
# Image Format
--------------------------------------------------------------*/
.format-image .entry-content,
.format-image .wp-block-post-content,
.is-style-image .wp-block-post-content {
	text-align: center;
}

.format-image .post-thumbnail,
.format-image .wp-block-post-featured-image,
.is-style-image .wp-block-post-featured-image {
	transform: rotate(1deg);
	box-shadow: calc(var(--wp--custom--shadow--offsetX) * 2) calc(var(--wp--custom--shadow--offsetY) * 2) 0 var(--wp--custom--shadow--color);
}