/** UML **/
.plantuml {
    height: 100%;
    width: 100%;
}

.plantuml svg text {
    /*  Make map text un-selectable */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    pointer-events: none;
}

.plantuml svg text::selection {
    background: none;
}

/** JS Panel **/
.jsPanel-ftr span.desc {
    display: "flex";
    justify-content: "space-between";
}

.jsPanel-ftr span.desc {
    flex-grow: 1;
}

.jsPanel-ftr span.buttons {
    display: flex;
    align-items: center;
}

#conda-documentation .sd-tab-content {
    min-height: 9rem;
}

/** Sphinx Design Cards Overrides **/

.sd-card-body h1,
.sd-card-body h2,
.sd-card-body h3,
.sd-card-body h4,
.sd-card-body h5,
.sd-card-body h6 {
    margin-top: 5px;
}

/* ---- Feature card stage accents ----
 * Adds a colored left border to feature cards based on their stage.
 * Applied via :class-card: conda-feature-card conda-feature-{stable|beta}
 * in the markdown source.
 */

 .conda-feature-card {
    border-left-width: 3px !important;
    margin-bottom: 1.5rem;
  }

  .conda-feature-card.conda-feature-stable {
    border-left-color: var(--pst-color-primary) !important; /* primary green for stable */
  }

  .conda-feature-card.conda-feature-beta {
    border-left-color: var(--sd-color-warning) !important; /* orange for beta */
  }

  /* Stable badge color change to primary green */

  .sd-bg-success {
    background-color: var(--pst-color-primary) !important;
  }

  /* Pull the card up to sit right under its H2 heading,
   * so feature title + card body read as one visual unit.
   */
  h2 + .conda-feature-card,
  h2 + p + .conda-feature-card {
    margin-top: 0.5rem;
  }

/* ---- Feature heading distinction ----
 * Make H2 feature headings visually larger and give them more
 * vertical breathing room above, so the page feels like distinct
 * feature sections rather than a continuous scroll.
 */

main h2 {
    font-size: 2rem;
    margin-top: 3rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--pst-color-border, #dee2e6);
  }

  /* The very first H2 on the page doesn't need the giant top margin */
  main h2:first-of-type {
    margin-top: 2rem;
  }
