/**
 * Obramowanie, zaokrąglenie, padding i własna szerokość mediów — core/media-text.
 */

.wp-block-media-text.has-media-text-border {
	border: 1px solid var(--media-text-border-color, #FDFEFF2E);
	box-sizing: border-box;
}

.wp-block-media-text.has-media-text-radius {
	border-radius: 22px;
}

.wp-block-media-text.has-media-text-inner-padding {
	padding: var(--media-text-inner-padding, 0);
	box-sizing: border-box;
}

.wp-block-media-text.has-media-text-gap {
	gap: var(--media-text-gap, 0);
}

.wp-block-media-text.has-media-text-gap > .wp-block-media-text__content {
	padding: 0 !important;
}

/* Własna szerokość mediów (px / %) — nadpisuje inline style z core */
.wp-block-media-text.has-custom-media-width {
	grid-template-columns: var(--fb-media-width) minmax(0, 1fr) !important;
}

.wp-block-media-text.has-custom-media-width.has-media-on-the-right {
	grid-template-columns: minmax(0, 1fr) var(--fb-media-width) !important;
}

/*
 * Core ustawia img { max-width: unset }, przez co kolumna gridu
 * nie kurczy się poniżej naturalnej szerokości obrazka.
 */
.wp-block-media-text.has-custom-media-width > .wp-block-media-text__media {
	min-width: 0;
	max-width: var(--fb-media-width);
	width: 100%;
	box-sizing: border-box;
}

.wp-block-media-text.has-custom-media-width > .wp-block-media-text__media img,
.wp-block-media-text.has-custom-media-width > .wp-block-media-text__media video {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: auto;
}

.wp-block-media-text.has-custom-media-width > .wp-block-media-text__content {
	min-width: 0;
}

@media (max-width: 600px) {
	.wp-block-media-text.has-custom-media-width.is-stacked-on-mobile {
		grid-template-columns: 100% !important;
	}

	.wp-block-media-text.has-custom-media-width.is-stacked-on-mobile > .wp-block-media-text__media {
		max-width: 100%;
	}
}

/* Ukryj natywny RangeControl „Media width” (min 15 / max 85) */
.block-editor-block-inspector .components-tools-panel-item:has(input[type="range"][min="15"][max="85"]) {
	display: none !important;
}