/*
 * Custom page status icons for specification lifecycle.
 *
 * Each --md-status--* variable uses an inline SVG from the Material Design
 * icon set. The mask-image technique lets the icon colour adapt to the
 * current theme (light / dark) automatically.
 *
 * Reference: https://squidfunk.github.io/mkdocs-material/reference/#setting-the-page-status
 */

:root {
  /* pencil – authoring in progress */
  --md-status--draft: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25z"/></svg>');

  /* eye – submitted for team review */
  --md-status--in-review: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5z"/></svg>');

  /* check-decagram – reviewed and accepted */
  --md-status--approved: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m23 12-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12m-12.91 4.72-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48-7.33 7.35z"/></svg>');

  /* progress-wrench – implementation underway */
  --md-status--in-progress: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.82 22H10.18l-.42-2.28c-.39-.18-.77-.39-1.12-.65l-2.16.86-1.81-3.14 1.75-1.57-.07-.56.07-.56-1.75-1.57 1.81-3.14 2.16.86c.35-.26.73-.47 1.12-.65L10.18 8h3.64l.42 2.28c.34.16.67.34.97.55l-1.82 1.82c-.47-.15-.97-.15-1.44 0-.2.07-.38.17-.54.29l-.3-.12-1.3.55-.14.78v.01c-.04.28-.04.56 0 .84l.14.78 1.3.55.3-.12c.38.29.83.47 1.3.51l-.01 1.96c-.24.09-.48.17-.72.27l-2.16-.86-1.81 3.14 1.75 1.57-.07.56.07.56 1.75 1.57-1.81 3.14-2.16-.86c-.35.26-.73.47-1.12.65L13.82 22M22.83 13.77l-.94-.83c.02-.15.02-.29 0-.44l.94-.83-.8-1.39-.36.14c-.16-.12-.33-.22-.51-.29L21 9.5h-1.61l-.15.63c-.18.07-.35.17-.51.29l-.36-.14-.8 1.39.94.83c-.01.15-.01.29 0 .44l-.94.83.8 1.39.36-.14c.29.22.63.35 1 .39v1.6c.04 0 .07-.01.11-.01h1.28c.04 0 .07.01.11.01v-1.6c.37-.04.71-.17 1-.39l.36.14.8-1.39M18 13.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5M22 19v1.28c.35.1.68.26.97.47l1.11-.64.64 1.11-1.11.64c.07.36.07.72 0 1.08l1.11.64-.64 1.11-1.11-.64c-.29.21-.62.37-.97.47V26h-1.28c-.1-.35-.26-.68-.47-.97l.64-1.11-1.11-.64c-.07-.36-.07-.72 0-1.08l-1.11-.64.64-1.11 1.11.64c.29-.21.62-.37.97-.47V19h1.28M20.5 21.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"/></svg>');

  /* check-circle – fully implemented */
  --md-status--implemented: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');

  /* swap-horizontal – replaced by a newer spec */
  --md-status--superseded: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 9l-4-4v3h-7v2h7v3M7 11l-4 4 4 4v-3h7v-2H7z"/></svg>');

  /* close-circle – reviewed and declined */
  --md-status--rejected: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>');

  /* archive – deprecated with no replacement */
  --md-status--deprecated: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 3h18v4H3V3m1 5h16v13H4V8m5.5 3a.5.5 0 0 0-.5.5V13h6v-1.5a.5.5 0 0 0-.5-.5h-5z"/></svg>');
}

.md-status--draft::after,
.md-status--DRAFT::after {
  mask-image: var(--md-status--draft);
}

.md-status--in-review::after,
.md-status--IN\ REVIEW::after {
  mask-image: var(--md-status--in-review);
}

.md-status--approved::after,
.md-status--APPROVED::after {
  mask-image: var(--md-status--approved);
}

.md-status--in-progress::after,
.md-status--IN\ PROGRESS::after {
  mask-image: var(--md-status--in-progress);
}

.md-status--implemented::after,
.md-status--IMPLEMENTED::after {
  mask-image: var(--md-status--implemented);
}

.md-status--superseded::after,
.md-status--SUPERSEDED::after {
  mask-image: var(--md-status--superseded);
}

.md-status--rejected::after,
.md-status--REJECTED::after {
  mask-image: var(--md-status--rejected);
}

.md-status--deprecated::after,
.md-status--DEPRECATED::after {
  mask-image: var(--md-status--deprecated);
}
