/* =====================================================
   neoshare Logo Fill Animation
   Ultra-smooth water-flow effect
   ===================================================== */

/* Default state: smooth transitions */
.logo-container g[class^="letter-"] path,
.header-logo g[class^="letter-"] path {
  transition: fill 3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* Water-like flow: solid orange flowing left to right - ultra smooth */
.logo-container:hover .letter-n path,
.header-logo:hover .letter-n path {
  fill: #E66300 !important;
  transition-delay: 0s;
}

.logo-container:hover .letter-e path,
.header-logo:hover .letter-e path {
  fill: #E66300 !important;
  transition-delay: 0.05s;
}

.logo-container:hover .letter-o path,
.header-logo:hover .letter-o path {
  fill: #E66300 !important;
  transition-delay: 0.10s;
}

.logo-container:hover .letter-s path,
.header-logo:hover .letter-s path {
  fill: #E66300 !important;
  transition-delay: 0.15s;
}

.logo-container:hover .letter-h path,
.header-logo:hover .letter-h path {
  fill: #E66300 !important;
  transition-delay: 0.20s;
}

.logo-container:hover .letter-a path,
.header-logo:hover .letter-a path {
  fill: #E66300 !important;
  transition-delay: 0.25s;
}

.logo-container:hover .letter-r path,
.header-logo:hover .letter-r path {
  fill: #E66300 !important;
  transition-delay: 0.30s;
}

.logo-container:hover .letter-e2 path,
.header-logo:hover .letter-e2 path {
  fill: #E66300 !important;
  transition-delay: 0.35s;
}

/* Smooth return on hover out - reverse wave */
.logo-container:not(:hover) .letter-n path,
.header-logo:not(:hover) .letter-n path {
  transition-delay: 0.35s;
}

.logo-container:not(:hover) .letter-e path,
.header-logo:not(:hover) .letter-e path {
  transition-delay: 0.30s;
}

.logo-container:not(:hover) .letter-o path,
.header-logo:not(:hover) .letter-o path {
  transition-delay: 0.25s;
}

.logo-container:not(:hover) .letter-s path,
.header-logo:not(:hover) .letter-s path {
  transition-delay: 0.20s;
}

.logo-container:not(:hover) .letter-h path,
.header-logo:not(:hover) .letter-h path {
  transition-delay: 0.15s;
}

.logo-container:not(:hover) .letter-a path,
.header-logo:not(:hover) .letter-a path {
  transition-delay: 0.10s;
}

.logo-container:not(:hover) .letter-r path,
.header-logo:not(:hover) .letter-r path {
  transition-delay: 0.05s;
}

.logo-container:not(:hover) .letter-e2 path,
.header-logo:not(:hover) .letter-e2 path {
  transition-delay: 0s;
}

/* Performance optimization */
@media (prefers-reduced-motion: reduce) {
  .logo-container g[class^="letter-"] path,
  .header-logo g[class^="letter-"] path {
    transition: none !important;
  }
}