/* NjakaDev — Base Reset minimal + accessibilité + animations globales. Ne redéfinit pas les styles WordPress/Elementor core — se limite à ce que le Design System requiert réellement (cf. styles.css:52-109, 164-172). */ /* Reset volontairement minimal : pas de "* { margin:0; padding:0; }" global — cela écraserait le box-model propre à Elementor (widgets atomiques, Loop Grid, Theme Builder). Seuls les éléments HTML natifs que le Design System réintroduit lui-même (listes, citations) sont neutralisés ici. */ * { box-sizing: border-box; } /* overflow-x sur , pas : poser overflow-x:hidden sur force le navigateur à résoudre overflow-y en "auto" sur cet élément (règle CSS standard — un axe non-"visible" empêche l'autre de rester "visible"), ce qui transforme en son propre conteneur de défilement au lieu du viewport. Conséquence concrète : tout `position: sticky` d'un descendant (header sticky ci-dessous, `.post-toc` en sidebar d'article) cesse de fonctionner silencieusement — repéré en vérifiant le header au scroll réel dans le navigateur, pas en relisant le CSS. Le viewport () reste le seul conteneur de défilement avec ce correctif, sans rien changer au comportement anti-débordement-horizontal recherché. */ html { background: var(--bg); color-scheme: dark; overflow-x: hidden; } body { background: var(--bg); color: var(--fg); font-family: var(--font); -webkit-font-smoothing: antialiased; } ::selection { background: rgba(255, 138, 76, 0.25); color: #fff; } a { color: var(--fg); text-decoration: none; } a:hover { color: #fff; } img { max-width: 100%; } ul { list-style: none; } blockquote, figure { margin: 0; } :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } .nj-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ===================== ANIMATIONS GLOBALES ===================== */ @keyframes njRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } @keyframes njFade { from { opacity: 0; } to { opacity: 1; } } @keyframes njMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }