/* ==================== ADVANTAGES ==================== */

/* .advantages > query > ul.advantages__list > li > .advantages__item
   (post-featured-image.advantages__icon + post-title.advantages__text).
   Items = records of the «advantage» post type (inc/advantages.php).
   Desktop: 4 in a row; ≤1200px: 2 per row; ≤781px: one per screen, horizontal swipe. */

.advantages{
	max-width: var(--container-width);
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
}

.advantages .advantages__query,
.advantages .advantages__list{
	margin: 0;
	padding: 0;
}

.advantages .advantages__list{
	display: flex;
	flex-wrap: wrap;
	gap: var(--adv-gap);
	justify-content: var(--adv-justify);
	list-style: none;
}

.advantages .advantages__list > li{
	display: flex;
	width: var(--adv-item-width);
	max-width: var(--adv-item-max);
	margin: 0;
}

.advantages .advantages__item{
	display: flex;
	align-items: center;
	gap: 28px;
	width: 100%;
	margin: 0;
}

.advantages .advantages__icon{
	flex-shrink: 0;
	margin: 0;
}

.advantages .advantages__icon img{
	display: block;
	width: var(--adv-icon-size);
	height: auto;
}

.advantages .advantages__text{
	margin: 0;
	font-family: inherit;
	font-size: var(--adv-font-size);
	font-weight: 400;
	line-height: var(--adv-line-height);
	color: inherit;
}

@media (max-width: 781px){
	.advantages .advantages__list{
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.advantages .advantages__list::-webkit-scrollbar{
		display: none;
	}

	.advantages .advantages__list > li{
		flex: 0 0 var(--adv-item-width);
		scroll-snap-align: center;
	}

	.advantages .advantages__item{
		justify-content: center;
	}
}

/* Editor: no horizontal scroll, all items visible. */
.editor-styles-wrapper .advantages .advantages__list{
	flex-wrap: wrap;
	overflow: visible;
}