/* ============================================================================
   vidrio-wa.css - Icono de WhatsApp del menu, igual que en el panel de Silvia.
   ----------------------------------------------------------------------------
   Va en un fichero aparte A PROPOSITO: depende de que exista img/wa.png. El
   script de despliegue solo anade este <link> si ha podido copiar ese fichero.
   Asi, si algun dia falta la imagen, el menu sigue con su icono de siempre en
   vez de quedarse con un hueco en blanco.

   Es una mascara CSS, no una imagen: el icono toma el color del menu
   (apagado de normal, verde de marca al estar activo) y funciona igual en
   tema claro y en oscuro, sin tener dos ficheros.
   ========================================================================== */

#nav-chats .nav-icon {
  width: 22px;
  height: 22px;
  background-color: currentColor;
  -webkit-mask: url("../img/wa.png") center / contain no-repeat;
          mask: url("../img/wa.png") center / contain no-repeat;
}

/* El <svg> del bocadillo sigue en el HTML; solo se deja de pintar. Nada de
   tocar el marcado: si se quita este fichero, vuelve a verse. */
#nav-chats .nav-icon svg {
  display: none;
}

/* En movil el menu es barra inferior y el icono va algo mas pequeno */
@media (max-width: 768px) {
  #nav-chats .nav-icon { width: 20px; height: 20px; }
}