/* static/landing/hero-waves.css — valurile animate din hero-ul paginilor publice
   (prețuri, termeni, politică, DPA, status, blog, articol). Le pune `_hero_waves.html`.
   Pagina de login are regulile ei (canvas limitat la zona titlului).

   `div.hero-waves`, nu doar clasa: blogul are `.blog-hero > * { position: relative }`,
   care altfel ar scoate canvas-ul din poziționarea absolută. */
div.hero-waves { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
/* umbră ușoară în spatele textului, ca punctele să nu-l facă greu de citit */
div.hero-waves::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 55% 65% at 50% 50%, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.15) 60%, rgba(0,0,0,0) 100%);
}
/* tentele radiale ale hero-ului rămân deasupra canvas-ului */
:is(.hero, .blog-hero, .art-hero):has(> div.hero-waves)::before { z-index: 1; }
@media (prefers-reduced-motion: reduce) { div.hero-waves { display: none; } }