/******************
    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
    */

.border-yellow-limit {
    border: 6px solid orange !important;
}

.border-red-limit {
    border: 6px solid red !important;
     color: red !important;
}

/* Boutons généraux (état normal et survol) */
.btn, 
input[type="submit"], 
button {
    background-color: #fd9907;
    border-color: #fd9907;
    color: #ffffff;
}

.btn:hover, 
input[type="submit"]:hover, 
button:hover {
    background-color: #2b170c;
    border-color: #2b170c;
    color: #ffffff;
}

/* Boutons de type .btn-primary */
.btn-primary {
    background-color: #fd9907 !important;
    border-color: #fd9907 !important;
    color: #ffffff !important;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #2b170c !important;
    border-color: #2b170c !important;
    color: #ffffff !important;
}

/* Boutons de type .btn-outline-secondary */
.btn-outline-secondary {
    background-color: #fd9907 !important;
    border-color: #fd9907 !important;
    color: #ffffff !important;
}

.btn-outline-secondary:active,
.btn-outline-secondary.active {
    background-color: #2b170c !important;
    border-color: #2b170c !important;
    color: #ffffff !important;
}

/* Hyperliens */
a, 
a:visited {
    color: #fd9907 !important;
}

a:hover, 
a:focus {
    color: #ca3f16 !important;
}

/* Messages d’erreur */
.error {
    background-color: #ca3f16;
    color: #ffffff;
}

.alert-danger {
    background-color: #ca3f16 !important;
    color: #ffffff !important;
}

/* Éléments spécifiques aux réponses */
.ls-answers label {
    color: #2b170c !important;
}

/* Barre de progression */
.progress-bar {
    background-color: #ca3f16 !important;
}

/* Boutons et éléments dans le contexte de la politique de confidentialité */
.privacy .checkbox-item label::before,
.privacy .checkbox-item label::after {
    border-color: #ca3f16 !important;
    color: #ca3f16 !important;
}

body .top-container {
    margin-top: 5px !important;
}

#welcome-container {
    position: relative !important;
    max-width: 100% !important; /* Ajustement dynamique */
    width: auto !important; /* Évite toute contrainte fixe */
}



 
.ranking-sorted-items{
 border: 1px solid black

}




/* Bouton supprimer (forcer contraste et cohérence) */
.btn.btn-danger {
    background-color: #dc3545 !important; /* rouge Bootstrap standard */
    color: #fff !important;              /* texte blanc */
    border: none;
}

/* Icône de la corbeille dans le bouton */
.btn.btn-danger .fa,
.btn.btn-danger .ri-delete-bin-fill {
    color: #fff !important; /* icône blanche */
    margin-right: 5px;      /* espace avant le texte */
}

/* Hover pour garder la lisibilité */
.btn.btn-danger:hover {
    background-color: #bb2d3b !important;
    color: #fff !important;
}