/**
 * Opcje bloku Obrazek: pełna szerokość, maks. wysokość, kadrowanie.
 */

.wp-block-image.sanus-image-full-width {
	width: 100% !important;
	max-width: 100% !important;
}

.wp-block-image.sanus-image-full-width img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.wp-block-image.sanus-image-has-max-height {
	overflow: hidden;
}

.wp-block-image.sanus-image-has-max-height img {
	width: 100%;
	height: var(--sanus-image-max-h);
	max-height: var(--sanus-image-max-h);
	object-fit: cover;
	object-position: center center;
}

.wp-block-image.sanus-image-crop-top img {
	object-position: center top;
}

.wp-block-image.sanus-image-crop-center img {
	object-position: center center;
}

.wp-block-image.sanus-image-crop-bottom img {
	object-position: center bottom;
}

/* Edytor: klasa bywa na wrapperze bloku */
.editor-styles-wrapper .block-editor-block-list__block.sanus-image-full-width .wp-block-image,
.editor-styles-wrapper .block-editor-block-list__block.sanus-image-full-width > figure {
	width: 100% !important;
	max-width: 100% !important;
}

.editor-styles-wrapper .block-editor-block-list__block.sanus-image-full-width img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.editor-styles-wrapper .block-editor-block-list__block.sanus-image-has-max-height .wp-block-image,
.editor-styles-wrapper .block-editor-block-list__block.sanus-image-has-max-height > figure {
	overflow: hidden;
}

.editor-styles-wrapper .block-editor-block-list__block.sanus-image-has-max-height img {
	width: 100%;
	height: var(--sanus-image-max-h);
	max-height: var(--sanus-image-max-h);
	object-fit: cover;
	object-position: center center;
}

.editor-styles-wrapper .block-editor-block-list__block.sanus-image-crop-top img {
	object-position: center top;
}

.editor-styles-wrapper .block-editor-block-list__block.sanus-image-crop-center img {
	object-position: center center;
}

.editor-styles-wrapper .block-editor-block-list__block.sanus-image-crop-bottom img {
	object-position: center bottom;
}