/* ==========================================================================
   Flipbook pe telefon (.fb.is-single, sub 860px), comandat de assets/js/flipbook.js.
   Meniu: revistă de buzunar cu pagini pe un rând (scroll-snap) și semne de carte într-o bară jos.
   Despre noi: carnet cu spirală, foile se ridică peste muchia de sus la derulare.
   ========================================================================== */

.fb.is-single .fb-face::after { display: none; }

/* ---------- Revista de buzunar (meniu) ---------- */
.fb-mag.is-single { display: flex; flex-direction: column; }
.fb-mag.is-single .fb-toolbar { order: 0; margin-bottom: 8px; }
.fb-mag.is-single .fb-toolbar .fb-hint { display: none; }
.fb-mag.is-single .fb-stage { order: 1; display: block; margin: 0 -16px; perspective: none; }
.fb-mag.is-single .fb-arrow { display: none; }
.fb-mag.is-single .fb-book {
	display: flex; gap: 12px; width: auto; height: auto; padding: 16px 10vw 24px; transform: none; transition: none;
	overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
}
.fb-mag.is-single .fb-book::-webkit-scrollbar { display: none; }
.fb-mag.is-single .fb-book:focus-visible { outline-offset: -4px; }
.fb-mag.is-single .fb-leaf { display: contents; }
.fb-mag.is-single .fb-face {
	position: relative; inset: auto; flex: 0 0 80vw; height: min(660px, calc(100svh - 230px)); min-height: 480px;
	transform: none; transform-origin: center; backface-visibility: visible; -webkit-backface-visibility: visible;
	scroll-snap-align: center; scroll-snap-stop: always; border-radius: 2px; box-shadow: 0 18px 40px rgba(20, 17, 13, .18);
	will-change: transform;
}
.fb-mag.is-single .fb-status { order: 2; margin: 0 0 12px; }

/* Semnele de carte devin o bară lipită de marginea de jos cât timp revista e pe ecran. */
.fb-mag.is-single .fb-marks {
	order: 3; position: sticky; bottom: 12px; z-index: 20; display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 4px;
	margin: 0; padding: 6px; overflow-x: auto; scrollbar-width: none;
	background: rgba(20, 17, 13, .94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: var(--shadow);
}
.fb-mag.is-single .fb-marks::-webkit-scrollbar { display: none; }
.fb-mag.is-single .fb-mark {
	flex: none; padding: 10px 14px; clip-path: none; transform: none; background: transparent; color: var(--muted-inv);
	font-size: 11px; letter-spacing: .12em; transition: background-color .3s var(--ease), color .3s var(--ease);
}
.fb-mag.is-single .fb-mark i { display: inline; color: var(--c); filter: brightness(1.6); }
.fb-mag.is-single .fb-mark.is-active { background: var(--c); color: #fff; }
.fb-mag.is-single .fb-mark.is-active i { color: #fff; filter: none; }

.fb-mag.is-single .mz-page { padding: 32px 20px 16px; }
.fb-mag.is-single .mz-title { font-size: 36px; line-height: 38px; }
.fb-mag.is-single .mz-item { grid-template-columns: 64px 1fr; gap: 12px; padding: 12px 0; }
.fb-mag.is-single .mz-thumb { width: 64px; height: 64px; }
.fb-mag.is-single .mz-item-price { grid-column: 2; flex-direction: row; align-items: baseline; gap: 8px; }
.fb-mag.is-single .mz-cover, .fb-mag.is-single .mz-back { padding: 28px 22px; }
.fb-mag.is-single .mz-mast { font-size: 52px; line-height: 48px; }
.fb-mag.is-single .mz-cover-title { font-size: 40px; line-height: 40px; }
.fb-mag.is-single .mz-ad { padding: 24px; }
.fb-mag.is-single .mz-ad p { max-width: none; }
.fb-mag.is-single .mz-ad-img { display: none; }
.fb-mag.is-single .mz-toc button { font-size: 21px; padding: 10px 4px; }

/* ---------- Carnetul cu spirală (Despre noi) ---------- */
.fb-scroll.is-single { height: calc(var(--leaves) * 2 * 62svh + 100svh); }
.fb-scroll.is-single .fb-scroll-head { margin-bottom: 28px; }
.fb-scroll.is-single .fb-stage { display: block; perspective: none; }
.fb-scroll.is-single .fb-book {
	width: min(420px, 100% - 32px); height: min(560px, calc(100svh - 290px)); margin: 0 auto; transform: none;
}
/* Spirala de sus și marginea foilor rămase, ca la un carnet de bucătărie. */
.fb-scroll.is-single .fb-book::before {
	content: ''; position: absolute; left: 18px; right: 18px; top: -14px; z-index: 100; height: 26px; pointer-events: none;
	background: radial-gradient(circle at 50% 50%, transparent 4px, #cfb88f 4px 6.5px, transparent 7px) repeat-x 0 0 / 22px 26px;
}
.fb-scroll.is-single .fb-book::after {
	content: ''; position: absolute; left: 6px; right: 6px; bottom: -8px; z-index: 0; height: 8px; background: #d8ccb4; border-radius: 0 0 4px 4px;
}
.fb-scroll.is-single .fb-leaf { display: contents; }
.fb-scroll.is-single .fb-face {
	position: absolute; inset: 0; transform: none; transform-origin: top center; border-radius: 4px;
	backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform;
}
.fb-scroll.is-single .bk-page { padding: 32px 22px 24px; }
.fb-scroll.is-single .bk-page h3 { font-size: 28px; line-height: 30px; }
.fb-scroll.is-single .bk-page p, .fb-scroll.is-single .bk-page li { font-size: 16px; line-height: 26px; }
.fb-scroll.is-single .bk-photo img { height: 110px; }
.fb-scroll.is-single .bk-letter .bk-photo img { height: 130px; }
.fb-scroll.is-single .bk-cover { padding: 40px 24px; }
.fb-scroll.is-single .bk-cover-year { font-size: 60px; }
.fb-scroll.is-single .fb-status { margin-top: 20px; }

@media (prefers-reduced-motion: reduce) {
	.fb-mag.is-single .fb-face { will-change: auto; }
}

/* Butonul „Sus” urcă deasupra barei cu semne de carte. */
@media (max-width: 860px) {
	body:has(.fb-mag.is-single) .d-to-top, body:has(.fb-mag.is-single) .r-demo { bottom: 84px; }
}