/* ── DulViBa Theme für Converse.js 14 ─────────────────────────────── */
.conversejs.theme-dulviba {

  /* Hauptfarben */
  --brand-primary:      #1e3a45;
  --brand-secondary:    #c8860a;

  /* Hintergründe */
  --background:         #152b33;
  --background-light:   #1e3a45;
  --background-dark:    #0f1f26;

  /* Text */
  --text-color:         #e8dcc8;
  --text-color-light:   #a89880;

  /* Akzente */
  --success-color:      #c8860a;
  --warning-color:      #f0b429;
  --error-color:        #c0392b;
  --link-color:         #f0b429;
  --border-color:       rgba(200, 134, 10, 0.3);
}

/* ── Schriften ──────────────────────────────────────────────────────── */
.conversejs.theme-dulviba,
.conversejs.theme-dulviba * {
  font-family: 'MedievalSharp', serif !important;
}

/* Überschriften im Chat */
.conversejs.theme-dulviba .chat-head,
.conversejs.theme-dulviba .chatroom-title,
.conversejs.theme-dulviba .chatbox-title__text {
  font-family: 'Pirata One Regular', serif !important;
  color: #f0b429 !important;
}

/* ── Schriftgrößen ──────────────────────────────────────────────────── */
.conversejs.theme-dulviba {
  font-size: 1.1rem;
}

.conversejs.theme-dulviba .chat-msg__author {
  font-size: 1.1rem;
}

.conversejs.theme-dulviba .chat-msg__text {
  font-size: 1.0rem;
}

.conversejs.theme-dulviba .chatbox-title__text,
.conversejs.theme-dulviba .chatroom-title {
  font-size: 1.3rem;
}

.conversejs.theme-dulviba .message.date-separator .date {
  font-size: 0.95rem;
}

.conversejs.theme-dulviba .chat-textarea {
  font-size: 1.0rem;
}

.conversejs.theme-dulviba converse-message-form textarea,
.conversejs.theme-dulviba .chat-textarea,
.conversejs.theme-dulviba textarea {
  font-size: 1.0rem !important;
}

/* ── Header-Leiste (war orange) ─────────────────────────────────────── */
.conversejs.theme-dulviba .chat-head-chatroom,
.conversejs.theme-dulviba .chatbox-title {
  background-color: #1e3a45 !important;
  border-bottom: 1px solid rgba(200, 134, 10, 0.4) !important;
}

/* ── Chat-Header ausblenden ─────────────────────────────────────────── */
.conversejs.theme-dulviba .chat-head-chatroom {
  display: none !important;
}

/* ── Datumsanzeige ──────────────────────────────────────────────────── */
.conversejs.theme-dulviba .message.date-separator .date {
  background-color: #1e3a45 !important;
  color: #a89880 !important;
  border: 1px solid rgba(200, 134, 10, 0.3) !important;
}

.conversejs.theme-dulviba .separator-line {
  border-color: rgba(200, 134, 10, 0.2) !important;
}

/* ── Eingabefeld ────────────────────────────────────────────────────── */
.conversejs.theme-dulviba .chat-textarea,
.conversejs.theme-dulviba converse-message-form textarea {
  background-color: #1e3a45 !important;
  color: #e8dcc8 !important;
  border-top: 1px solid rgba(200, 134, 10, 0.3) !important;
}

/* ── Sende-Button ───────────────────────────────────────────────────── */
.conversejs.theme-dulviba .send-button {
  background: linear-gradient(135deg, #c8860a, #f0b429) !important;
  color: #152b33 !important;
  border: none !important;
}

/* ── Nachrichten ────────────────────────────────────────────────────── */
.conversejs.theme-dulviba .chat-msg__author {
  color: #f0b429 !important;
}

.conversejs.theme-dulviba .chat-msg__text {
  color: #e8dcc8 !important;
}

/* ── Nachrichtenbereich Hintergrund ─────────────────────────────────── */
.conversejs.theme-dulviba .chat-content,
.conversejs.theme-dulviba .chat-content--muc {
  background-color: #051b22 !important;
}

/* ── Sende-Button Bereich ───────────────────────────────────────────── */
.conversejs.theme-dulviba .chat-toolbar,
.conversejs.theme-dulviba .chat-toolbar--muc,
.conversejs.theme-dulviba converse-toolbar {
  background-color: #051b22 !important;
  border-top: 1px solid rgba(200, 134, 10, 0.3) !important;
}

/* ── Avatar-Buchstabe ───────────────────────────────────────────────── */
.conversejs.theme-dulviba .avatar {
  background-color: #c8860a !important;
  color: #152b33 !important;
}

/* ── z-index Chatbox ────────────────────────────────────────────────── */
/* verschiebt Chat in den Hintergrund, um Titelleiste nicht zu verdecken */
.conversejs.theme-dulviba,
.conversejs.theme-dulviba .chatroom,
.conversejs.theme-dulviba .box-flyout {
  z-index: 1 !important;
}