/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* IDÉES-AFRIQUE : couleur d'accent (bouton "Démarrer l'enquête", "Suivant", "Soumettre") */
.btn-primary {
  color: #1A202C;
  background-color: #D4A017;
  border-color: #D4A017;
}
.btn-primary:hover,
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: #1A202C;
  background-color: #B98D13;
  border-color: #B98D13;
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #1A202C;
  background-color: #A87D10;
  border-color: #A87D10;
}
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(212, 160, 23, 0.5);
}
.btn-primary:disabled,
.btn-primary.disabled {
  color: #1A202C;
  background-color: #D4A017;
  border-color: #D4A017;
}

/* Mise en page plus soignée : texte justifié + meilleure lisibilité */
.survey-welcome,
.group-description,
.ls-label-question,
.question-text,
.description {
  text-align: justify;
  text-align-last: left;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  line-height: 1.4;
}

/* Habillage visuel : espacement et couleurs de marque IDÉES-AFRIQUE */

/* Barre de progression en haut de page */
.progress-bar {
  background-color: #D4A017 !important;
}

/* Cases à cocher et boutons radio aux couleurs de la marque */
input[type="radio"],
input[type="checkbox"] {
  accent-color: #D4A017;
}

/* Liens (hors boutons) */
a:not(.btn) {
  color: #B98D13;
}
a:not(.btn):hover {
  color: #8f6d0f;
}

/* Cartes de question : plus de respiration, coins arrondis, légère ombre */
.question-container {
  padding: 1.5rem !important;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(26, 32, 44, 0.06);
  margin-bottom: 1.25rem;
}

/* Espacement entre les choix de réponse */
.answer-item {
  padding: 0.5rem 0.25rem;
  border-radius: 6px;
  transition: background-color 0.15s ease;
}
.answer-item:hover {
  background-color: rgba(212, 160, 23, 0.07);
}

/* Titre de groupe : petit accent de couleur sous le titre */
.group-title {
  padding-bottom: 0.75rem;
  margin-bottom: 1.25rem;
  border-bottom: 3px solid #D4A017;
  display: inline-block;
}

/* Un peu plus d'air entre le texte de description de groupe et les questions */
.group-description {
  margin-bottom: 1.75rem;
}

/* Colonne de contenu plus large sur grand écran (moins de vide à droite, texte moins haut) */
@media (min-width: 992px) {
  .container-fluid.col-xl-8,
  .top-content.col-xl-8,
  .col-xl-8 {
    width: 92% !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
}

/* Le bloc de bienvenue avait sa propre largeur maximale fixée par le thème (750px) */
#welcome-container {
  max-width: 100% !important;
}