/* ==========================================================================
   MIRSYON — Chatfenster größer und lesbarer
   Chef 16.10.2026: „Da stehen immer diese Standardfragen, dadurch ist der Chat
   zu klein und man kann nicht genau lesen, was da steht."
   Zwei Eingriffe: mehr Platz fürs Gespräch, und die Vorschläge verschwinden,
   sobald die erste Frage gestellt ist — sie sind eine Starthilfe, kein Möbel.
   ========================================================================== */

.assi__fenster {
  /* Vorher 390 × 560 px. Jetzt so groß, wie der Bildschirm es hergibt.
     Die Obergrenze muss den Knopf darunter und die Abstände mitrechnen —
     sonst wandert die Kopfzeile mit dem Schließen-Knopf aus dem Bild. */
  width: min(460px, calc(100vw - 2rem));
  height: min(680px, calc(100vh - 7rem));
  max-height: calc(100dvh - 12rem - var(--assi-versatz, 0px));
}
@media (min-height: 900px) { .assi__fenster { height: min(760px, calc(100vh - 7rem)); } }

/* Lesbarer: größere Schrift, mehr Zeilenabstand, breitere Blasen */
.assi__blase {
  max-width: 92%;
  font-size: .95rem;
  line-height: 1.65;
  padding: .85rem 1.05rem;
}
.assi__blase--assistent { color: var(--text-hell); }
.assi__chat > .assi__liste { padding: 1.1rem 1.1rem 0; gap: .85rem; }

/* Absätze und Aufzählungen in der Antwort bekommen Luft */
.assi__blase p + p { margin-top: .75em; }
.assi__blase .assi__punkte { margin: .55em 0; display: grid; gap: .35em; }
.assi__blase .assi__punkte > span { display: block; padding-left: .2em; }
.assi__blase strong { color: #fff; font-weight: 600; }

/* Preise und Zahlen in der Antwort hervorheben */
.assi__blase .assi__betrag {
  font-family: var(--font-display); font-weight: 600; color: var(--hellblau);
  font-feature-settings: "tnum"; white-space: nowrap;
}

/* --- Vorschläge: Starthilfe, kein Dauergast ---------------------------- */
.assi__vorschlaege {
  transition: opacity .25s ease, max-height .3s ease, margin .3s ease, padding .3s ease;
  overflow: hidden;
}
.assi.hat-gespraech .assi__vorschlaege {
  opacity: 0; max-height: 0; margin: 0; padding: 0; pointer-events: none;
}
.assi__vorschlag {
  font-size: .82rem; padding: .5rem .9rem;
  text-align: left; line-height: 1.35;
}
.assi__vorschlag:active { transform: scale(.97); }

/* Eingabefeld: am Telefon 16 px, sonst zoomt iOS beim Antippen */
.assi__eingabe { font-size: 16px; }
@media (min-width: 760px) { .assi__eingabe { font-size: .92rem; } }

/* Auf dem Telefon nimmt der Chat fast den ganzen Bildschirm ein */
@media (max-width: 520px) {
  .assi__fenster { width: calc(100vw - 1.2rem); height: min(84vh, 700px);
    max-height: calc(100dvh - 6.5rem - var(--assi-versatz, 0px)); }
  .assi__blase { max-width: 94%; font-size: .94rem; }
}

/* Verweise auf eigene Seiten im Chat — der Besucher soll von der Antwort
   direkt zur Leistungsseite kommen. */
.assi__verweis {
  color: var(--hellblau);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .15em;
  word-break: break-word;
  font-weight: 500;
}
.assi__verweis:hover,
.assi__verweis:focus-visible { color: #fff; }