/* Custom CSS for Phexium Framework Documentation */

/* Hide site name in sidebar (logo only) */
.md-header__title,
.md-nav__title {
  display: none;
}

/* Draft pages - light color on parent link */
.md-nav__link:has(.md-status--draft) .md-ellipsis {
  color: lightgray;
}

/* Draft badge - replaces default icon */
.md-status--draft {
  all: unset !important;
  display: inline-block !important;
  margin-left: 0.4em;
  vertical-align: middle;
}
.md-status--draft::before {
  content: "Draft" !important;
  display: inline-block !important;
  font-size: 0.5rem !important;
  letter-spacing: 0.02em !important;
  background: #ff9800 !important;
  color: white !important;
  padding: 0.2em 0.5em !important;
  border-radius: 1em !important;
  white-space: nowrap !important;
}
.md-status--draft::after {
  content: none !important;
  display: none !important;
}

/* Header source links - side by side */
.md-header__source {
  display: flex !important;
  flex-direction: row !important;
  gap: 0.4rem !important;
  width: auto !important;
  max-width: none !important;
}
.md-header__source .md-source {
  flex-shrink: 0 !important;
  width: auto !important;
  min-width: fit-content !important;
  max-width: none !important;
}
.md-source__repository {
  max-width: none !important;
}