/**
 * eBook Reader — Mobile-First Responsive Styles (Paginated)
 * @package BookzCart
 */

/* ─── Tablet & below (< 1024px) ──────────────────────────────────── */
@media (max-width: 1024px) {
	.ebook-body {
		grid-template-columns: 1fr;
	}

	/* Reduce page margins for more reading area */
	.ebook-content {
		max-width: 100%;
		border-radius: 0;
		box-shadow: none;
		padding: 0 32px;
	}
}

/* ─── Mobile (< 768px) ───────────────────────────────────────────── */
@media (max-width: 768px) {

	/* Full viewport page card on mobile */
	.ebook-content {
		max-width: 100%;
		border-radius: 0;
		box-shadow: none;
		height: calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
		padding: 0 20px;
	}

	/* Remove page-edge shadows on mobile (no adjacent page hints) */
	.ebook-content::before,
	.ebook-content::after {
		display: none;
	}

	/* Reader wrap: no background contrast on mobile */
	.ebook-reader-wrap {
		background: transparent;
	}

	[data-theme="light"] .ebook-reader-wrap {
		background: #fff;
	}

	[data-theme="sepia"] .ebook-reader-wrap {
		background: #f5eedc;
	}

	[data-theme="dark"] .ebook-reader-wrap {
		background: #252540;
	}

	/* Title truncate shorter */
	.ebook-title {
		max-width: 140px;
		font-size: 0.875rem;
	}

	/* Header controls compact */
	.ebook-ctrl-btn {
		width: 34px;
		height: 34px;
	}

	/* Show mobile TOC toggle */
	.ebook-toc-mobile-toggle {
		display: flex;
	}

	/* ── TOC: Bottom Sheet Drawer ── */
	.ebook-toc-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: 200;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	}

	.ebook-toc-backdrop.is-open {
		opacity: 1;
		visibility: visible;
	}

	.ebook-toc {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		top: auto;
		height: auto;
		max-height: 70vh;
		z-index: 201;
		border-right: none;
		border-radius: 20px 20px 0 0;
		box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.15);
		transform: translateY(100%);
		transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
		padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 16px);
	}

	.ebook-toc.is-open {
		transform: translateY(0);
	}

	.ebook-toc-close {
		display: flex;
	}

	.ebook-toc-header {
		position: sticky;
		top: 0;
		background: inherit;
		z-index: 1;
		padding-top: 1rem;
	}

	/* Drag handle indicator */
	.ebook-toc-header::before {
		content: '';
		position: absolute;
		top: 8px;
		left: 50%;
		transform: translateX(-50%);
		width: 36px;
		height: 4px;
		border-radius: 2px;
		background: var(--border-light, rgba(0, 0, 0, 0.15));
	}

	/* TOC link padding for touch targets */
	.ebook-toc-link {
		padding: 0.75rem 1.25rem;
		font-size: 0.9rem;
	}

	.ebook-toc-sublink {
		padding: 0.5rem 1.25rem 0.5rem 3.25rem;
		font-size: 0.825rem;
	}

	/* ── Bottom Bar (Play Books) — safe area padding ── */
	.ebook-footer {
		padding-bottom: env(safe-area-inset-bottom, 0px);
		height: calc(var(--reader-footer-height) + env(safe-area-inset-bottom, 0px));
	}

	/* Footer button touch target */
	.ebook-footer-btn {
		width: 44px;
		height: 44px;
	}

	/* Page counter compact */
	.ebook-page-counter {
		font-size: 0.75rem;
		min-width: 44px;
	}

	/* Toast above bottom bar + safe area */
	.ebook-toast {
		bottom: calc(70px + env(safe-area-inset-bottom, 0px));
	}

	/* TTS controls scroll on mobile */
	.ebook-tts-controls {
		overflow-x: auto;
		gap: 0.375rem;
		padding: 0.5rem 0.75rem;
		-webkit-overflow-scrolling: touch;
	}

	/* Auth gate */
	.ebook-gate {
		padding: 1.5rem 1rem;
		min-height: 50vh;
	}

	.ebook-gate-card {
		padding: 2rem 1.5rem;
	}

	.ebook-gate-icon {
		width: 64px;
		height: 64px;
	}

	.ebook-gate-card h2 {
		font-size: 1.25rem;
	}

	/* Badge on product page */
	.ebook-badge-wrap {
		flex-wrap: wrap;
		padding: 0.75rem 1rem;
	}

	.btn-ebook-read,
	.btn-ebook-sample {
		width: 100%;
		justify-content: center;
		margin-left: 0;
	}

	/* Sample banner safe area on mobile */
	.ebook-sample-banner {
		padding-top: calc(env(safe-area-inset-top, 0px) + .5rem);
	}
}

/* ─── Small phones (< 400px) ─────────────────────────────────────── */
@media (max-width: 400px) {
	.ebook-content {
		padding: 0 14px;
	}

	.ebook-title {
		max-width: 100px;
	}

	.ebook-header-controls {
		gap: 0;
	}

	.ebook-ctrl-btn {
		width: 32px;
		height: 32px;
	}

	.ebook-page-counter {
		font-size: 0.7rem;
		min-width: 40px;
	}
}

/* ─── Large desktop (> 1440px) ───────────────────────────────────── */
@media (min-width: 1440px) {
	.ebook-content {
		max-width: 860px;
		padding: 0 56px;
		margin-top: 60px;
	}
}

/* ─── Desktop: always-visible chrome + nav arrows ────────────────── */
@media (min-width: 1025px) {

	/* Header always visible on desktop (no auto-hide) */
	.ebook-header {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}

	/* Footer always visible on desktop */
	.ebook-footer {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}

	/* Progress bar always visible on desktop */
	.ebook-progress {
		opacity: 1;
	}

	/* Show desktop navigation arrows */
	.ebook-nav-arrow {
		display: flex;
	}
}

/* ─── Hide mobile TOC toggle on desktop ──────────────────────────── */
@media (min-width: 769px) {
	.ebook-toc-mobile-toggle {
		display: none;
	}
}