/*
 * idf-link-cell - eine Adresse als Link in einer Listenzelle.
 *
 * Die Zelle zeigt die Domain (ohne Schema und "www."), der Link fuehrt auf
 * die volle Adresse und oeffnet im neuen Fenster. Das Symbol dahinter sagt,
 * dass der Klick die App verlaesst. Die volle Adresse zeigt der Browser
 * beim Ueberfahren selbst, dafuer gibt es keinen Tooltip.
 *
 * Das Markup baut IDF.cells.linkHtml(url, opts) aus idf-link-cell.js:
 *   <a class="idf-link-cell" href="<IDF.util.safeUrl(url)>" target="_blank"
 *      rel="noopener noreferrer">
 *     <span class="idf-list-cell-text"><IDF.util.domainFromUrl(url)></span>
 *     <i class="fa-regular fa-arrow-up-right-from-square" aria-hidden="true"></i>
 *   </a>
 *
 * Die Domain steht in .idf-list-cell-text, damit sie mit Auslassungspunkten
 * endet und das Symbol in der Spalte bleibt (gemessen am Webservice, Issue
 * 1224: als nackter Text im Flex-Link schob eine lange Domain das Symbol
 * aus der Spalte).
 *
 * Erster Konsument war die App Ressourcen (Issue 1337), Vorbild
 * .ws-domain-link im Webservice; Issue 1348 hat die Kopien in Webservice,
 * Netzwerk und Stammdaten umgestellt.
 *
 * Seit Issue 1697 ist das der Link-Stil auch ausserhalb der Liste: im
 * Fenster (IDF.formCell.linkRender baut dasselbe Markup, mit `opts.text`
 * fuer die volle Adresse) und fuer Links im Text eines Moduls. Vorher stand
 * dort ein <a> ohne Klasse in Browser-Blau.
 *
 * Laedt automatisch ueber infrastructure/page-styles/idf-page-styles.php an
 * derselben Bedingung wie idf-list-grid.css ($useListEngine || $useListGrid)
 * und zusaetzlich mit $useFormCell, kein eigenes Flag (Muster
 * idf-farbe-punkt.css).
 */
.idf-link-cell {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
  max-width: 100%;
  /* Die Farbe der Umgebung. Bis Issue 1697 stand hier `--dark`, das es als
     Token nicht mehr gibt; geerbt wurde auch damals. */
  color: inherit;
  text-decoration: none;
}
/* Kuerzen mit Auslassungspunkten, auch wo das Listen-Raster nicht laedt
   (Fenster): dieselbe Regel wie .idf-list-cell-text in idf-list-grid.css. */
.idf-link-cell > .idf-list-cell-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.idf-link-cell i {
  flex: 0 0 auto;
  color: var(--ink-75);
  font-size: var(--font-xs);
}
.idf-link-cell:hover { color: var(--accent); text-decoration: underline; }
.idf-link-cell:hover i { color: var(--accent); }

/* In einer Sub-Line (Adresse unter einem Namen oder Datum) bleibt der Link
   im Grau der Sub-Line; erst der Hover hebt ihn wie in der Hauptzeile. */
.idf-list-cell-two-line-sub .idf-link-cell { color: inherit; }
.idf-list-cell-two-line-sub .idf-link-cell:hover { color: var(--accent); }