/* ============================================================
   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; }
}

/* Nieuwsbrief-statusmelding (zelfde uitstraling als royalds-int.nl). */
#footer .footer-newsletter .newsletter-status {
  margin-top: 10px;
  font-size: 13px;
  min-height: 1.2em;
  color: #ccc;
}
#footer .footer-newsletter .newsletter-status.ok  { color: #6dd96d; }
#footer .footer-newsletter .newsletter-status.err { color: #ff6b57; }