/* FunnyDivers - reduce-motion control: blanket motion kill switch plus the
   floating toggle button. See assets/motion-toggle.js. */

html.fd-reduced-motion *,
html.fd-reduced-motion *::before,
html.fd-reduced-motion *::after {
  animation-duration: 0.001ms !important;
  animation-delay: -0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
  transition-delay: 0ms !important;
  scroll-behavior: auto !important;
}
html.fd-reduced-motion {
  scroll-behavior: auto !important;
}

#fd-motion-btn {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px 10px 12px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 999px;
  background: rgba(2, 26, 36, .72);
  color: #fff;
  font: 700 12.5px/1 'Plus Jakarta Sans', system-ui, sans-serif;
  letter-spacing: .01em;
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 22px rgba(2, 40, 50, .28);
}
#fd-motion-btn:hover { background: rgba(2, 26, 36, .9); }
#fd-motion-btn:focus-visible { outline: 2px solid #FFD400; outline-offset: 2px; }
#fd-motion-btn .fd-mot-ic { flex: none; color: #59d9cd; }
#fd-motion-btn[aria-pressed="true"] .fd-mot-ic { color: #FFD400; }
#fd-motion-btn[aria-pressed="true"] { border-color: rgba(255, 212, 0, .55); }

@media (max-width: 640px) {
  #fd-motion-btn { left: 12px; bottom: 12px; padding: 9px 14px 9px 10px; }
  #fd-motion-btn .fd-mot-txt { display: none; }
}

[dir="rtl"] #fd-motion-btn { left: auto; right: 18px; }
@media (max-width: 640px) {
  [dir="rtl"] #fd-motion-btn { right: 12px; left: auto; }
}