/* Studio Mierenwerk - de mier onder de werkkaart (js/kaart.js).
   De plaat tilt bij hover al op met de harde blokschaduw (site.css). Hier komt de mier die de
   kaart draagt: hij staat onder de onderrand, in de ruimte tussen twee rijen, met zijn arm
   tegen de kaart. In rust is hij er niet. Alleen op ruime schermen met een muis; kaart.js
   voegt niets toe op aanraak of bij prefers-reduced-motion. */
.wl-rij{position:relative;}
.kaart-mier{
  position:absolute; left:20px; bottom:-34px; width:36px; height:41px;   /* hoogte expliciet: een inline svg met height:auto valt in sommige browsers dicht */
  color:var(--mw-ink); pointer-events:none;
  opacity:0; transform:translateY(9px);
  transition:transform .3s var(--mw-ease), opacity .2s var(--mw-ease);
}
/* de kaart komt omhoog, de mier eronder staat er dan met zijn arm tegenaan */
.wl-rij.draagt .kaart-mier{opacity:1; transform:translateY(0);}
/* om en om, anders staan alle mieren in een keurige rij onder de kaarten */
.wl-rij:nth-child(even) .kaart-mier{left:auto; right:26px;}
@media(prefers-reduced-motion:reduce){ .kaart-mier{display:none;} }