README : standard header/menu 2026-08-22 (opaque, échelle --z-*, 64/56 px, badge, scroll-lock .ka-scroll-lock)

Simon-Pierre Boucher committed 1 mo ago (Aug 22, 2026) parent 4e63c53

1 changed file +23 −0

modified README.md +23 −0

		@@ -98,3 +98,26 @@ Le socle correspondant vit dans `tokens.css` (section « SOCLE MOBILE OBLIGATOIR
98	98	sélecteur natif (`<select>`) privilégié pour les choix simples.
99	99	11. Navigation mobile toujours joignable : jamais de liens de nav simplement
100	100	masqués sous 768 px sans hamburger/tab-bar de remplacement.
	101	+
	102	+## Standard header/menu (2026-08-22 — appliqué aux 13 sites + valoplex)
	103	+
	104	+1. Header sticky opaque : `position:sticky; top:0`, fond OPAQUE (`var(--paper)`
	105	+ ou la couleur de thème du site, ex. job-ka encre/brand) — **jamais de
	106	+ `backdrop-filter`/fond translucide** (piège R9 : re-parentage des `fixed`,
	107	+ et standard « header/nav opaques »). Bordure basse 1.5–2 px encre.
	108	+2. z-index : header `var(--z-header,500)` ; backdrop de menu
	109	+ `var(--z-overlay,800)` ; panneau/overlay de menu `var(--z-modal,900)` ;
	110	+ tabbar basse `var(--z-bottombar,600)`. Aucune valeur ad hoc.
	111	+3. Hauteur : 64 px desktop / 56 px mobile (cible commune).
	112	+4. Wordmark à gauche (chip ·Ka accent incliné −2°) + badge « Groupe KA »
	113	+ dans le header (sauf le hub lui-même), repris dans le menu mobile/footer.
	114	+5. Items de nav desktop : pilules `font-display` 700 ≈13.5 px, hover
	115	+ bordure encre, actif fond encre + texte accent du site.
	116	+ Exception assumée : api-ka en mono uppercase (identité technique).
	117	+6. Menu mobile : hamburger 44×44 + panneau/overlay avec scroll-lock via
	118	+ `.ka-scroll-lock` sur `<html>` (pas `body.style.overflow`), fermeture
	119	+ Escape + tap extérieur + navigation — OU tabbar basse. Chaque destination
	120	+ reste joignable au doigt.
	121	+7. Particularités conservées par site : accent/couleurs, tabbars
	122	+ (lou/resto/crea/fabri), header encre de job-ka, nav mono d'api-ka,
	123	+ recherche header (fabri), tickers, menus compte KA ID.
101	124