/* Custom styles complementing Tailwind */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Mobile menu transitions */
#mobile-menu {
    animation: slideDown 0.3s ease;
}

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

/* Smooth focus styles */
input:focus, textarea:focus, button:focus {
    outline: none;
}

/* Subtle pattern overlay for cream sections */
.bg-cream-50::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at 1px 1px, rgba(40, 97, 40, 0.03) 1px, transparent 0);
    background-size: 24px 24px;
    pointer-events: none;
}

/* Ensure stat cards don't overflow on mobile */
@media (max-width: 640px) {
    .stat-card {
        max-width: 180px !important;
        font-size: 0.875rem;
    }
}

/* Print styles */
@media print {
    nav, #contact-form, button { display: none; }
    body { color: #000; background: #fff; }
}