/* CHATCITO 2026 - ICONOS EMOJI PREMIUM */

.kiwi-header .cc-premium-control {
  position: relative !important;
}

/* Ocultar iconos antiguos */
.kiwi-header-option-about i,
.kiwi-header-option-about svg,
.kiwi-header-option-settings i,
.kiwi-header-option-settings svg,
.kiwi-header-option-nicklist i,
.kiwi-header-option-nicklist svg,
#cc-menu-botones .cc-menu-button > svg {
  display: none !important;
}

/* Controles alineados */
.kiwi-header .kiwi-header-options,
.kiwi-header #cc-menu-botones {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* Cada botón */
.kiwi-header-option,
#cc-menu-botones .cc-menu-button {
  min-width: 36px !important;
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  border-radius: 10px !important;
}

/* Emoji/icono nuevo */
.cc-emoji-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 23px !important;
  line-height: 1 !important;
  filter: saturate(1.15) contrast(1.05);
  flex: 0 0 auto !important;
  margin-right: 2px !important;
}

/* Hover */
.kiwi-header-option:hover,
#cc-menu-botones .cc-menu-button:hover {
  background: rgba(255,255,255,.16) !important;
}

/* Mantener el contador de usuarios bien */
.kiwi-header-option-nicklist {
  width: auto !important;
  min-width: 58px !important;
  padding: 0 6px !important;
}

/* Si hay texto junto al emoji, que se vea bien */
#cc-menu-botones .cc-menu-button,
.kiwi-header-option {
  color: #1f1f1f !important;
  font-weight: 700 !important;
}

/* Móvil */
@media (max-width: 700px) {
  .cc-emoji-icon {
    font-size: 20px !important;
  }

  .kiwi-header-option,
  #cc-menu-botones .cc-menu-button {
    min-width: 32px !important;
    min-height: 32px !important;
  }
}

/* CHATCITO 2026 - EMOJIS COMPACTOS Y CLICS */

.kiwi-header .cc-emoji-icon {
  font-size: 20px !important;
  line-height: 1 !important;
  pointer-events: none !important;
  user-select: none !important;
  margin: 0 !important;
}

.kiwi-header .cc-premium-control {
  cursor: pointer !important;
}

/* Evitar que los dibujos internos reciban el clic */
.kiwi-header .cc-premium-control .cc-emoji-icon,
.kiwi-header .cc-premium-control .cc-emoji-icon * {
  pointer-events: none !important;
}

/* Mantener el elemento original pulsable */
.kiwi-header .cc-premium-control > a,
.kiwi-header .cc-premium-control > button {
  position: relative !important;
  z-index: 1 !important;
  cursor: pointer !important;
}

@media(max-width:700px) {
  .kiwi-header .cc-emoji-icon {
    font-size: 18px !important;
  }
}