/* EvdeSaglik - Custom Styles */
html { scroll-behavior: smooth; }

/* Hamburger animation */
#menu-toggle[aria-expanded='true'] .hamburger-line:nth-child(1) { transform: translateY(8px) rotate(45deg); }
#menu-toggle[aria-expanded='true'] .hamburger-line:nth-child(2) { opacity: 0; transform: scaleX(0); }
#menu-toggle[aria-expanded='true'] .hamburger-line:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/* Float animation */
.hero-illustration { animation: float-up 6s ease-in-out infinite; }
@keyframes float-up {
  0%,100% { transform: translateY(0px); }
  50%     { transform: translateY(-20px); }
}

/* Scroll to top visible state */
#scroll-top.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* Service card glow on hover */
.service-card:hover {
  box-shadow: 0 20px 60px -10px rgba(14, 165, 233, 0.15);
}

/* Mobile menu slide */
#mobile-menu.open {
  display: block;
  animation: slideDown 0.3s ease-out;
}
@keyframes slideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Card scroll reveal */
.service-card { opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease, transform 0.5s ease; }
.service-card.card-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 640px) {
  .hero-illustration { animation: none; }
}