/* Custom overrides and utilities */
html { scroll-behavior: smooth; }

/* Ensure hero image doesn't cause layout shift */
.hero img { will-change: transform; }

/* Mobile menu animation */
#mobileMenu {
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #FDF8F0; }
::-webkit-scrollbar-thumb { background: #059669; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #047857; }

/* Selection color */
::selection { background: #D1FAE5; color: #064E3B; }

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .service-card, .gallery-item { transition: none; }
    .service-card:hover { transform: none; }
    .gallery-item:hover img { transform: none; }
    .btn-primary { transition: none; }
    .btn-primary:hover { transform: none; }
}
