/*
 * Simulator-local styles.
 *
 * Shared baseline (focus reset, .btn-outline-light, .accordion-button,
 * .col-md-6 padding, .scenario-image, .list-group-item, inline-rename
 * input for #id_simulation_name) lives in static/css/base.css and
 * components.css.
 */

label {
  margin-bottom: 0 !important;
}

ul.simulation-options li {
  padding: 1.5rem 0;
}

/* Muted info card used for "About this scenario" panels. */
.sesam-simulator-info-card { background: rgba(234, 236, 244, 0.1); }

/* Justified text inside scenario comment blocks. */
.sesam-simulator-text-justify { text-align: justify; }

/* Static, non-collapsing accordion-button visual used for runner/config
   section headers ("Options", "Outputs", …). Mimics the Bootstrap
   "open accordion-button" look with a soft blue background, but keeps
   the heading in the default body color (matching production).
   Doubled class selector raises specificity above the base.css rule
   `.accordion-button:not(.collapsed)` which would otherwise repaint
   color and background. */
.sesam-simulator-accordion-static.sesam-simulator-accordion-static {
  color: #212529;
  background-color: #e7f1ff;
  padding: 1rem 1.25rem;
}

/* Headings inside the static accordion block inherit body color too. */
.sesam-simulator-accordion-static h1,
.sesam-simulator-accordion-static h2,
.sesam-simulator-accordion-static h3,
.sesam-simulator-accordion-static h4,
.sesam-simulator-accordion-static h5,
.sesam-simulator-accordion-static h6 {
  color: inherit;
}