/*
 * Ishokki Embedded Posts – styles.
 * Only loaded on pages where the shortcode is used. Change the variables or rewrite completely.
 */

.ishokki-embed {
	--ie-bg: #fff;
	--ie-border: #e3e6ea;
	--ie-radius: 8px;
	--ie-gap: 1.25rem;
	--ie-text: inherit;
	--ie-muted: #6b7280;
	--ie-accent: #0b5cad;

	margin: 2rem 0;
	background: var(--ie-bg);
	border: 1px solid var(--ie-border);
	border-radius: var(--ie-radius);
	overflow: hidden;
	color: var(--ie-text);
}

/* ---- Default (card) template ---- */

.ishokki-embed .ishokki-embed__link {
	display: flex;
	flex-wrap: wrap;
	color: inherit;
	text-decoration: none;
}

.ishokki-embed--default .ishokki-embed__media {
	flex: 1 1 220px;
	max-width: 100%;
}

.ishokki-embed .ishokki-embed__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ishokki-embed .ishokki-embed__body {
	flex: 2 1 300px;
	padding: var(--ie-gap);
}

.ishokki-embed .ishokki-embed__date {
	display: block;
	font-size: 0.85em;
	color: var(--ie-muted);
}

.ishokki-embed .ishokki-embed__title {
	margin: 0.25em 0 0.5em;
}

.ishokki-embed .ishokki-embed__excerpt {
	margin: 0 0 0.75em;
}

.ishokki-embed .ishokki-embed__more {
	font-weight: 600;
	color: var(--ie-accent);
}

.ishokki-embed .ishokki-embed__link:hover .ishokki-embed__title,
.ishokki-embed .ishokki-embed__link:focus-visible .ishokki-embed__title {
	text-decoration: underline;
}

/* ---- Full template ---- */

.ishokki-embed--full .ishokki-embed__header,
.ishokki-embed--full .ishokki-embed__content {
	padding: var(--ie-gap);
}

.ishokki-embed--full .ishokki-embed__title a {
	color: inherit;
}