/* Déclaration des variables réutilisables */
:root {
    --color-primary: #303849;
    --color-secondary: #a52029;
    --color-light: #c5c7c5;
    --color-background: #f9f9f9;
    --shadow-light: 0 4px 10px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 0 8px rgba(48, 56, 73, 0.5);
    --border-radius: 8px;
}


/* General styles */
body {
    font-family: 'Roboto', sans-serif;
    color: #303849;
}

* {
    box-sizing: border-box;
}

/* Styles pour la page de réinitialisation du mot de passe */
.boutonmdp {
    left: -15px !important;
}

#wppb-recover-password-container {
    display: flex;
    justify-content: center;
	
}

#wppb-recover-password {
	width: 100em;
    background: #fff;
    padding: 40px;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow-light);
    margin-top: 7em;
}

#wppb-recover-password-button {
    background-color: var(--color-primary);
}

#wppb-recover-password-button:active {
    background-color: var(--color-secondary);
}

#wppb-recover-password-container p:nth-child(2) {
    display: none !important;
}

/* Styles pour la page protégée par mot de passe */
.post-password-form p:first-of-type {
    display: none !important;
}

.post-password-form::before {
    content: "Afin de vous donner accès à cette page,\00a0 merci de renseigner le mot de passe que nous avons communiqué.";
    display: block !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: var(--color-primary) !important;
    margin-bottom: 10px !important;
}

/* Styles pour les boutons de profil */
.logged-in .btn-edit-profile {
    display: block !important;
}

/* Formulaire de connexion et champs */
#user_pass0, #user_login0 {
    width: 60%;
}
/* bouton suivant page contenant le formulaire */ 
.frm_button_submit {
    float: right;
}



/* Style de base pour la classe 'view' formidable */
.view {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-background);
    padding: 10px;
    border-radius: var(--border-radius) !important;
    margin: 10px 0;
    box-shadow: var(--shadow-light);
}

.view .item {
    font-size: 16px;
    color: #333;
}

.view .details {
    color: #3498db;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
}

.view .details:hover {
    color: #2980b9;
    text-decoration: underline;
}

/* Responsive view */
@media (max-width: 768px) {
    .view {
        flex-direction: column;
        align-items: flex-start;
    }
    .view .details {
        margin-top: 10px;
    }
}

/* Style des champs de texte */
.text-input {
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1), -3px 3px 6px rgba(0, 0, 0, 0.1);
}
/* page contenant le formulaire non anonyme */ 
#form_form-non-anonyme {
    padding: 20px;
    border-radius: 18px !important;
    box-shadow: var(--shadow-medium) !important;
}




/* style page erreur */ 
.pageerreur {
    padding: 20px;
    box-shadow: 0 4px 6px rgba(48, 56, 73, 0.2);
    border-radius: var(--border-radius) !important;
}



/* page edit profile  */
.editprofil {
    padding: 20px;
    box-shadow: 0 4px 6px rgba(48, 56, 73, 0.2), 0 -4px 6px rgba(48, 56, 73, 0.2);
    background-color: white;
    border-radius: 12px !important;
}
/* bouton edit profile */ 
#edit_profile:active {
    background-color: var(--color-secondary);
}

#edit_profile { border-radius: 8px !important; 
    text-transform: capitalize !important;
   
    background-color: var(--color-primary);
}

#pass-strength-result {
    background-color: var(--color-light);
    border-radius: 5px !important;
}

.wppb-required {
    color: var(--color-secondary) !important;
}

input {
    padding-left: 10px !important;
}

/* Styles pour la page de connexion */
.conteneurloginpage {
    padding: 20px;
    border-radius: 18px !important;
    box-shadow: var(--shadow-medium) !important;
}


/* Erreur de formulaire */
.frm_error_style a,
.frm_error_style a::before {
    display: none;
}

.frm_error_style::after {
    content: "";
}

.frm_error_style {
    font-size: 0;
}

.frm_error_style a {
    display: none !important;
}

.token {
    display: none !important;
}

/* Page anonyme */
#anonymepage {
    background-color: transparent !important; 
    box-shadow: none !important;             
    border-radius: 0 !important;             
    padding: 0 !important;                
}


/* Résultats des enquêtes */
.survey-results {
    padding: 25px;
    border-radius: 12px;
    box-shadow: var(--shadow-medium) !important;
    background-color: white;
}
/* bouton reveniir vers lenquete page edit profile */
.precedent-button {
    display: inline-block;
    background-color: var(--color-secondary);
    color: white;
    padding: 8px 8px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-decoration: none;
    border-radius: 8px;
}



/* Gestion des enquêtes */
.gestionenquete {
    padding: 5px;
    border-radius: 12px;
    box-shadow: var(--shadow-medium) !important;
}



#483bd98 {
    display: none !important;
}

/* Statistiques */
.statistique {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-medium) !important;
}

/* Boutons options formulaire */


/* Bouton submit formulaire */
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message,
.frm_style_formidable-style.with_frm_style input[type=submit],
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button],
.frm_style_formidable-style.with_frm_style .frm_submit button,
.frm_form_submit_style,
.frm_style_formidable-style.with_frm_style .frm-edit-page-btn {
    text-transform: capitalize !important;
    width: auto !important;
    font-family: roboto !important;
    font-size: 14px !important;
}

#edit_profile {
    text-transform: capitalize !important;
}

/* shadow pour les selection options */



.with_frm_style input[type=radio]:focus,.with_frm_style input[type=checkbox]:focus {
    box-shadow: none !important;
}