/* Agentic WP component styles — markup emitted by the engine's Image
   component (Image::render 'inline' / 'fill'). Ships with the plugin so
   every consuming theme gets correct image behavior. */

.agwp-img-wrap {
	display: block;
}

.agwp-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: var(--cimg-fit, cover);
	object-position: var(--cimg-pos, center);
}

.agwp-img-fill {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.agwp-img-fill .agwp-img-wrap,
.agwp-img-fill .agwp-img {
	height: 100%;
}

@media (max-width: 768px) {
	.agwp-img {
		object-fit: var(--cimg-fit-m, var(--cimg-fit, cover));
		object-position: var(--cimg-pos-m, var(--cimg-pos, center));
	}
}