/**
 * Swiper у чистому Gutenberg: JS часто встигає (клас swiper-initialized),
 * а горизонтальний ряд «ламають» стилі теми/плагінів (flex-direction: column, width з !important).
 */

/* Горизонтальний ряд слайдів (редактор iframe + фронт) */
.editor-styles-wrapper .swiper.swiper-horizontal .swiper-wrapper,
.block-editor-iframe__body .swiper.swiper-horizontal .swiper-wrapper,
.wp-site-blocks .swiper.swiper-horizontal .swiper-wrapper,
.wp-block-post-content .swiper.swiper-horizontal .swiper-wrapper,
.entry-content .swiper.swiper-horizontal .swiper-wrapper,
.swiper.swiper-horizontal .swiper-wrapper {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch;
	box-sizing: border-box;
}

/* Слайд не стискати в нуль; ширину в ідеалі задає Swiper (inline) */
.editor-styles-wrapper .swiper-horizontal.swiper-initialized .swiper-slide,
.block-editor-iframe__body .swiper-horizontal.swiper-initialized .swiper-slide,
.wp-block-post-content .swiper-horizontal.swiper-initialized .swiper-slide,
.swiper-horizontal.swiper-initialized .swiper-slide {
	flex-shrink: 0;
	box-sizing: border-box;
}

/**
 * Якщо в «Додатковий CSS» або плагіні є правило на кшталт
 * .swiper-slide { width: 250px !important; } — воно перебиває Swiper.
 * Тоді тимчасово приберіть width з !important або обмежте селектор (наприклад лише ваш віджет).
 * Нижче — спроба зняти лише фіксовану px-ширину в редакторі (не гарантуємо на фронті з !important).
 */
.editor-styles-wrapper .swiper-horizontal.swiper-initialized .swiper-slide[style] {
	min-width: 0;
}