/* Elimina completamente el icono original de Twitter */
.fa-twitter:before,
.fab.fa-twitter:before,
.fa.fa-twitter:before {
  content: none !important;
}

/* Reemplaza el contenedor del icono por el nuevo logo X */
.fa-twitter,
.fab.fa-twitter,
.social-twitter a,
.woodmart-social-icon-twitter {
  background: #000 !important;           /* Fondo negro */
  border: none !important;               /* Sin borde */
  box-shadow: none !important;           /* Sin sombra */
  border-radius: 0 !important;           /* Cuadrado */
  display: inline-flex !important;       /* Centra bien el svg */
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;                /* Ajusta al tamaño deseado */
  height: 40px !important;
  background-image: url('/wp-content/uploads/x-logo.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 30% !important;       /* Controla el tamaño de la X */
  color: transparent !important;         /* Oculta cualquier texto o ícono extra */
  font-size: 0 !important;               /* Evita residuos del icono de fuente */
  overflow: hidden !important;           /* Evita bordes o glitches */
}

/* Hover moderno para X */
.social-twitter:hover,
.social-twitter a:hover,
.woodmart-social-icon-twitter:hover {
  background-color: #111 !important;
}