/* The magazine issue's flipbook on a phone - see magazine-flipbook.js (Barak, 08/11). */

@media (max-width: 639px) {
	.gb-magazine-flipbook .lag-vw-stage { padding: 4px; }

	/* The arrows lie over the page's edges instead of beside it. */
	.gb-magazine-flipbook .lag-vw-nav {
		width: 34px;
		height: 56px;
		z-index: 5;
		background: rgba(16, 24, 32, .6);
		box-shadow: 0 0 0 1px rgba(255, 255, 255, .35);
	}

	/* His hover turns the arrow white-translucent, and a phone keeps the hover
	   after a tap - over a white page the arrow vanished (Gil, 08/11). */
	.gb-magazine-flipbook .lag-vw-nav:hover:not(:disabled),
	.gb-magazine-flipbook .lag-vw-nav:active:not(:disabled) {
		background: rgba(16, 24, 32, .75);
	}

	.gb-magazine-flipbook .lag-vw-prev { inset-inline-start: 2px; }
	.gb-magazine-flipbook .lag-vw-next { inset-inline-end: 2px; }
}

/* Full screen where the browser has none (iPhone): pinned over the window. */
.gb-magazine-flipbook.gb-flipbook-pinned {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	border: 0;
	border-radius: 0;
}

.gb-flipbook-locked,
.gb-flipbook-locked body { overflow: hidden; }