/* Custom styles for Mountainside Villas */

/* Base styles */
body {
    font-family: 'Work Sans', system-ui, sans-serif;
}

h1, h2, h3, h4 {
    font-family: 'Playfair Display', Georgia, serif;
}

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

/* Custom focus styles */
input:focus, select:focus, textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(208, 78, 45, 0.1);
}

/* Image hover effects */
img {
    transition: transform 0.5s ease;
}

/* Card hover effects */
.rounded-3xl {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Mobile menu transitions */
#mobile-menu {
    transition: all 0.3s ease;
}

/* Print styles */
@media print {
    nav, .animate-bounce {
        display: none;
    }
    body {
        color: #000;
        background: #fff;
    }
}

/* Ensure proper scaling on all devices */
@media (max-width: 640px) {
    .font-serif {
        font-size: 2rem;
    }
}