/**
 * Qing Footer Bar styles.
 *
 * A horizontal row of images. The sticky/fixed positioning and the
 * per-device visibility are emitted inline (per instance) by the widget,
 * because they depend on the configured breakpoint. This file holds the
 * layout that is the same for every instance.
 */

.qing-fbar {
	width: 100%;
	box-sizing: border-box;
	background-color: #000;
}

.qing-fbar *,
.qing-fbar *::before,
.qing-fbar *::after {
	box-sizing: border-box;
}

.qing-fbar__list {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 16px;
	width: 100%;
	/* Allow horizontal scroll if there are more images than fit. */
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.qing-fbar__list::-webkit-scrollbar {
	display: none;
}

.qing-fbar__link {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	flex: 0 0 auto;
}

.qing-fbar__img {
	display: block;
	height: 40px;
	width: auto;
	flex: 0 0 auto;
	object-fit: contain;
}

/* Safe-area padding for iPhone notch / home indicator when fixed. */
.qing-fbar--sticky {
	padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
}