/* Hide Twitch Chat Header Bar */

/* Method: Push the iframe up to hide the header with minimal overlay */
.chat-iframe-container.no-header {
  position: relative;
  overflow: hidden;
}

.chat-iframe-container.no-header .chat-iframe {
  height: calc(100% + 25px); /* Minimal compensation */
  margin-top: -25px; /* Smaller negative margin */
  border: none;
  outline: none;
}

/* Minimal overlay to cover just the header text */
.chat-iframe-container.no-header::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 25px; /* Much smaller overlay */
  background: var(--card-bg);
  z-index: 100;
  pointer-events: none;
}

/* Ensure chat container fills available space properly */
.chat-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.chat-iframe-container.active {
  height: 100%;
  display: flex;
  flex-direction: column;
}