/* ==========================================================================
   SCROLL TO TOP - SVG OPTIMIZED
   ========================================================================== */
.wsdt-scroll-top {
  position: fixed;
  bottom: var(--space-lg);
  right: var(--space-lg);
  width: var(--space-xl);
  height: var(--space-xl);
  background-color: var(--color-secondary);
  color: var(--text-on-dark);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: var(--z-header);
  opacity: 0;
  visibility: hidden;
  transform: translateY(var(--space-lg));
  transition: all var(--transition-base);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-strong);
  padding: 0; /* Διασφάλιση απόλυτου κεντραρίσματος */
}

/* SVG ICON STYLING */
.wsdt-scroll-top svg {
  width: 28px; /* Προσαρμοσμένο μέγεθος για ορατότητα */
  height: 28px;
  stroke: currentColor;
  transition: transform var(--transition-base);
}

.wsdt-scroll-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.wsdt-scroll-top:hover {
  background-color: var(--color-primary);
  transform: translateY(var(--interaction-lift-lg));
}

/* Arrow hover animation */
.wsdt-scroll-top:hover svg {
  transform: translateY(-3px);
}

/* Reset παλιάς κλάσης αν υπάρχει στο HTML */
.wsdt-scroll-top i {
  display: none !important;
}