/* Custom elegant styles for Inn on the Square */

/* Smooth transitions for interactive elements */
a, button {
    transition: all 0.3s ease;
}

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

/* Elegant image hover effects */
img {
    transition: transform 0.7s ease;
}

/* Subtle pattern overlay for sections */
.bg-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23A8D5C8' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

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

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    html {
        scroll-behavior: auto;
    }
}