#surveyProgress {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* Espace entre les icônes */
}

#surveyProgress img {/*
    width: 40px;
    height: 40px;*/
}




/* Conteneur pour les options de notation */
.sv-rating {
    display: flex;
    justify-content: center;
    gap: 10px;
}

/* Style des options de notation */
.sv-rating__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 12px; /* Bord arrondi */
    background-color: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Ombre douce */
    font-size: 16px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 50px; /* Largeur minimale pour uniformiser les boutons */
    height: 50px; /* Hauteur pour uniformiser l'apparence */
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15); /* Ombre vers le bas et la droite */

}
.sv-rating__item-text {
height: 2.0em !important;
}

/* Bouton sélectionné */
.sv-rating__item input:checked + .sv-rating__item-text,
.sv-rating__item.selected {
    background-color: #edf7ed; /* Couleur de fond pour l'état sélectionné */
    color: #305d2f; /* Couleur du texte pour l'état sélectionné */
    border-color: #305d2f;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); /* Ombre légèrement plus forte */
}

/* Masquer l'input radio natif */
.sv-visuallyhidden {
    display: none;
}
.sv-rating__item-text:hover {
  background-color: white !important;
  color:black !important;
}
.sv-rating__item--selected .sv-rating__item-text {
  background-color: white !important;
  color:initial !important;
  }
  
.sv-rating input:focus + .sv-rating__min-text + .sv-rating__item-text, .sv-rating input:focus + .sv-rating__item-text, .sv-rating__item-text {
border: none !important;
outline: none !important;
box-shadow: none !important;
  background-color: white !important;
  color:none !important;
}





/* Centrer, réduire la taille et retirer la numérotation dans les h5 de survey */
.sv-components-row h5 {
    text-align: center;
    font-size: 14px; /* Réduit la taille de la police */
    font-weight: normal;
    color: #333;
    margin: 10px 0;
    text-transform: none; /* Désactive la transformation en majuscule */
}

/* Masquer la numérotation si elle est dans un élément spécifique */
.sv-components-row h5 .sv-question__num {
    display: none; /* Masque la numérotation */
}



./* Centrer, réduire la taille et retirer la numérotation dans les h5 de survey */
.sv-components-row h5 {
    text-align: center;
    font-size: 14px; /* Réduit la taille de la police */
    font-weight: normal;
    color: #333;
    margin: 10px 0;
    text-transform: none; /* Désactive la transformation en majuscule */
}

/* Masquer la numérotation si elle est dans un élément spécifique */
.sv-components-row h5 .sv-question__num {
    display: none; /* Masque la numérotation */
}

.sv-question__required-text {
 display:none !important;
 }


.sv-container-modern__title {
 display:none !important;
 }
 
h4.sv-page__title {
  font-size: 1.4em !important;
  text-align:center;
  font-weight: 600 !important;
}
 
.sv-components-row h5 {
color: var(--main-green) !important;
  font-weight: 700 !important;
}
 
 
sv-description, .sv-page__description {
 display:none !important;
 }

.sv-question__title--answer {
 background-color:transparent !important;
 }




button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.wp-block-button .wp-block-button__link, 
.zak-button {
    background-color: var(--main-green) !important; /* Couleur de fond par défaut */
    color: #FAFAFA !important; /* Couleur du texte par défaut */
}

button.sv-btn--navigation:hover, 
input[type="button"].sv-btn--navigation:hover, 
input[type="reset"].sv-btn--navigation:hover, 
input[type="submit"].sv-btn--navigation:hover, 
.wp-block-button .wp-block-button__link:hover, 
.zak-button.sv-btn--navigation:hover {
    background-color: #FAFAFA !important; /* Couleur de fond au survol */
    color: var(--main-green) !important; /* Couleur du texte au survol */
}







.surveyProgress-auto-column img {
max-width:50px;
height:auto;
}



.surveyProgress-auto-column .wp-block-uagb-container {
    background-color: #FFFFFF; /* Fond blanc */
    border-radius: 15px; /* Ajustez la valeur pour un rayon d'angle plus ou moins important */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2) !important; /* Ombre vers le bas et la droite */
    padding: 20px; /* Optionnel : pour ajouter un peu d'espace à l'intérieur de la boîte */
}


.surveyProgress-auto-column h2 {
color : var(--main-green) !important;
}

/* Cible tous les liens dans les éléments avec la classe .surveyProgress-auto-column */
.surveyProgress-auto-column a {
    color: #000000 !important; /* Couleur noire pour les liens */
}





.sv-body__page {
    background-image: url('/wp-content/plugins/custom-surveyjs/img/background.png');
    background-size: contain; /* L'image couvre toute la zone */
    background-position: center; /* Centrer l'image */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */
}

.sv-completedpage {
  background:none !important;
}