/* ==========================================================================
   EB Scroll to top — pulsante "Torna su".
   Personalizzabile dal tema con le variabili --eb-scrolltop-* (colori, bordo,
   distanza dai bordi); i default sono quelli del reference Law2Business.
   ========================================================================== */
/* Id + classe: batte i reset dei <button> di tema/kit (es. Hello:
   [type=button] trasparente con bordo/colore #c36 e sfondo rosa all'hover),
   che altrimenti vincono su forma e colori. */
#eb-scroll-top.eb-scroll-top {
  border-radius: 50%; padding: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;
  background: var(--eb-scrolltop-bg, #f9973f);
  color: var(--eb-scrolltop-color, #fff);
  border: var(--eb-scrolltop-border, 0);
}
#eb-scroll-top.eb-scroll-top:hover,
#eb-scroll-top.eb-scroll-top:focus-visible {
  background: var(--eb-scrolltop-bg-hover, #e07a1a);
  color: var(--eb-scrolltop-color-hover, var(--eb-scrolltop-color, #fff));
}
.eb-scroll-top {
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  position: fixed;
  bottom: var(--eb-scrolltop-offset, 32px);
  right: var(--eb-scrolltop-offset, 32px);
  z-index: 90;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(10, 31, 61, 0.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity .35s var(--ease), visibility .35s var(--ease), transform .35s var(--ease), background-color .3s var(--ease), color .3s var(--ease);
}
.eb-scroll-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.eb-scroll-top:hover {
  transform: translateY(-4px) scale(1.05);
}
.eb-scroll-top svg { display: block; }

@media (max-width: 600px) {
  .eb-scroll-top { bottom: var(--eb-scrolltop-offset-mobile, var(--eb-scrolltop-offset, 20px)); right: var(--eb-scrolltop-offset-mobile, var(--eb-scrolltop-offset, 20px)); }
  #eb-scroll-top.eb-scroll-top { width: 44px; height: 44px; }
}