/* ============================================================
   Royal DS — Concern-footer: witte band met zustersite-logo's
   (zelfde uitstraling als royalds-int.nl). Wordt opgebouwd door
   concern-footer.js als <section id="footer-logos">.
   ============================================================ */

#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 linker-gears, staggered zodat ze verschillend lopen. */
@keyframes concern-spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#footer-logos [id^="logo-gear-"] {
  animation: concern-spin 10000ms linear infinite;
  transform-origin: 50% 50%;
}
#footer-logos [id="logo-gear-2"] { animation-delay: -2500ms; }
#footer-logos [id="logo-gear-3"] { animation-delay: -5000ms; }
#footer-logos [id="logo-gear-4"] { animation-delay: -7500ms; }

@media (prefers-reduced-motion: reduce) {
  #footer-logos [id^="logo-gear-"] { animation: none; }
}