/* tqq-shell.css — TQQ-side override for the parai-core shell chrome.
 *
 * WHY THIS FILE EXISTS
 * --------------------
 * TQQ is a parai-core *consumer*. The global shell (header, module-nav,
 * language picker, branding) lives in parai-core's
 * frontend/src/routes/+layout.svelte, which this repo must NOT modify
 * (opdrachtgeverskeuze: parai-core source is read-only). parai-core exposes
 * no UI config-hook (the only App options are WithName / WithStaticFS /
 * WithConfigFile / WithModuleConfigurator; config.yaml has no `ui.locales`),
 * so the language picker, module chip and brand label cannot be configured
 * away server-side.
 *
 * MECHANISM
 * ---------
 * The shell's index.html is served verbatim from the embedded static/ dir
 * (parai-core server.go spaFallback). `make spa` rebuilds that index.html from
 * the parai-core build, then a post-step (Makefile `spa` target) injects a
 * <link> to THIS stylesheet into the served HTML. The injection is idempotent
 * and re-applied on every `make spa`, so this is a reproducible build step —
 * not a hand-edit of a generated file. This file is git-tracked and survives
 * `make spa` (which only wipes static/_app + static/images).
 *
 * The CSP allows style-src 'self' 'unsafe-inline', so a same-origin <link>
 * stylesheet loads fine.
 *
 * Selectors target the shell's stable hooks:
 *   [data-testid="language-toggle"]  — the language picker wrapper
 *   [data-testid="module-nav"]       — the module chip / module navigation
 *   header .font-serif.text-lg.font-bold — the "Parai" brand label
 *   header img[alt]                  — the Parai logo
 * These are owned by parai-core; if parai-core renames them, this override
 * degrades gracefully (controls reappear) rather than breaking the app.
 */

/* UX-007 — TQQ is Nederlands-only for this delivery. Hide the language picker
 * so the shell never promises an English UI that the TQQ module doesn't
 * provide. Hidden (not removed) so layout/flex spacing stays intact. */
[data-testid="language-toggle"] {
	display: none !important;
}

/* UX-008 — single-module consumer: the module chip ("Tqq") is not a real
 * choice (main.go registers exactly one module). Hide the module-nav so the
 * header reads as one finished product, not a dev scaffold. */
[data-testid="module-nav"] {
	display: none !important;
}

/* UX-008 — replace generic "Parai" brand text + logo with TGSC branding.
 * The brand <span> text is a paraglide message ("Parai") we cannot edit from
 * here, so we visually hide it and render the product name via a pseudo
 * element on its parent. */
header > div:first-child > span.font-serif.text-lg.font-bold {
	font-size: 0; /* hide the original "Parai" glyphs */
	line-height: inherit;
}
header > div:first-child > span.font-serif.text-lg.font-bold::after {
	content: "TGSC portaal";
	font-size: 1.125rem; /* text-lg */
	line-height: 1.75rem;
	font-weight: 700;
	white-space: nowrap;
}

/* The shell logo ships parai-core's Main_logo.jpg. Until a TGSC logo asset is
 * supplied we keep the mark but tone it down so "Parai" is not the primary
 * identity; the TGSC wordmark above is the lead brand signal. If a TGSC logo
 * is added to static/images, drop this rule and swap the asset. */
header > div:first-child > img[alt] {
	opacity: 0.9;
}