/* Custom styles for the Pestelivko landing page */

/* Smooth scrolling for anchor links */
html {
  scroll-behavior: smooth;
}

/* Override body background to ensure subtle gradient on large screens */
body {
  background-color: white;
  background-image: linear-gradient(180deg, rgba(246, 250, 255, 0.8), rgba(245, 255, 250, 0.6));
  background-attachment: fixed;
}

/* Glassmorphic header backdrop */
header {
  backdrop-filter: blur(10px);
}

/* Hide mobile menu by default and show when active */
#mobile-menu {
  transition: height 0.3s ease;
  overflow: hidden;
}

/* Footer icons sizing */
footer i {
  font-size: 1.25rem;
}

/* Pricing cards highlight state on hover */
section#pricing .border:hover {
  border-color: #1d4ed8; /* blue-700 */
  transform: translateY(-4px);
  transition: all 0.3s ease;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

/* Custom scroll bar styling for modern browsers */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #a0aec0;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #718096;
}

/* AOS animation modifications: adjust easing for a smoother feel */
[data-aos] {
  transition-timing-function: cubic-bezier(0.21, 0.61, 0.35, 1);
}