/**
 * Layout-Korrekturen für den AI DeepChat Block im Frontend.
 *
 * Das Modul sticky-chatbot.css setzt margin-bottom: 50px im collapsed-Zustand,
 * damit der Header-Balken als Toggle-Button sichtbar bleibt. Im geöffneten
 * Zustand muss deep-chat die verfügbare Höhe minus den Header nutzen, damit
 * kein doppelter Button-Bereich erscheint.
 */

/* Im geöffneten Zustand: Container hat feste Höhe, kein margin-bottom */
.chat-container.chat-open {
  bottom: 0;
  margin-bottom: 0;
}

/* deep-chat bekommt die gesamte verbleibende Höhe des Containers.
   Der Header ist ~46px hoch (padding 10px*2 + Inhalt ~26px). */
.chat-container.chat-open .chat-element {
  height: calc(100% - 46px);
}

.chat-container.chat-open deep-chat {
  width: 100% !important;
  height: 100% !important;
}

/* Container hat feste Breite/Höhe wenn offen */
.chat-container.bottom-right.chat-open,
.chat-container.bottom-left.chat-open {
  width: 500px;
  height: 500px;
}

/* Auf Mobile: volle Breite/Höhe */
@media (max-width: 768px) {
  .chat-container.bottom-right.chat-open,
  .chat-container.bottom-left.chat-open {
    width: 100%;
    height: 80vh;
  }
}