/**
 * Visual Component additions for the canonical v1.1.0 card.
 *
 * The original Builder grid, card dimensions, inputs, and labels remain the
 * source of truth. These rules only expose metadata introduced after v1.1.0.
 */

.dalu-builder__component.is-dalu-visual-selected {
	border-color: #8c8f94;
	background: #f6f7f7;
}

.dalu-visual-component__description {
	margin: 0.5rem 0 0;
	font-size: 0.9rem;
}

.dalu-builder__component:has(.dalu-visual-component__description) > .dalu-builder__component-description {
	display: none;
}

.dalu-visual-component__media {
	margin-top: 0.75rem;
}

.dalu-visual-component__media--contain img {
	object-fit: contain;
}

.dalu-visual-component__media--cover img {
	object-fit: cover;
}

.dalu-visual-component__badge {
	display: inline-flex;
	width: fit-content;
	margin-top: 0.65rem;
	padding: 0.2rem 0.45rem;
	align-items: center;
	gap: 0.3rem;
	border: 1px solid #dcdcde;
	border-radius: 999px;
	background: #fff;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.2;
}

.dalu-builder__component:focus-within {
	border-color: #8f6f62;
	box-shadow: 0 0 0 2px rgba(143, 111, 98, 0.18);
}

@media (prefers-reduced-motion: reduce) {
	.dalu-builder__component {
		scroll-behavior: auto;
	}
}