/**
 * Noma Elementor Slides – extended styles
 */

/* Title & Description – в одну строку, описание прижато к верху */
.noma-slide-layout-inline .elementor-slide-title-description-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start; /* описание к верхней части блока */
	gap: 0 0.35em;
}

.noma-slide-layout-inline .elementor-slide-title-description-wrap .elementor-slide-heading,
.noma-slide-layout-inline .elementor-slide-title-description-wrap .elementor-slide-description {
	margin-bottom: 0;
}

/* Description inside title – span стилизуется через секцию Description, vertical-align в настройках */
.noma-slide-layout-inside .elementor-slide-heading .elementor-slide-description {
	display: inline;
	margin-left: 0.2em;
}

/* Pagination position: side (vertical on the right), centered by default */
.elementor-pagination-position-side .elementor-slides-wrapper {
	position: relative;
}

/* Vertical placement (top/transform) is owned by the "Vertical alignment" + "Vertical Offset"
   controls; horizontal (right) by "Side offset". Base keeps only layout + fallbacks. */
.elementor-pagination-position-side .swiper-pagination {
	left: auto;
	right: 15px; /* fallback, "Side offset" control overrides */
	bottom: auto;
	width: auto;
	height: fit-content;
	min-height: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--swiper-pagination-bullet-vertical-gap, 8px);
	flex-shrink: 0;
}

/* Pagination position: inside/outside — внизу, горизонтальный ряд.
   Horizontal placement (left/right/transform) is owned by the "Horizontal alignment" +
   "Horizontal offset" controls; vertical by "Spacing from bottom edge". Base keeps only
   layout + the bottom fallback. */
.elementor-pagination-position-inside .swiper-pagination,
.elementor-pagination-position-outside .swiper-pagination {
	top: auto;
	bottom: 10px; /* fallback, control overrides */
	width: auto;
	height: fit-content;
	min-height: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: var(--swiper-pagination-bullet-horizontal-gap, 8px);
	flex-shrink: 0;
}

/* Контейнер буллетов — только по размеру контента, без растягивания */
.elementor-slides-wrapper .swiper-pagination {
	width: fit-content;
	height: fit-content;
	min-height: 0;
	flex-shrink: 0;
}

/*
 * Spacing between dots comes solely from the flex container `gap`
 * (the "Space Between Dots" control). Swiper core sets a per-bullet margin
 * — horizontal `margin: 0 var(--swiper-pagination-bullet-horizontal-gap)` and
 * vertical `margin: var(--swiper-pagination-bullet-vertical-gap) 0` — at
 * specificity 0,3,0, and e-swiper.css forces that var to 6px globally. We must
 * out-specify it (0,4,0 here) to truly zero the margin, otherwise that 6px is
 * always added on top of the gap and the control can never reach 0.
 */
.elementor-slides-wrapper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0;
}

/* Bullet padding uses box-sizing so size stays consistent */
.elementor-slides-wrapper .swiper-pagination-bullet {
	box-sizing: border-box;
}

/* Collection name – bottom left inside slide (slide-inner is already position:absolute from Elementor) */
.elementor-slide-collection-name {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.5em 0;
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: inherit;
	z-index: 2;
}

/* Collection name uses 0,0 – .swiper-slide-inner padding already insets the content area */