/* BUGS 04/10 (inc/bugs-0410.php). Switches: wp option update canape_b04_off 1, or canape_b04_quiz_off / _calc_off / _isp_off. */

/* ---------- quiz: the question as plain text, the number hanging in the margin (no flex, no fieldset border) ---------- */
body.b04-quiz:not(.dzp-manuel) .quiz .quiz__question,
body.b04-quiz:not(.dzp-manuel) .collection.dk .quiz__question { display: block; padding-top: 0; border-top: 0; }
body.b04-quiz:not(.dzp-manuel) .quiz .quiz__question legend,
body.b04-quiz:not(.dzp-manuel) .collection.dk .quiz__question legend {
  float: left; box-sizing: border-box; width: 100%; display: block; margin: 0 0 1.1rem; padding: 0.9rem 0 0 2.4rem;
  border-top: 1px solid var(--trait); text-indent: -2.4rem; font: 600 1rem/1.3 var(--sans);
}
body.b04-quiz:not(.dzp-manuel) .quiz .quiz__question legend .num,
body.b04-quiz:not(.dzp-manuel) .collection.dk .quiz__question legend .num {
  display: inline-block; box-sizing: border-box; width: 2.4rem; margin: 0 -0.1em 0 0; padding: 0; text-indent: 0; vertical-align: baseline;
}
body.b04-quiz:not(.dzp-manuel) .quiz .quiz__reponses,
body.b04-quiz:not(.dzp-manuel) .collection.dk .quiz__reponses { clear: both; }
@media (max-width: 760px) {
  body.b04-quiz:not(.dzp-manuel) .quiz .quiz__question legend,
  body.b04-quiz:not(.dzp-manuel) .collection.dk .quiz__question legend { padding-left: 2.1rem; text-indent: -2.1rem; margin-bottom: 0.9rem; }
  body.b04-quiz:not(.dzp-manuel) .quiz .quiz__question legend .num,
  body.b04-quiz:not(.dzp-manuel) .collection.dk .quiz__question legend .num { width: 2.1rem; }
}

/* ---------- calc: no native arrows on number fields; the value then its unit ---------- */
body.b04-calc input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
body.b04-calc input[type="number"]::-webkit-inner-spin-button,
body.b04-calc input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; }
body.b04-calc.dbt .calc__champ { box-sizing: border-box; min-width: 10rem; padding: 0.5rem 0.75rem 0; gap: 0; align-content: start; cursor: text; }
body.b04-calc.dbt .calc__champ > .calc__lib { padding: 0; }
body.b04-calc.dbt .calc__saisie { justify-content: flex-start; gap: 0.3rem; min-width: 0; padding: 0; }
body.b04-calc.dbt .calc__saisie input { flex: 0 0 auto; box-sizing: content-box; width: 2em; min-width: 0; padding: 0; text-align: left; }
body.b04-calc.dbt .calc__saisie input:placeholder-shown { width: 4.4em; }
body.b04-calc.dbt .calc__saisie input::placeholder { font-size: 0.88em; opacity: 1; }

/* ---------- isp: on a computer the scene column is the width of the 2:3 scene, nothing grey beside it ---------- */
@media (min-width: 861px) {
  body.b04-isp.d10-isp .ia-df { grid-template-columns: minmax(0, min(58vw, calc((100vh - 68px - var(--b04-cap, 6.15rem)) * 2 / 3))) minmax(0, 1fr); }
  body.b04-isp.d10-isp .ia-df-ph { background: var(--platre); }
  body.b04-isp.d10-isp .ia-df-cap { padding-left: 0.9rem; padding-right: 0.6rem; }
  body.b04-isp.d10-isp .ia-df-cote { width: 7.5rem; padding-right: 0.9rem; }
  body.b04-isp.d10-isp .ia-df-txt { justify-content: center; }
  body.b04-isp.d10-isp .ia-df-in { width: 100%; max-width: 38rem; }
}