/* =======================================================
   LimeSurvey 3.28 — Thème IARA (custom.css)
   Version corrigée (sans bug "Autre")
   ======================================================= */

/* =====================
   Variables (palette)
   ===================== */
:root {
  --iara-orange: #f26c1f;
  --iara-orange-550: #e05512;
  --iara-orange-600: #d35400;
  --iara-orange-650: #c44a00;
  --iara-orange-750: #a84300;

  --ink: #1d1d1b;
  --muted: #6b7280;
  --border: #e6e7eb;
  --bg: #fff;

  --tint-4: rgba(242,108,31,.04);
  --tint-6: rgba(242,108,31,.06);
  --tint-8: rgba(242,108,31,.08);

  --radius: 10px;
}

/* =====================
   Base typographique
   ===================== */
html { font-size: 100%; }
body {
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6,.h4 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.3;
  color: var(--ink);
  margin: .5em 0 .25em;
}
h1 { font-size: 2.4rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.6rem; }

/* =====================
   Titres et blocs
   ===================== */
h2.question-title, h3.question-title {
  color: var(--ink);
  font-weight: 600;
  border-bottom: 1px solid var(--border);
  padding-bottom: .2rem;
  margin-bottom: .5rem;
}
.question-title-container,
.group-description.row.well.space-col {
  background: var(--tint-6);
  border-left: 4px solid var(--iara-orange);
  color: var(--ink);
  font-weight: 500;
  font-size: 1.125rem;
  padding: .5rem .75rem;
  margin-bottom: .5rem;
}

/* =====================
   Asterisques
   ===================== */
.asterisk, .question .asterisk, .important-asterisk {
  color: #b42318;
  font-weight: 600;
  margin: 0 .4em 0 .3em;
  font-size: 1.1rem;
  vertical-align: middle;
}

/* =====================
   Champs
   ===================== */
.form-control, .ls-input, input[type="text"], select, textarea {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: none;
}
.form-control:focus, .ls-input:focus, select:focus, textarea:focus {
  border-color: var(--iara-orange-600);
  box-shadow: 0 0 0 3px rgba(242,108,31,.2);
  outline: 2px solid transparent;
}

/* =====================
   Navbar
   ===================== */
.navbar {
  min-height: 36px !important;
  margin-bottom: .5rem !important;
  box-shadow: none !important;
  border-bottom: none !important;
}
#navbar {
  min-height: 32px !important;
  padding: 0 !important;
}
#navbar .navbar-nav > li > a {
  padding: 4px 8px !important;
  font-size: 0.85rem !important;
}

/* =====================
   Boutons Oui / Non
   ===================== */
ul.ls-answers.button-list.yesno-button.btn-group-justified {
  display: flex !important;
  gap: 0.75rem;
}
ul.ls-answers.button-list.yesno-button .button-item {
  flex: 1 1 0;
  background: var(--iara-orange);
  color: #fff;
  border-radius: 4px;
}

/* =====================
   ✔️ Radios / Checkboxes (CORRIGÉ)
   ===================== */
.ls-question-wrapper .row,
.question-container .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* IMPORTANT : on laisse Bootstrap gérer le padding-left */
.checkbox-list .checkbox,
.radio-list .radio {
  margin: 0.25rem 0 !important;
  line-height: 1.3 !important;
}

/* input */
.checkbox-list input[type="checkbox"],
.radio-list input[type="radio"] {
  margin-right: 0.4rem;
  vertical-align: middle;
}

/* label (clé du fix) */
.checkbox-list label,
.radio-list label {
  font-size: 0.95rem;
  font-weight: 400;
  margin: 0;
  display: inline-block;
}

/* =====================
   Questions
   ===================== */
.question-item {
  padding: 0 0 .5rem 0 !important;
}

/* =====================
   Progress bar
   ===================== */
.progress {
  height: .75rem;
  border-radius: 999px;
}
.progress-bar { background: var(--iara-orange); }

/* =====================
   Description
   ===================== */
.fruity .survey-description,
.fruity .group-description {
  color: var(--ink) !important;
  text-align: justify;
  font-size: 0.9rem !important;
}

.ls-answers.checkbox-list.answers-list.row > li.checkbox-item {
  margin-left: 2rem;
}

.ls-answers.checkbox-list.answers-list.row > li.checkbox-text-item {
  margin-left: 0 !important;
}