Para desactivar un elemento como un div con css se puede usar el comando:

pointer-events: none;

Esto hará que los enlaces (links) y otros elementos en el div estén desactivados. El
pointer tampoco cambiará a «mano» en los eventos de «mouseover».

Por último también deberías cambiar los colores y otros atributos en tu clase, de manera de que los usuarios comprendan que dicho elemento está desabilitado.