/**
 * Icono "visibilidad reducida" (⚠️) en Seating Charts — editor y front.
 *
 * Migrado desde WPCode ("[LCH] Mapas Tickera - icono visibilidad reducida +
 * editor = front"). Usa [data-icon-type] en vez de IDs de mapa: la marcación
 * data-icon-type="tc-icon-info" existe tanto en el editor (.tc-pan-wrapper)
 * como en el HTML de front guardado a partir de ese mismo editor, así que
 * una sola regla cubre ambos sin listar mapas uno por uno.
 */
div.tc-object-wrap[data-icon-type="tc-icon-info"] .tc-icon-info {
  display: inline-block;
  width: 45px;
  height: 45px;
  color: transparent !important;
  background: url('https://eventos.lachula.com.co/wp-content/uploads/2026/07/icon-null-vis.png') center/contain no-repeat !important;
}

div.tc-object-wrap[data-icon-type="tc-icon-info"] .tc-element-group {
  background: transparent !important;
  box-shadow: none !important;
}

div.tc-object-wrap[data-icon-type="tc-icon-info"] .tc-heading {
  display: none;
}

div.tc-object-wrap[data-icon-type="tc-icon-info"] {
  width: auto;
  height: auto;
}

/*
 * Solo front: el ícono no debe bloquear clics en sillas vecinas.
 * En el editor SÍ hace falta poder hacer clic/arrastrar el ícono, así que
 * este pointer-events se limita al wrapper .tc_seating_map que únicamente
 * existe en el HTML de front (el editor usa .tc-pan-wrapper).
 */
.tc_seating_map div.tc-object-wrap[data-icon-type="tc-icon-info"] {
  pointer-events: none;
}