/* Main Stylesheet for Vikas Services */

/* Custom Font */
body { 
  font-family: 'Inter', sans-serif; 
}

/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar { 
  width: 10px; 
}

::-webkit-scrollbar-track { 
  background: #f1f5f9; 
}

::-webkit-scrollbar-thumb { 
  background: #cbd5e1; 
  border-radius: 5px; 
}

::-webkit-scrollbar-thumb:hover { 
  background: #94a3b8; 
}

/* Mobile menu transition */
#mobile-menu { 
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; 
}

.mobile-menu-closed { 
  max-height: 0; 
  opacity: 0; 
  overflow: hidden; 
}

.mobile-menu-open { 
  max-height: 400px; 
  opacity: 1; 
}

/* Phone Popup Modal */
#phone-popup {
  backdrop-filter: blur(4px);
  animation: fadeIn 0.2s ease-in-out;
}

#phone-popup-content {
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}

/* Lightbox Modal */
#lightbox {
  backdrop-filter: blur(8px);
  animation: fadeIn 0.3s ease-in-out;
}

#lightbox img {
  animation: zoomIn 0.3s ease-out;
}

/* Gallery Item Hover Effects */
.gallery-item {
  position: relative;
  overflow: hidden;
}

.gallery-item img {
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.gallery-item:hover img {
  transform: scale(1.1);
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}