/* Mode léger d'IMPERIUM AGENCY (02/11) : règles communes à la vitrine, au catalogue 03 et aux pages Next.js (importé par
 * app/layout.tsx). Elles ne jouent que sous html.leger, posée par /commun/leger.js (lib/mode-leger.ts) sur les appareils
 * modestes : sur un appareil puissant, rien ne change. Chaque page ajoute ses propres règles (accueil/style.css,
 * independants/style.css) et ses scripts coupent le WebGL, la 3D, la musique et le défilement animé.
 *
 * Ce qui coûte le plus pendant le défilement d'un appareil modeste : un flou d'arrière-plan (recalculé à chaque image dès
 * que le contenu glisse dessous), un fond fixe qui bouge, une animation sans fin, une très grande ombre floue. */

/* le fond vivant reste, immobile */
html.leger.fv body::before { animation: none; will-change: auto; }
/* défilement : jamais animé par le navigateur */
html.leger { scroll-behavior: auto !important; }

/* aucun flou d'arrière-plan */
html.leger *, html.leger *::before, html.leger *::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.leger ::backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }

/* pages Next.js : verres presque pleins (sans flou, le texte de dessous transparaîtrait), ombres courtes,
   halos flous décoratifs retirés, animations sans fin arrêtées (le tourniquet de chargement reste) */
html.leger .imp-verre { background: rgba(255, 255, 255, .97); box-shadow: 0 10px 24px -14px rgba(15, 23, 42, .4); }
html.leger [class*="shadow-["], html.leger .shadow-xl, html.leger .shadow-2xl { box-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 6px 14px -8px rgba(15, 23, 42, .22) !important; }
html.leger [class*="blur-["][aria-hidden="true"], html.leger .blur-3xl[aria-hidden="true"], html.leger .blur-2xl[aria-hidden="true"] { display: none; }
html.leger .animate-pulse, html.leger .animate-ping, html.leger .animate-bounce, html.leger .animate-aurora-1, html.leger .animate-aurora-2 { animation: none !important; }
html.leger .imp-lave, html.leger .imp-deck::before, html.leger .imp-deck::after { animation: none !important; will-change: auto; }
/* le nuage du haut de page reste, immobile, avec un flou plus court (il garde le bandeau lisible) ; les grandes nappes
   floutées derrière les cartes partent */
html.leger .imp-nuage .imp-lave[style*="blur("] { filter: blur(36px) !important; }
html.leger .imp-deck::before, html.leger .imp-deck::after { display: none; }
html.leger .imp-deck > .imp-card { box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 10px 22px -14px rgba(15, 23, 42, .22) !important; }