/* ============================================================
   Royal DS — Concern-footer met zustersite-logo's
   Donkere/witte strip met de logo's van de andere Royal DS-bedrijven,
   met een ronddraaiende linker-gear per logo (zoals op royalds-int.nl).
   ============================================================ */

#footer-logos {
  background: #ffffff;
  padding: 30px 0;
}
#footer-logos .count-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 8px;
}
#footer-logos .count-box a {
  display: inline-flex;
  align-items: center;
}
#footer-logos .count-box img {
  height: auto;
}
#footer-logos .count-box a:first-child img {
  margin-right: 5px;
}

/* Ronddraaiende gears — staggered start-rotaties zodat ze verschillend lopen. */
@keyframes concern-spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#footer-logos #logo-gear-1,
#footer-logos #logo-gear-2,
#footer-logos #logo-gear-3 {
  animation: concern-spin 10000ms linear infinite;
  transform-origin: 50% 50%;
}
#footer-logos #logo-gear-2 { animation-delay: -2500ms; }
#footer-logos #logo-gear-3 { animation-delay: -5000ms; }

@media (prefers-reduced-motion: reduce) {
  #footer-logos #logo-gear-1,
  #footer-logos #logo-gear-2,
  #footer-logos #logo-gear-3 { animation: none; }
}