/* Même bouton mobile pour la liste des séries et une série sélectionnée. */
:is(#series-app, #series-list-app) .zbd-scroll-top-fab {
  position: fixed;
  right: max(0.75rem, env(safe-area-inset-right));
  bottom: calc(max(0.75rem, env(safe-area-inset-bottom)) + var(--zbd-scroll-top-offset, 0px));
  width: 2.9rem;
  height: 2.9rem;
  min-width: 2.9rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(88, 166, 255, 0.28);
  background: linear-gradient(180deg, rgba(18, 25, 35, 0.96), rgba(10, 15, 22, 0.98));
  color: #f3f8ff;
  box-shadow: 0 12px 26px rgba(7, 13, 20, 0.32);
  font-size: 1.22rem;
  font-weight: 800;
  line-height: 1;
  visibility: hidden;
  opacity: 0;
  transform: translateY(0.5rem);
  pointer-events: none;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease,
    border-color 0.16s ease,
    background 0.16s ease,
    color 0.16s ease;
  z-index: 1048;
}

:is(#series-app, #series-list-app) .zbd-scroll-top-fab.is-visible {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

:is(#series-app, #series-list-app) .zbd-scroll-top-fab:hover,
:is(#series-app, #series-list-app) .zbd-scroll-top-fab:focus-visible {
  border-color: rgba(149, 194, 255, 0.48);
  background: linear-gradient(180deg, rgba(26, 35, 48, 0.98), rgba(13, 18, 27, 0.98));
  color: #ffffff;
}

:is(#series-app, #series-list-app) .zbd-scroll-top-fab:focus-visible {
  outline: none;
  box-shadow:
    0 12px 26px rgba(7, 13, 20, 0.32),
    0 0 0 0.18rem rgba(88, 166, 255, 0.18);
}

@media (min-width: 768px) {
  :is(#series-app, #series-list-app) .zbd-scroll-top-fab {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(#series-app, #series-list-app) .zbd-scroll-top-fab {
    transition: none;
  }
}