/*
 * media-placeholder.css
 * Independent clean-room implementation from a written spec (no source
 * file was read to produce this). Covers the dashed-border placeholder
 * box used wherever a photo/icon slot has nothing to show yet.
 *
 * Two class families are targeted together throughout, since both
 * name the same visual treatment: the generic media placeholder and
 * the service-card variant.
 */

.ocf-media-placeholder,
.ocf-svc-card-placeholder {
	color: var(--ocf-label);
	background: var(--ocf-bg-alt);
	border-radius: var(--image-radius);
	border: var(--card-border-width) dashed var(--ocf-border);
	min-height: 12rem;
	overflow: hidden;
	place-items: center;
	display: grid;
}

.ocf-media-placeholder svg,
.ocf-svc-card-placeholder svg {
	height: clamp(2rem, 8vw, 4rem);
	width: clamp(2rem, 8vw, 4rem);
}

.ocf-media-placeholder img,
.ocf-svc-card-placeholder img {
	object-fit: cover;
	max-height: 28rem;
	height: 100%;
	width: 100%;
}