@use "../../abstracts/__index" as *;

.wp-block-image {
	margin: var(--image-block-margin, 0 0 var(--image-block-margin-bottom, var(--spacing-md)));

	&:last-child {
		--image-block-margin-bottom: 0;
	}

	&:has(.alignleft) {
		margin-right: var(--spacing-md);
	}

	&:has(.alignright) {
		margin-left: var(--spacing-md);
	}
}

// We need default element and to override WP.
figcaption,
.wp-block-image figcaption {

	@extend %caption;
}