/* Custom Styles for Heggen Snoeien Heiloo */

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

/* Custom styles for the drag and drop area */
.drag-over {
    border-color: #10b981 !important; /* emerald-500 */
    background-color: #f0fdf4 !important; /* emerald-50 */
}

/* Pulsing effect for the AI loading bar */
@keyframes progress-animation {
    0% { width: 0%; }
    20% { width: 15%; }
    50% { width: 65%; }
    80% { width: 90%; }
    100% { width: 100%; }
}

.animate-progress {
    animation: progress-animation 3.5s ease-in-out forwards;
}

/* Subtle pulse for high-attention items */
@keyframes soft-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

.pulse-button {
    animation: soft-pulse 3s infinite ease-in-out;
}

/* Highlight border on focus for contact inputs */
.focus-ring:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3);
}