/* Fix pour l'alignement de la case à cocher avec le texte sur la même ligne */

.checkbox-label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    cursor: pointer !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    white-space: normal !important; /* Permet au texte de se retourner à la ligne */
    flex-wrap: wrap !important; /* Permet le retour à la ligne si nécessaire */
}

/* Assurer que la case reste en haut et ne bouge pas */
.checkmark {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #E5E7EB !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: var(--transition) !important;
    flex-shrink: 0 !important; /* La case ne rétrécit pas */
    margin-top: 2px !important; /* Léger décalage pour l'alignement avec le texte */
}

/* Le texte peut s'étendre et se retourner à la ligne si nécessaire */
.checkbox-label span:not(.checkmark) {
    flex: 1 !important;
    min-width: 0 !important; /* Permet au texte de se réduire si nécessaire */
}