/* Feedivo — plugin-specific chrome only.
   Feed + card + list + load-more layout AND the lightbox come from the shared
   feed-layouts.css (copied verbatim from Feedivo at build time) so embeds look
   identical; the lightbox behaviour ships in the shared feed-frontend.js (also
   a build copy). What stays here has no Feedivo counterpart: the single-post
   view and the admin "unknown feed" notice. Everything is scoped so nothing
   leaks. */

/* ---- Singular post / misc -------------------------------------- */

/* Extra carousel images injected into the content (the featured image
   itself is rendered by the theme / page builder template). */
.feedivo-single-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 8px;
	margin-bottom: 1em;
}

.feedivo-single-gallery img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	display: block;
}

/* Embedded external player (YouTube) on the singular view: the click-to-load
   facade (poster + play button) is swapped for the 16:9 iframe by
   feed-frontend.js — no Google request before the click. */
.feedivo-single-embed {
	position: relative;
	aspect-ratio: 16 / 9;
	margin: 0 0 1em;
}

.feedivo-single-embed iframe {
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 10px;
	display: block;
}

.feedivo-embed-facade {
	position: relative;
	display: block;
	margin: 0 0 1em;
	line-height: 0;
}

.feedivo-embed-facade img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	display: block;
}

.feedivo-embed-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	font-size: 34px;
	line-height: 1;
	transition: background-color 0.15s ease;
}

.feedivo-embed-facade:hover .feedivo-embed-play {
	background: rgba(0, 0, 0, 0.78);
}

.feedivo-single-footer {
	margin-top: 1em;
	padding-top: 0.75em;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	font-size: 0.9em;
}

.feedivo-feed-missing {
	padding: 0.75em 1em;
	border: 1px dashed #d63638;
	border-radius: 8px;
	color: #d63638;
	font-size: 0.9em;
}