/* =========================================================================
   Poto — animation IDLE (respiration + clignement)              module autonome
   -------------------------------------------------------------------------
   Pose cible   : poto-1-master.svg (fonctionne sur toute pose de face qui
                  possède #poto, #poto-paupiere-g et #poto-paupiere-d).
   Déclencheur  : poser la classe racine  .poto-anim-idle  sur l'élément
                  <svg class="poto"> (ou sur un ancêtre : rien ne fuit hors
                  de cette classe).
   Durées       : respiration 3,5 s ease-in-out en boucle ;
                  clignement 4,2 s en boucle (fermeture ~150 ms), décalable
                  par instance avec --poto-cligne-delai (ex. -1.3s).
   Calques      : #poto (groupe racine, pivot au sol 60px 103px),
                  #poto-paupiere-g/d (paupières blanches, opacity="0" au
                  repos dans le SVG, clipées sur l'œil).
   Dépendances  : aucune. Un seul Poto animé par page (id uniques).
   ========================================================================= */

.poto-anim-idle { display: block; overflow: visible; }

/* --- respiration : le groupe racine, origine au sol ----------------------- */
@keyframes poto-idle-respire {
  0%, 100% { transform: scaleY(1)    scaleX(1); }
  50%      { transform: scaleY(.985) scaleX(1.004); }
}
.poto-anim-idle #poto {
  transform-origin: 60px 103px;
  animation: poto-idle-respire 3.5s ease-in-out infinite;
}

/* --- clignement : paupière scaleY(0) au repos, origine sur son bord haut -- */
@keyframes poto-idle-cligne {
  0%, 94.9%   { transform: scaleY(0); opacity: 0; }
  95%         { transform: scaleY(0); opacity: 1; }
  96.4%       { transform: scaleY(1); opacity: 1; }
  97.9%       { transform: scaleY(1); opacity: 1; }
  99.3%       { transform: scaleY(0); opacity: 1; }
  99.4%, 100% { transform: scaleY(0); opacity: 0; }
}
.poto-anim-idle #poto-paupiere-g,
.poto-anim-idle #poto-paupiere-d {
  animation: poto-idle-cligne 4.2s linear infinite;
  animation-delay: var(--poto-cligne-delai, 0s);
}

/* --- accessibilité : tout s'arrête ---------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .poto-anim-idle, .poto-anim-idle * { animation: none !important; transition: none !important; }
}