/**
 * QSM Addon 247 – Frontend Styles
 */

/* ── Swipe navigation ─────────────────────────────────────────────────────── */

/*
 * Only override display for pages that are actually Swiper slides.
 * Welcome and last/result pages keep their normal QSM show/hide behaviour.
 * The override is needed because QSM calls jQuery .hide() (inline display:none)
 * on all pages during navigation; we need slides to stay in the DOM so Swiper's
 * CSS transforms can position them correctly.
 */
.qsm-swipe-active .swiper-slide.qsm-page {
	display: block !important;
}

/* Clip off-screen slides. */
.qsm-swipe-active .qsm-swiper {
	overflow: hidden;
	width: 100%;
}

/* Each slide fills the full container width. */
.qsm-swipe-active .swiper-slide {
	box-sizing: border-box;
	width: 100%;
}