/******************
    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
}/* ================================
   TYPOGRAPHIE GLOBALE
   ================================ */

body,
button,
input,
textarea,
select,
label,
p,
span,
div,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Segoe UI", Arial, sans-serif !important;
}/* ================================
   TITRES DE QUESTIONS - CLEAN FINAL
   ================================ */

/* Cible EXACT des titres */
#limesurvey .ls-label-question {
  color: #2B9BD7 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.3rem !important;
  line-height: 1.4 !important;
}

/* Supprime les différences <strong> */
#limesurvey .ls-label-question strong {
  font-weight: 700 !important;
  color: #2B9BD7 !important;
}/* ================================
   TITRES DE GROUPES - DESCRIPTION
   ================================ */

#limesurvey .group-description {
  background-color: #2B9BD7 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 22px 26px !important;
  margin: 24px 0 40px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#limesurvey .group-description,
#limesurvey .group-description *,
#limesurvey .group-description strong,
#limesurvey .group-description span {
  color: #ffffff !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.45rem !important;
}/* ================================
   BANDEAU INFO HAUT (questionnaire non actif)
   ================================ */

.alert-warning {
  background-color: #E9F6DC !important;
  color: #49721E !important;
  border: 1px solid #CDE7B6 !important;
  border-radius: 6px !important;
}

/* Texte interne */
.alert-warning * {
  color: #49721E !important;
}

/* Bouton fermer (croix) */
.alert-warning .close,
.alert-warning .btn-close {
  color: #49721E !important;
}/* ================================
   BARRE D'AVANCEMENT STYLE AGENCE
   ================================ */

