/* LuxeHomes International - Custom Styles */
/* Uses Tailwind CSS via CDN as primary framework */

:root {
    --navy: #0A1628;
    --gold: #C9A961;
    --gold-dark: #A88B45;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

h1, h2, h3, h4, .font-serif {
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: -0.02em;
}

/* Premium hover effects */
.hover-lift {
    transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), box-shadow 0.35s cubic-bezier(0.4,0,0.2,1);
}
.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -10px rgba(10,22,40,0.2);
}

/* Line clamp */
.line-clamp-1, .line-clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-1 { -webkit-line-clamp: 1; }
.line-clamp-2 { -webkit-line-clamp: 2; }

/* Gold gradient */
.gold-gradient {
    background: linear-gradient(135deg, #A88B45 0%, #C9A961 50%, #D9BC75 100%);
}

/* Slow zoom for hero */
@keyframes slow-zoom {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}
.slow-zoom {
    animation: slow-zoom 12s ease-in-out infinite alternate;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #C9A961; border-radius: 5px; }

/* Modal animation */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.modal-open {
    animation: fadeIn 0.2s ease-out;
}

/* Responsive tables */
.overflow-x-auto {
    -webkit-overflow-scrolling: touch;
}

/* Premium shadows */
.shadow-luxury {
    box-shadow: 0 20px 60px -20px rgba(10,22,40,0.18), 0 8px 24px -12px rgba(10,22,40,0.12);
}