/*
 * Editor-only styles. style.css is also loaded in the editor, so anything that
 * applies to both the front end and the editor belongs there.
 */

/* Form fields, using the class names the editor gives form and Jetpack fields. */
.wp-block-form-input__input,
.comment-form textarea,
.jetpack-field .jetpack-field__input,
.jetpack-field .jetpack-field__textarea {
	background-color: var(--wp--preset--color--theme-2);
	border-color: var(--wp--preset--color--theme-3);
	border-radius: 0.25rem;
	color: currentColor;
	font-family: inherit;
	min-height: auto;
	padding: 0.75rem;
}

/* Normalise the size of the byline */
.wp-block-post-author__byline {
	font-size: inherit;
}

/* Fix for embedded content iframes (e.g. podcast embeds) showing white background in dark mode */
.components-sandbox {
	color-scheme: normal;
}

/* The editor gives the featured image placeholder a 200px min-height, even when the block has a set height. Let the set height win. */
.wp-block-post-featured-image .components-placeholder[style*="height"]:not([style*="height: auto"]) {
	min-height: 0;
}

/* In a vertical stack, the editor sizes the featured image placeholder before its width is known, so the block stays 200px tall and the placeholder spills over the next block. A set width fixes the height. */
.is-layout-flex.is-vertical > .wp-block-post-featured-image:has(.components-placeholder) {
	width: 100%;
}