/* Eigenes CSS für Optometrie Online.

   Wird von scripts/answer-einrichten.sh über die Verwaltungs-API gesetzt
   (PUT /answer/admin/api/siteinfo/custom-css-html). In der Datenbank landet
   es unter site_info.type = 'css-html' — nicht unter dem Namen, den die
   öffentliche API dafür ausgibt ('custom_css_html').

   Hier gehört nur hinein, was sich ohne Eingriff in den Programmcode lösen
   lässt. Alles andere gehört in den Answer-Build unter
   Serverwartung/new-stack/answer/. */

/* --- Titel zuerst ---------------------------------------------------------

   Answer stellt in der Fragenliste den Verfasser vor den Titel. Bei einem
   Fachportal ist die Frage das Entscheidende — sie gehört nach oben, der
   Name darunter. Gelöst über die Reihenfolge in der Flexbox: kein Eingriff
   in den Programmcode, überlebt damit jedes Answer-Update.

   Das :has() grenzt auf Fragenlisten ein. Schlagwort- und Nutzerlisten
   verwenden dieselbe .list-group und bleiben so unberührt. */

.list-group > li:has(> .question-tags) {
  display: flex;
  flex-direction: column;
}

/* Alles Unbekannte ans Ende — etwa die Zeile mit Aufrufen und Antworten. */
.list-group > li:has(> .question-tags) > * { order: 5; }

.list-group > li:has(> .question-tags) > h5 {
  order: 1;
  margin-bottom: .35rem;
}
.list-group > li:has(> .question-tags) > .d-flex.flex-wrap.text-secondary {
  order: 2;
  margin-bottom: .5rem !important;
}
.list-group > li:has(> .question-tags) > .text-truncate-2 { order: 3; }
.list-group > li:has(> .question-tags) > .question-tags  { order: 4; }

/* --- Anhänge der Beiträge -------------------------------------------------

   401 Dateien hingen in Drupal an Beiträgen, außerhalb des Fließtextes: Fotos
   von Fällen, 22 PDF-Dokumente. Der Import hatte sie übersehen; sie stehen
   jetzt unter dem jeweiligen Beitrag.

   Die Größenbeschränkung ist nötig, nicht kosmetisch: Es sind Aufnahmen aus
   Mobiltelefonen mit mehreren Megapixeln, die sonst bildschirmfüllend
   erscheinen und den Beitrag darunter aus dem Blick schieben. Wer das Detail
   braucht, öffnet das Bild über den Verweis. */

.beitrag-anhaenge {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(128, 128, 128, .25);
}

.beitrag-anhaenge > p:first-child {
  font-size: .875rem;
  color: #6c757d;
  margin-bottom: .5rem;
}

.beitrag-anhaenge img {
  max-width: min(100%, 34rem);
  height: auto;
  border-radius: .25rem;
}