/* Učebnice a knihy (kód obchodu knihy) — per-store token preset (overrides standard.css :root).
   Only token values; no component selectors.
   Paleta a typografie podle vizuálního návrhu (dalsi-stranky.html):
   hlavní tmavě zelená (#17422F), zlatý akcent (#C9A227), papírové pozadí (#FBF8F2).
   Fonty: Source Serif 4 (nadpisy) + Public Sans (text). Ostré rohy (3–4 px). */
:root {
	--shop-primary: #17422F;
	--shop-accent: #C9A227;
	--shop-ink: #1D2321;
	--shop-muted: #5A5A52;
	--shop-bg: #FBF8F2;
	--shop-surface: #FFFFFF;
	--shop-border: #E4DED1;
	--shop-header-bg: #FFFFFF;
	--shop-header-ink: #1D2321;
	--shop-footer-bg: #1D2321;
	--shop-footer-ink: #CFCDC5;
	--shop-price: #1D2321;
	--shop-cta: #17422F;
	--shop-cta-ink: #FFFFFF;
	--shop-link: #17422F;
	--shop-success: #2F7A4E;
	--shop-danger: #A8331F;
	--shop-font-head: 'Source Serif 4', Georgia, serif;
	--shop-font-sans: 'Public Sans', system-ui, sans-serif;
	--shop-font-size-base: 16px;
	--shop-heading-weight: 600;
	--shop-radius: 4px;
	--shop-radius-sm: 2px;
	--shop-radius-lg: 4px;
	--shop-btn-radius: 3px;
	--shop-card-radius: 4px;
	--shop-utility-bg: #17422F;
	--shop-utility-ink: #D8E3DB;
	--shop-utility-accent: #C9A227;
	--shop-utility-icon: #C9A227;
	--shop-utility-border: rgba(255, 255, 255, .1);
}

/* ============================================================
   KOMPONENTY — jen knižní obchod
   Soubor původně nesl jen hodnoty tokenů. Následující pravidla jsou tu proto,
   že knižní katalog má 674 kategorií, což je řád, se kterým sdílený motiv
   nepočítá. Načítá se jen pro tento obchod, takže se ostatních netýká.
   ============================================================ */

/* Rozbalená podkategorie přetékala okno: u „Dětské literatury" se 152 položkami
   se na spodek nedalo doscrollovat, protože panel neměl vlastní rolování. */
.shop-nav-sub {
	max-height: min(60vh, 460px);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.shop-nav-sub-more {
	font-weight: 600;
	color: var(--shop-primary);
}

@media (max-width: 767px) {
	/* Mobilní menu se dřív rozbalilo do stránky a roztlačilo ji o 21 068 px —
	   přes padesát obrazovek. Nově je to zásuvka přes obsah s vlastním rolováním. */
	.shop-nav.is-open {
		position: fixed;
		inset: 0 0 0 auto;
		width: min(88vw, 360px);
		max-width: 100%;
		z-index: 90;
		margin: 0;
		padding: 16px 18px 32px;
		background: var(--shop-surface);
		box-shadow: -18px 0 40px -20px rgba(29, 35, 33, .45);
		overflow-y: auto;
		overscroll-behavior: contain;
		align-items: stretch;
		/* Sdílený motiv nechává menu zalamovat. V zásuvce s plnou výškou to znamená,
		   že se položky místo rolování přelijí do druhého sloupce a useknou se vpravo. */
		flex-wrap: nowrap;
	}

	.shop-nav.is-open > .shop-nav-item {
		width: 100%;
	}

	/* V zásuvce nemá smysl absolutní pozicování — podkategorie patří pod rodiče. */
	.shop-nav.is-open .shop-nav-sub {
		position: static;
		max-height: none;
		box-shadow: none;
		border: 0;
		padding-left: 12px;
		min-width: 0;
	}
}