/* ============================================
   DELACIS × EvalAndGo — Surcharge charte graphique
   À coller APRÈS le CSS généré automatiquement
   (zone "CSS personnalisé" du design EvalAndGo)
   ============================================ */

/* --- 1. Polices Delacis --- */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Lexend:wght@400;500;600&display=swap");

/* --- 2. Variables de marque --- */
:root {
  /* Fond & conteneur */
  --eg-body-bg-color: #F2ECDD;
  --eg-container-bg-color: #F2ECDD;
  --eg-container-bg-color-contrast: #3D3B36;
  --eg-container-border-radius: 16px;
  --eg-container-shadow: 0 6px 24px rgba(61, 59, 54, 0.10);

  /* Nav / barre de progression */
  --eg-nav-bg-color: #0E2A2E;
  --eg-nav-bg-color-contrast: #F2ECDD;
  --eg-progress-bar-bg-color: #E4DBC8; /* piste = crème assombrie */
  --eg-progress-bar-fill: #D9643F;
  --eg-progress-bar-border-radius: 99px;

  /* Titre */
  --eg-title-color: #0E2A2E;
  --eg-title-font-family: "Plus Jakarta Sans", sans-serif;
  --eg-title-font-weight: 700;
  --eg-title-letter-spacing: 0px;

  /* Question */
  --eg-question-color: #0E2A2E;
  --eg-question-font-familly: "Plus Jakarta Sans", sans-serif;
  --eg-question-font-weight: 600;

  /* Blocs de réponse (état repos / hover) */
  --eg-block-color: #3D3B36;
  --eg-block-bg-color: #ffffff;
  --eg-block-color-hover: #0E2A2E;
  --eg-block-bg-color-hover: #F3E2D8; /* corail très clair */
  --eg-block-bg-color-shade: #E4DBC8;
  --eg-block-bg-color-shade-2: #DDD2BB;
  --eg-block-bg-color-shade-3: #BFAF94;
  --eg-block-bg-color-shade-4: #998C74;
  --eg-block-border-radius: 8px;
  --eg-block-border-width: 1px;
  --eg-block-border-color: #DDD2BB;
  --eg-block-font-family: "Lexend", sans-serif;
  --eg-block-font-size: 16px;
  --eg-block-font-weight: 500;

  /* Couleur primaire / accent (checkbox, focus…) */
  --eg-primary-color: #D9643F;
  --eg-primary-color-rgb: 217, 100, 63;
  --eg-primary-color-contrast: #F2ECDD;
  --eg-primary-color-shade: #B84F2E;
  --eg-checkbox-color: #D9643F;
  --eg-checkbox-color-contrast: #F2ECDD;

  /* Boutons de navigation (Suivant / Précédent / Valider) */
  --eg-nav-btn-border-radius: 4px;
  --eg-nav-btn-text-transform: none;
  --eg-nav-btn-font-weight: 600;
  --eg-nav-btn-shadow: none;

  /* Champs de saisie */
  --eg-input-bg-color: #ffffff;
  --eg-input-border-color: #DDD2BB;
  --eg-input-text-color: #3D3B36;
  --eg-input-border-radius: 8px;
}

/* --- 3. Boutons de navigation : corail → petrol au survol (règle 11.4) --- */
.questionnaire-nav-btn {
  --bs-btn-color: #F2ECDD;
  --bs-btn-bg: #D9643F;
  --bs-btn-border-color: #D9643F;
  --bs-btn-hover-color: #F2ECDD;
  --bs-btn-hover-bg: #0E2A2E;
  --bs-btn-hover-border-color: #0E2A2E;
  --bs-btn-active-color: #F2ECDD;
  --bs-btn-active-bg: #0E2A2E;
  --bs-btn-active-border-color: #0E2A2E;
  --bs-btn-disabled-color: #F2ECDD;
  --bs-btn-disabled-bg: #DDD2BB;
  --bs-btn-disabled-border-color: #DDD2BB;
  border-radius: 4px !important;
  font-family: "Plus Jakarta Sans", sans-serif;
  letter-spacing: 0.02em;
}

/* --- 4. Blocs de réponse (QCM/QCU) : état repos, hover, sélectionné --- */
.questionnaire-block:not(.btn-success):not(.btn-danger) {
  --bs-btn-color: #3D3B36;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #DDD2BB;
  --bs-btn-hover-color: #0E2A2E;
  --bs-btn-hover-bg: #F3E2D8;
  --bs-btn-hover-border-color: #D9643F;
  --bs-btn-active-color: #F2ECDD;
  --bs-btn-active-bg: #D9643F;
  --bs-btn-active-border-color: #D9643F;
}

/* Surcharge des couleurs codées en dur (bleu #006EFF) sur l'état actif/sélectionné */
.questionnaire-block:not(.btn-success):not(.btn-danger):not(:disabled):not(.disabled).active,
.questionnaire-block:not(.btn-success):not(.btn-danger):not(:disabled):not(.disabled):active {
  background-color: #D9643F !important;
  border-color: #D9643F !important;
  color: #F2ECDD !important;
  box-shadow: -4px 6px 8.6px 0 rgba(217, 100, 63, 0.2) !important;
}

.bootstrap-select > button.dropdown-toggle,
.bootstrap-select {
  --bs-btn-color: #3D3B36;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #DDD2BB;
  --bs-btn-hover-color: #0E2A2E;
  --bs-btn-hover-bg: #F3E2D8;
  --bs-btn-hover-border-color: #D9643F;
  --bs-btn-active-bg: #D9643F;
  --bs-btn-active-color: #F2ECDD;
}

/* --- 5. Champs de saisie --- */
.form-control {
  box-shadow: none;
  border-radius: 8px;
  font-family: "Lexend", sans-serif;
  color: #3D3B36;
}
input, select, textarea {
  border-radius: 8px;
  box-shadow: -4px 6px 22.2px 0 rgba(61, 59, 54, 0.05);
  font-family: "Lexend", sans-serif;
}
input:hover, select:hover, textarea:hover {
  border-color: #D9643F;
  box-shadow: -4px 6px 22.2px 0 rgba(61, 59, 54, 0.05);
}
input:active, select:active, textarea:active,
.form-control:hover {
  box-shadow: 0 0 0 1px #D9643F !important;
}
.form-check-input {
  --bs-form-check-bg: transparent;
  border-color: #998C74;
}
.form-check-input:checked {
  background-color: #D9643F;
  border-color: #D9643F;
}

/* --- 6. Fond secondaire (ex : lignes alternées, tableaux de matrice) --- */
.bg-secondary {
  background-color: #F3E2D8 !important;
}

/* --- 7. Survol générique boutons "shadow" --- */
.btn.btn-shadow:hover {
  background-color: #F3E2D8 !important;
  border-color: #DDD2BB !important;
}

/* --- 8. Corps de texte / paragraphes --- */
body {
  background-color: #F2ECDD;
  color: #3D3B36;
  font-family: "Lexend", sans-serif;
}
p {
  font-weight: 400 !important;
  font-family: "Lexend", sans-serif;
}
.questionnaire-question-label {
  margin-bottom: 20px;
  font-family: "Plus Jakarta Sans", sans-serif;
}

/* --- 9. Container --- */
#questionnaire_container {
  width: 970px;
  max-width: 100%;
  margin: auto;
}