/* Conteneur */
.progress,
.ls-progress .progress {
  height: 14px !important;
  background-color: #E6F3FA !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

/* Partie remplie */
.progress-bar {
  background-color: #2B9BD7 !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

/* TEXTE POURCENTAGE (cas LimeSurvey classique) */
.progress-bar span,
.progress-bar .sr-only {
  display: block !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Animation fluide */
.progress-bar {
  transition: width 0.6s ease;
}/* ================================
   ESPACEMENT DES RÉPONSES
   ================================ */

/* Chaque ligne de réponse */
.ls-answers .answer-item,
.ls-answers .form-check {
  margin-bottom: 6px !important; /* ajuste ici (4px / 8px si besoin) */
}

/* Supprime les marges inutiles internes */
.ls-answers label {
  margin-bottom: 0 !important;
}

/* Ajuste alignement checkbox + texte */
.ls-answers .form-check-label {
  padding-left: 6px;
}.ls-answers input:checked ~ label,
.ls-answers input:checked + label {
  background-color: #E9F6DC !important;
  color: #49721E !important;
  border-radius: 6px;
  padding: 4px 8px;
}.ls-answers input[type="checkbox"] {
  accent-color: #49721E;
  transform: scale(1.1);
}/* ================================
   CHECKBOX COCHÉE - VERT AGENCE
   ================================ */

/* Case cochée */
.ls-answers input[type="checkbox"]:checked,
.ls-answers input[type="checkbox"]:checked::before,
.ls-answers input[type="checkbox"]:checked::after {
  border-color: #49721E !important;
  background-color: #E9F6DC !important;
  color: #49721E !important;
}

/* Coche interne */
.ls-answers input[type="checkbox"]:checked + label::before,
.ls-answers input[type="checkbox"]:checked + label::after {
  border-color: #49721E !important;
  background-color: #E9F6DC !important;
  color: #49721E !important;
}body {
  background: url(C:\Users\Utilisateur\Lestoux & Associés\LA - Commun\9. Communication\Limesurvey\FOND LIMESURVEY 3_Plan de travail 1.png) no-repeat center center;
  background-size: cover;
}/* ================================
   TITRES DE QUESTIONS - UNIFORMISATION FINALE
   ================================ */

#limesurvey .question-title-container .ls-label-question,
#limesurvey .question-title-container .ls-label-question *,
#limesurvey .question-text .ls-label-question,
#limesurvey .question-text .ls-label-question *,
#limesurvey .ls-label-question,
#limesurvey .ls-label-question *,
#limesurvey .ls-label-question h1,
#limesurvey .ls-label-question h2,
#limesurvey .ls-label-question h3,
#limesurvey .ls-label-question strong {
  color: #2B9BD7 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.3rem !important;
  line-height: 1.4 !important;
}

/* Évite que les h3 aient des marges différentes */
#limesurvey .ls-label-question h1,
#limesurvey .ls-label-question h2,
#limesurvey .ls-label-question h3 {
  margin: 0 !important;
  padding: 0 !important;
}/* OUI / NON - état non sélectionné */
.yesno-button .btn-check:not(:checked) + .btn-primary {
    background-color: #ffffff !important;
    color: #6F758C !important;
    border-color: #C9CED6 !important;
    box-shadow: none !important;
}

/* OUI / NON - état sélectionné uniquement */
.yesno-button .btn-check:checked + .btn-primary {
    background-color: #E9F6DC !important;
    color: #49721E !important;
    border-color: #49721E !important;
    box-shadow: none !important;
}

/* Icônes dans le bouton sélectionné */
.yesno-button .btn-check:checked + .btn-primary i,
.yesno-button .btn-check:checked + .btn-primary .fa {
    color: #49721E !important;
}

/* Hover uniquement sur les boutons non sélectionnés */
.yesno-button .btn-check:not(:checked) + .btn-primary:hover {
    background-color: #F6FAF2 !important;
    color: #49721E !important;
    border-color: #49721E !important;
}.yesno-button .btn-primary {
    border-radius: 10px;
    padding: 12px 18px;
    font-weight: 500;
    transition: all 0.2s ease;
}/* Bouton SUIVANT (CTA principal) */
.ls-move-submit-btn {
    background-color: #2B9BD7 !important;
    color: #ffffff !important;
    border: 2px solid #2B9BD7 !important;
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 500;
    transition: all 0.2s ease;
}

/* Hover SUIVANT */
.ls-move-submit-btn:hover {
    background-color: #238ac2 !important;
    border-color: #238ac2 !important;
    color: #ffffff !important;
}

/* Bouton PRÉCÉDENT */
.ls-move-prev-btn {
    background-color: #ffffff !important;
    color: #2B9BD7 !important;
    border: 2px solid #2B9BD7 !important;
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 500;
    transition: all 0.2s ease;
}

/* Hover PRÉCÉDENT */
.ls-move-prev-btn:hover {
    background-color: #F0F7FC !important;
    color: #2B9BD7 !important;
    border-color: #2B9BD7 !important;
}/* Texte d'aide sous les questions */
.question-container .ls-question-message {
    color: #2B9BD7 !important;
    margin-top: 2px !important;
    margin-bottom: 12px !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    line-height: 1.25 !important;
}

/* Réduit l'espace entre le titre de question et le texte d'aide */
.question-container .question-title-container {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

/* Supprime les marges internes du conteneur d'aide */
.question-container .question-valid-container,
.question-container .question-help-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* Resserre le bloc aide/validation sous le titre */
.question-valid-container {
    margin-top: -8px !important;
    padding-top: 0 !important;
    margin-bottom: 10px !important;
}

/* Supprime les espaces internes inutiles */
.ls-questionhelp {
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* Corrige l'espace parasite sous les titres des questions à choix multiple */
.multiple-opt .question-title-container p,
.multiple-opt .question-title-container .question-text p,
.multiple-opt .ls-label-question p {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Resserre le titre et l'aide */
.multiple-opt .question-title-container,
.multiple-opt .question-title-container .question-text,
.multiple-opt .ls-label-question {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Rapproche le texte d'aide */
.multiple-opt .question-valid-container,
.multiple-opt .ls-questionhelp {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Texte d'aide choix multiple */
.multiple-opt .ls-question-message {
    color: #2B9BD7 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    line-height: 1.25 !important;
}/* =====================================================
   PAGE D'ACCUEIL : fond blanc + texte bleu Agence LA
   ===================================================== */

/* Fond plein écran de la page d'accueil */
body:has(.survey-welcome) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Conteneurs principaux de la page d'accueil */
body:has(.survey-welcome) #outerframeContainer,
body:has(.survey-welcome) #dynamicReloadContainer,
body:has(.survey-welcome) #limesurvey,
body:has(.survey-welcome) .outerframe,
body:has(.survey-welcome) .container,
body:has(.survey-welcome) .container-fluid,
body:has(.survey-welcome) .survey-welcome {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Textes de la page d'accueil */
body:has(.survey-welcome) h1,
body:has(.survey-welcome) h2,
body:has(.survey-welcome) h3,
body:has(.survey-welcome) h4,
body:has(.survey-welcome) p,
body:has(.survey-welcome) span,
body:has(.survey-welcome) div,
body:has(.survey-welcome) label,
body:has(.survey-welcome) a {
    color: #2B9BD7 !important;
}

/* Barre de progression */
body:has(.survey-welcome) .progress {
    background: rgba(43,155,215,0.15) !important;
}

body:has(.survey-welcome) .progress-bar {
    background: #2B9BD7 !important;
    color: #ffffff !important;
}

/* Bouton suivant */
body:has(.survey-welcome) .ls-move-submit-btn,
body:has(.survey-welcome) .ls-move-next-btn,
body:has(.survey-welcome) .btn-primary {
    background: #2B9BD7 !important;
    color: #ffffff !important;
    border: 2px solid #2B9BD7 !important;
}

/* Hover bouton suivant */
body:has(.survey-welcome) .ls-move-submit-btn:hover,
body:has(.survey-welcome) .ls-move-next-btn:hover,
body:has(.survey-welcome) .btn-primary:hover {
    background: #1F86BD !important;
    color: #ffffff !important;
    border-color: #1F86BD !important;
}

/* Bouton précédent */
body:has(.survey-welcome) .ls-move-previous-btn,
body:has(.survey-welcome) .btn-default {
    background: #ffffff !important;
    color: #2B9BD7 !important;
    border: 2px solid #2B9BD7 !important;
}

/* Alerte en haut */
body:has(.survey-welcome) .alert {
    background: #F4F8FB !important;
    color: #2B9BD7 !important;
    border: 1px solid rgba(43,155,215,0.25) !important;
}

/* LOGO */
.survey-name::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 140px;
    height: 140px;

    background-image: url("../files/logo_transp.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
}