/* ============================================================
   Eneris Consulting - Personnalisation LimeSurvey
   Theme etendu : Eneris_Survey (base fruity_twentythree)
   v3 - fichier complet et unique - 21.08.2026
   Remplace integralement le contenu de custom.css
   ============================================================ */

/* ------------------------------------------------------------
   1. Police Tenon
   ------------------------------------------------------------ */
@font-face {
  font-family: 'Tenon';
  src: url('../files/Tenon_Regular.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Tenon';
  src: url('../files/Tenon_Medium.woff') format('woff');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Tenon';
  src: url('../files/Tenon_Bold.woff') format('woff');
  font-weight: 700; font-style: normal; font-display: swap;
}

body, .ls-answers, .question-text, .group-title, .btn {
  font-family: 'Tenon', 'Segoe UI', Arial, sans-serif !important;
}

/* ------------------------------------------------------------
   2. Couleurs Eneris
   ------------------------------------------------------------ */
:root {
  --eneris-orange: #FF6B00;
  --eneris-orange-dark: #E05E00;
  --eneris-text: #212121;
}

/* ------------------------------------------------------------
   3. Logo (agrandi)
   ------------------------------------------------------------ */
.navbar-brand img,
#survey-nav img {
  max-height: 72px;
  width: auto;
}
.navbar-brand { padding-top: 6px; padding-bottom: 6px; }

/* ------------------------------------------------------------
   4. Titres de sections
   ------------------------------------------------------------ */
.group-title {
  color: var(--eneris-orange);
  font-weight: 700;
}

/* ------------------------------------------------------------
   5. Titres de questions : "1. Nom complet *"
      numero + point + titre sur une ligne, noir gras,
      meme taille, etoile orange
   ------------------------------------------------------------ */
.question-title-container {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.question-number,
.question-text,
.question-text .ls-label-question {
  color: var(--eneris-text) !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
}
.question-number { order: 1; }
.question-number::after { content: "."; }
.question-text,
.question-text .ls-label-question { order: 2; }
.asterisk {
  order: 3;
  color: var(--eneris-orange) !important;
  font-size: 1.1rem !important;
}

/* ------------------------------------------------------------
   6. Champs texte : largeur fixe, jamais pleine page
   ------------------------------------------------------------ */
.question-container input[type="text"],
.question-container input[type="email"],
.question-container input[type="tel"],
.question-container input.form-control {
  max-width: 420px !important;
}
.question-container textarea,
.question-container textarea.form-control {
  max-width: 640px !important;
  min-height: 120px;
}

/* ------------------------------------------------------------
   7. Boutons : Suivant, Envoyer, Precedent en orange
   ------------------------------------------------------------ */
.btn-primary,
#ls-button-submit,
#ls-button-previous,
.ls-move-next-btn,
.ls-move-submit-btn,
.ls-move-previous-btn {
  background-color: var(--eneris-orange) !important;
  border-color: var(--eneris-orange) !important;
  color: #fff !important;
}
.btn-primary:hover,
#ls-button-submit:hover,
#ls-button-previous:hover,
.ls-move-next-btn:hover,
.ls-move-submit-btn:hover,
.ls-move-previous-btn:hover {
  background-color: var(--eneris-orange-dark) !important;
  border-color: var(--eneris-orange-dark) !important;
}

/* ------------------------------------------------------------
   8. Barre de progression
   ------------------------------------------------------------ */
.progress-bar { background-color: var(--eneris-orange) !important; }

/* ------------------------------------------------------------
   9. Liens
   ------------------------------------------------------------ */
.survey-container a,
#outerframeContainer a { color: var(--eneris-orange); }
.survey-container a:hover,
#outerframeContainer a:hover { color: var(--eneris-orange-dark); }

/* ------------------------------------------------------------
   10. Boutons radio et cases cochees
   ------------------------------------------------------------ */
.answer-item input[type="radio"]:checked,
.answer-item input[type="checkbox"]:checked {
  accent-color: var(--eneris-orange);
}

/* ------------------------------------------------------------
   11. Messages d'erreur / validation
   ------------------------------------------------------------ */
.text-danger { color: var(--eneris-orange-dark) !important; }
/* Masque le mot "Obligatoire" à l'écran, le laisse aux lecteurs d'écran ; l'astérisque reste */
.ls-question-mandatory {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}
.text-item textarea { width: 100%; }