/* 本週傳單（第五版 V5Flyer）：页头的标题胶囊和有效期、传单大图、文字版重点、往期、放大弹窗。 */

.fm-flyer-page__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	align-items: center;
}

.fm-flyer-page__range {
	color: var(--fm-color-text-lead);
	font-size: 16px;
}

.fm-flyer-page__issue {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.fm-flyer-page__pages {
	display: grid;
	gap: 32px;
	padding: 16px 8px 0;
}

.fm-flyer-page__figure {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
}

.fm-flyer-page__zoom {
	display: block;
	cursor: zoom-in;

	.fm-paper {
		display: block;
		transform: rotate(-1deg);
	}

	.fm-paper--tilt-right {
		transform: rotate(1deg);
	}
}

.fm-flyer-page__list {
	margin: 0;
	padding-left: 20px;
	font-size: 16px;
	line-height: 1.9;
}

.fm-flyer-page__note {
	margin: 0;
}

/* ---------- 往期 ---------- */

.fm-past {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}

.fm-past__card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	color: var(--fm-color-text);
	text-decoration: none;

	&:hover .fm-past__img {
		border-color: var(--fm-color-accent);
	}

	&[aria-current="page"] .fm-past__img {
		border-color: var(--fm-color-cta-edge);
	}
}

.fm-past__img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
	object-position: top;
	border: 2px solid var(--fm-color-line);
	border-radius: var(--fm-radius-card);
}

.fm-past__range {
	font-weight: 700;
}

.fm-past__title {
	color: var(--fm-color-text-muted);
	font-size: 14px;
}

/* ---------- 放大弹窗 ---------- */

.fm-lightbox {
	box-sizing: border-box;
	width: 100vw;
	max-width: 100vw;
	height: 100dvh;
	max-height: 100dvh;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--fm-color-footer);
	color: var(--fm-color-on-primary);

	&::backdrop {
		background: var(--fm-color-backdrop);
	}

	&[open] {
		display: flex;
		flex-direction: column;
	}
}

.fm-lightbox__bar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	justify-content: center;
	padding: 8px;
}

.fm-lightbox__bar button {
	min-width: 44px;
	min-height: 44px;
	padding: 0 16px;
	border: 1px solid var(--fm-color-on-primary-line);
	border-radius: var(--fm-radius-button);
	background: var(--fm-color-primary);
	color: var(--fm-color-on-primary);
	font-weight: 700;
	box-shadow: none;
	cursor: pointer;

	&:hover {
		background: var(--fm-color-primary-deep);
		color: var(--fm-color-highlight);
	}
}

.fm-lightbox__close {
	margin-left: auto;
}

.fm-lightbox__img {
	flex: 1 1 auto;
	width: 100%;
	min-height: 0;
	object-fit: contain;
	overflow: auto;
}

@media (min-width: 768px) {

	.fm-flyer-page__range {
		font-size: 17px;
	}

	.fm-flyer-page__pages {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 40px;
		padding-inline: 0;
	}

	.fm-flyer-page__list {
		font-size: 16px;
	}

	.fm-past {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}