/**
 * io4all-single-post - scoped front-end base styles.
 *
 * Class names are a public contract (see specs/001-single-post-elementor-widget/
 * contracts/widget-output.md). Per-element visual settings come from Elementor
 * inline CSS; this file only guarantees neutral, theme-safe defaults.
 */

.io4all-sp {
	margin: 0;
	padding: 0;
}

.io4all-sp *,
.io4all-sp *::before,
.io4all-sp *::after {
	box-sizing: border-box;
}

.io4all-sp__element {
	display: block;
	min-width: 0;
}

.io4all-sp .io4all-sp__title,
.io4all-sp .io4all-sp__excerpt,
.io4all-sp .io4all-sp__content,
.io4all-sp .io4all-sp__image,
.io4all-sp .io4all-sp__date,
.io4all-sp .io4all-sp__author,
.io4all-sp .io4all-sp__meta {
	margin: 0;
}

.io4all-sp .io4all-sp__image img {
	display: block;
	max-width: 100%;
	height: auto;
}

.io4all-sp .io4all-sp__terms {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Editor-only placeholder shown when there is no singular context. */
.io4all-sp-placeholder {
	padding: 24px;
	border: 2px dashed #ccd0d4;
	border-radius: 4px;
	background: #fff;
	color: #757575;
	text-align: center;
}