/* Loaded on the frontend and in the block editor — keep editor-safe */

/*** MODEL CARDS ***/

.model-card {
	position: relative;
	overflow: hidden;
}

/* image sits behind the label, below the :hover scrim (z-index 1) */
.model-card__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 0;
}

.model-card__body {
	position: relative;
	z-index: 2;
}

.model-card:empty {
	min-height: 200px;
}

/*** MODEL CARDS — editor parity ***/

/* editor forces position:relative on every block, so re-assert it higher */
.editor-styles-wrapper .model-card .model-card__img {
	position: absolute;
	inset: 0;
}

/* editor's "add block" target is a real flex child and shifts the label */
.editor-styles-wrapper .model-card > .block-list-appender {
	display: none;
}
