/*
 * Admonition icons for the Antora Default UI
 *
 * NOTE: This file was generated with the help of AI (Claude by Anthropic).
 * Please review it before use.
 *
 * With `:icons: font`, Asciidoctor renders admonition icons as
 *   <i class="fa icon-note" title="Note"></i>
 * This file shows an icon (::before) and the title label (::after) inside
 * the colored "pill" of the Antora Default UI. The icons are inline SVGs
 * used as CSS masks, so no icon font (e.g. Font Awesome) is required.
 * The icon takes the current text color of the pill.
 *
 * The label text comes from the Asciidoctor caption attributes
 * (note-caption, tip-caption, ...) and can be translated there.
 */

/* Pill container: icon and title side by side, vertically centered.
   Specific enough to override the Default UI's fixed height/padding.
   `[class*=...]` does not depend on the order of classes. */
.doc .admonitionblock td.icon i.fa[class*="icon-"] {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;                          /* SVG has no built-in side bearing */
  width: auto;
  height: auto;
  padding: 0.3em 0.65em 0.3em 0.5em;
  font-family: inherit;                /* use the page's text font */
  font-style: normal;
  line-height: 1;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased; /* finer white text on colored background */
  -moz-osx-font-smoothing: grayscale;
}

/* Icon: inline SVG used as a mask, colored with the current text color */
.doc .admonitionblock td.icon i.fa[class*="icon-"]::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1.1em;
  height: 1.1em;
  background-color: currentColor;
  -webkit-mask: var(--admonition-icon) no-repeat center / contain;
  mask: var(--admonition-icon) no-repeat center / contain;
}

/* Title: rendered from the title attribute (the translated caption) */
.doc .admonitionblock td.icon i.fa[class*="icon-"]::after {
  content: attr(title);
  font-weight: 600;
  line-height: 1;
}

/* Icon shapes: simple 16x16 SVG paths.
   fill-rule evenodd cuts the inner shapes out of the outer shape.
   Encode "#" as "%23" if you replace a path with one containing colors. */

/* Note: circle with "i" */
.doc .admonitionblock td.icon .icon-note {
  --admonition-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill-rule='evenodd'><path d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zM7 7h2v5H7zm0-3h2v2H7z'/></svg>");
}

/* Important: circle with "!" */
.doc .admonitionblock td.icon .icon-important {
  --admonition-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill-rule='evenodd'><path d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zM7 3h2v6H7zm0 8h2v2H7z'/></svg>");
}

/* Warning: triangle with "!" */
.doc .admonitionblock td.icon .icon-warning {
  --admonition-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill-rule='evenodd'><path d='M8 1L0 15h16zM7 6h2v4H7zm0 5h2v2H7z'/></svg>");
}

/* Tip: light bulb */
.doc .admonitionblock td.icon .icon-tip {
  --admonition-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 0a5 5 0 0 0-3 9v2h6V9a5 5 0 0 0-3-9zM5 12h6v1.5H5zm1 2.5h4V16H6z'/></svg>");
}

/* Caution: flame */
.doc .admonitionblock td.icon .icon-caution {
  --admonition-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 0c1 4 5 6 5 10a5 5 0 0 1-10 0c0-2 1-3.5 2-4.5 0 2 1 3 2 3C6 6 6 3 8 0z'/></svg>");
}