/**
 * Chatbot Header Styles
 * 3-column layout: spacer | centered title | controls
 */

.mr-chatbot-header {
  width: 100%;
  min-height: calc(2 * var(--mr-chatbot-spacing) + var(--mr-chatbot-icon-size));
  max-height: calc(2 * var(--mr-chatbot-spacing) + var(--mr-chatbot-icon-size));
  opacity: 1;
  padding: var(--mr-chatbot-spacing);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: var(--mr-chatbot-transition);
  background-color: var(--mr-chatbot-color-white);
  border-bottom: 1px solid var(--mr-chatbot-color-blush);
  border-top-left-radius: var(--mr-chatbot-box-border-radius);
  border-top-right-radius: var(--mr-chatbot-box-border-radius);
}

/* First child (spacer) fills one third */
.mr-chatbot-header > :first-child {
  flex: 0 0 33.3333%;
}

/* Header visibility states */
.mr-chatbot-container.minimized .mr-chatbot-header {
  display: none;
}

.mr-chatbot-container.opening .mr-chatbot-header,
.mr-chatbot-container.closing .mr-chatbot-header {
  display: flex;
  opacity: 0;
}

/* Centered title */
.mr-chatbot-title {
  flex: 0 0 33.3333%;
  text-align: center;
  font-size: var(--mr-chatbot-font-title);
  font-weight: var(--mr-chatbot-weight-normal);
  color: var(--mr-chatbot-color-dark-gray);
}

/* Controls — right-aligned, one third */
.mr-chatbot-controls {
  flex: 0 0 33.3333%;
  display: flex;
  justify-content: flex-end;
  margin-right: calc(-1 * var(--mr-chatbot-spacing) / 2);
}

/* Control buttons */
.mr-chatbot-control {
  color: var(--mr-chatbot-color-dark-gray);
  padding: calc(var(--mr-chatbot-spacing) / 2) calc(var(--mr-chatbot-spacing) / 2);
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.2s ease;
}

.mr-chatbot-control i {
  font-size: var(--mr-chatbot-font-title);
}

.mr-chatbot-control:hover {
  color: var(--mr-chatbot-color-primary);
}

/* Mobile adjustments */
@media (max-width: 576px) {
  .mr-chatbot-control {
    font-size: var(--mr-chatbot-font-icon);
  }
}