/* Farveprikker paa produktkort (dm_loop_color_swatches i functions.php).
   Kortene er ned til ~168px brede, saa prikkerne holdes smaa og paa een linje. */
.woocommerce ul.products li.product .dm-swatches{
  display:flex;align-items:center;gap:6px;
  margin:2px 13px 8px;min-height:17px;
  flex-wrap:nowrap;overflow:hidden
}
.dm-swatch{
  flex:0 0 auto;width:15px;height:15px;border-radius:50%;
  border:1px solid rgba(0,0,0,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
  background-clip:padding-box;cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease
}
/* Hvid, beige, lys pink osv. forsvinder mod det lyse kort uden en tydeligere kant */
.dm-swatch.is-light{border-color:rgba(0,0,0,.3)}
.dm-swatch:hover,.dm-swatch.is-current{
  transform:scale(1.15);
  box-shadow:0 0 0 2px #fff,0 0 0 3px var(--dm-ink,#171717)
}
.dm-swatch-more{font-size:11px;line-height:1;color:#77706a;font-weight:650;margin-left:1px;white-space:nowrap}
@media (max-width:560px){
  .woocommerce ul.products li.product .dm-swatches{gap:5px;margin:2px 10px 7px}
  .dm-swatch{width:13px;height:13px}
}
@media (prefers-reduced-motion:reduce){.dm-swatch{transition:none}}