/*
 * Note: Baseline nudge for inline SVG icons emitted by IconResolver.
 * FA Free 7 (what we vendor) draws many glyphs edge-to-edge inside their
 * viewBox while FA 5 (what PF docs renders) leaves vertical padding, so
 * without this rule our icons sit ~11% higher than their PF docs equivalent
 * relative to the surrounding text baseline. -0.125em is Font Awesome's
 * long-standing convention for aligning inline icons to text.
 */
.pf-v6-svg {
  vertical-align: -0.125em;
}

/* .ws-code-editor {
    border: var(--pf-t--global--border--width--box--default) solid var(--pf-t--global--border--color--default);
    border-radius: var(--pf-t--global--border--radius--small);
    overflow: hidden;
} */

.pha-c-code-editor__error {
  padding: var(--pf-t--global--spacer--md);
  color: var(--pf-t--global--text--color--status--danger--default);
  background-color: var(--pf-t--global--background--color--status--danger--default);
  white-space: pre-wrap;
}

/*
 * Masthead logo theme swap. The light and dark logo variants are both in the
 * DOM; the pf-v6-theme-dark class on <html> (set by the theme selector, which
 * also resolves colorScheme=system) decides which one is visible. A
 * prefers-color-scheme media query would ignore the explicit in-page toggle.
 */
.pha-masthead-logo {
  height: 40px;
}

.pha-masthead-logo--dark,
.pf-v6-theme-dark .pha-masthead-logo--light {
  display: none;
}

.pf-v6-theme-dark .pha-masthead-logo--dark {
  display: block;
}
