/* ============================================================
   Schriftgröße / Barrierefreiheit  (mitgehn.de)
   Vergrößert NUR Lese-Texte — KEIN Zoom.
   -> kein horizontales Abschneiden, identisch in iOS-WebView.
   --fs-mult wird über die Klasse html.fs-mittel / html.fs-gross
   gesetzt (Klasse kommt aus header.php anhand der Nutzer-Einstellung).
   Bei "Normal" ist --fs-mult nicht gesetzt -> var(...,1) = 1 -> Originalgröße.
   Diese Datei MUSS nach styles.css/app.css/theme-editorial.css geladen werden.
   ============================================================ */

html.fs-mittel { --fs-mult: 1.20; }
html.fs-gross  { --fs-mult: 1.45; }

/* --- Geerbte Fließtexte (Elemente ohne eigene px-Größe) --- */
html.fs-mittel body,
html.fs-gross  body { font-size: calc(16px * var(--fs-mult, 1)); }

/* --- Chat / Gruppen-Nachrichten (auch inline font-size:13px überschreiben) --- */
.bubble,
.bubble [style*="font-size:13px"] { font-size: calc(13px * var(--fs-mult, 1)) !important; }

/* --- Treffen-/Feed-Karten: Titel & Texte --- */
.ed-title        { font-size: calc(25px   * var(--fs-mult, 1)) !important; }
.ed-head-line1   { font-size: calc(15px   * var(--fs-mult, 1)) !important; }
.ed-head-line2   { font-size: calc(13px   * var(--fs-mult, 1)) !important; }
.ed-parts-txt    { font-size: calc(13.5px * var(--fs-mult, 1)) !important; }
.ed-pill         { font-size: calc(13.5px * var(--fs-mult, 1)) !important; }
.act-card-title  { font-size: calc(17px   * var(--fs-mult, 1)) !important; }
.act-card-meta   { font-size: calc(13px   * var(--fs-mult, 1)) !important; }
.spots           { font-size: calc(12px   * var(--fs-mult, 1)) !important; }
body.design-editorial .act-title        { font-size: calc(17px   * var(--fs-mult, 1)) !important; }
body.design-editorial .act-meta > span  { font-size: calc(11.5px * var(--fs-mult, 1)) !important; }
body.design-editorial .ed-greet-name    { font-size: calc(22px   * var(--fs-mult, 1)) !important; }
body.design-editorial .ed-greet-sub     { font-size: calc(13.5px * var(--fs-mult, 1)) !important; }

/* --- Treffen-Detail: Beschreibung & Info-Zeilen --- */
.ed-desc             { font-size: calc(16px   * var(--fs-mult, 1)) !important; }
.ed-info-main        { font-size: calc(14.5px * var(--fs-mult, 1)) !important; }
.ed-info-sub         { font-size: calc(12.5px * var(--fs-mult, 1)) !important; }
.ed-side-item-title  { font-size: calc(14px   * var(--fs-mult, 1)) !important; }
.ed-side-item-sub    { font-size: calc(12.5px * var(--fs-mult, 1)) !important; }
.ed-side-note-txt    { font-size: calc(13.5px * var(--fs-mult, 1)) !important; }

/* --- Direktnachrichten / Nachrichten-Liste --- */
.ed-dm-list-title { font-size: calc(24px   * var(--fs-mult, 1)) !important; }
.ed-dm-name       { font-size: calc(14.5px * var(--fs-mult, 1)) !important; }
.ed-dm-prev       { font-size: calc(12.5px * var(--fs-mult, 1)) !important; }
.ed-composer-txt  { font-size: calc(15px   * var(--fs-mult, 1)) !important; }

/* --- Statistik --- */
.ed-stat-n { font-size: calc(25px   * var(--fs-mult, 1)) !important; }
.ed-stat-l { font-size: calc(12.5px * var(--fs-mult, 1)) !important; }

/* --- Profil --- */
.profile-name { font-size: calc(24px * var(--fs-mult, 1)) !important; }
.profile-city { font-size: calc(14px * var(--fs-mult, 1)) !important; }

/* --- Seiten-Unterzeile & Formulare --- */
.page-sub             { font-size: calc(16px * var(--fs-mult, 1)) !important; }
.form-label           { font-size: calc(14px * var(--fs-mult, 1)) !important; }
.form-input           { font-size: calc(15px * var(--fs-mult, 1)) !important; }
.form-hint            { font-size: calc(12px * var(--fs-mult, 1)) !important; }
.chat-input-row input { font-size: calc(14px * var(--fs-mult, 1)) !important; }

/* --- Große Überschriften mit clamp() (Detail-Titel, Seiten-Titel) --- */
body.design-editorial .activity-grid h1 {
  font-size: clamp(calc(24px * var(--fs-mult, 1)), calc(3vw * var(--fs-mult, 1)), calc(30px * var(--fs-mult, 1))) !important;
}
.page-title {
  font-size: clamp(calc(28px * var(--fs-mult, 1)), calc(3vw * var(--fs-mult, 1)), calc(40px * var(--fs-mult, 1))) !important;
}