/* Custom Styles */
:root {
    --primary-blue: #2563eb;
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Modal animations */
#property-modal {
    transition: opacity 0.3s ease;
}

#property-modal.hidden {
    display: none;
    opacity: 0;
}

/* Floor plan row hover effect */
.floorplan-row {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.floorplan-row:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Custom scrollbar for the modal */
#property-modal .max-h-\[90vh\]::-webkit-scrollbar {
    width: 8px;
}

#property-modal .max-h-\[90vh\]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#property-modal .max-h-\[90vh\]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

#property-modal .max-h-\[90vh\]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Map z-index fix */
.leaflet-container {
    z-index: 10;
}