/*
 * EXT:iconpack_um – einheitliche Darstellung der UM-Icons (TYPO3 v12/v13)
 *
 * Wird von EXT:iconpack automatisch im Frontend und Backend geladen
 * (siehe Configuration/Iconpack/TYPO3.yaml -> renderTypes.*.css)
 * und zusätzlich per contentsCss in CKEditor 5 (RTE-Preset "redesign").
 *
 * Voraussetzung: Die SVG-Dateien haben eine viewBox und KEINE festen
 * width/height-Attribute – nur dann skalieren sie über CSS.
 *
 * Größen zentral über Custom Properties steuerbar:
 *   :root { --mci-size-sm: 1.5em; --mci-size-md: 40px; --mci-size-lg: 48px; --mci-size-xl: 60px; }
 * Einzelnes Icon: <… style="--mci-size: 32px">
 */

:root {
  --mci-size-sm: 1.5em;   /* Kontakt: Mail, Phone, Fax (im Fließtext) */
  --mci-size-md: 40px;    /* Kennzahlen: Drittmittel, Spenden, Betten, CMI, Umsatz */
  --mci-size-lg: 48px;    /* UMM-icon-big-* */
  --mci-size-xl: 60px;    /* Themen-Icons: Mutterschutz, Studientage, Schwanger … */
}

/* Basis: Höhe steuert, Breite folgt dem Seitenverhältnis der viewBox */
.iconpack.mci,
.ck-widget-iconpack svg.mci {
  --iconpack-height: var(--mci-size, var(--mci-size-sm));
  display: inline-block;
  height: var(--iconpack-height);
  width: auto;
  max-width: none;
  overflow: visible;
  fill: currentColor;
  flex-shrink: 0;
}

/* Gruppen */
.iconpack.mci[class*="UMM-icon-Mail"],
.iconpack.mci[class*="UMM-icon-Phone"],
.iconpack.mci[class*="UMM-icon-Fax"] {
  --mci-size: var(--mci-size-sm);
  vertical-align: -.35em;
}

.iconpack.mci[class*="UMM-icon-Drittmittel"],
.iconpack.mci[class*="UMM-icon-Spenden"],
.iconpack.mci[class*="UMM-icon-Betten"],
.iconpack.mci[class*="UMM-icon-Case-Mix-Index"],
.iconpack.mci[class*="UMM-icon-Umsatz"] {
  --mci-size: var(--mci-size-md);
  vertical-align: middle;
}

.iconpack.mci[class*="UMM-icon-big-"] {
  --mci-size: var(--mci-size-lg);
  vertical-align: middle;
}

.iconpack.mci[class*="UMM-icon-Mutterschutz"],
.iconpack.mci[class*="UMM-icon-Gefaehrungsbeurteilung"],
.iconpack.mci[class*="UMM-icon-Pfeil-Rechts"],
.iconpack.mci[class*="UMM-icon-Studientage"],
.iconpack.mci[class*="UMM-icon-Veroeffentlichungen"],
.iconpack.mci[class*="UMM-icon-schwanger"] {
  --mci-size: var(--mci-size-xl);
  vertical-align: middle;
}

/* Iconpack-Auswahldialog im Backend: grauer Hintergrund wie in v11 */
.modal-iconpack #iconpack-icons li {
  background-color: #ccc;
}
.modal-iconpack #iconpack-icons li svg,
.modal-iconpack #iconpack-icons li img {
  margin: auto !important;
}