/* CSS pour corriger l'alignement des champs en mode collaboration */

/* ========================================
   CORRECTION DE L'ALIGNEMENT EN MODE COLLABORATION
   ======================================== */

/* Supprimer TOUTES les marges et paddings des structures Bootstrap imbriquées */
.collab-mode .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Colonnes côte à côte : padding seulement entre les colonnes */
.collab-mode .col-md-6:first-child {
    padding-left: 0 !important;
    padding-right: 7.5px !important;  /* Moitié de l'espacement Bootstrap par défaut */
}

.collab-mode .col-md-6:last-child {
    padding-left: 7.5px !important;   /* Moitié de l'espacement Bootstrap par défaut */
    padding-right: 0 !important;
}

/* Colonnes pleine largeur (champs communs et wrapper) */
.collab-mode .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Conteneurs de champs : supprimer les marges internes */
.collab-mode .col-12.mb-3 {
    margin-bottom: 1rem !important;
}

/* Titres de sections en mode collaboration */
.collab-mode .col-12.mb-3 .row {
    margin-bottom: 0.5rem;
}

.collab-mode .col-12.mb-3 .row h4 {
    margin-bottom: 0 !important;
}

/* Correction pour les champs de type radio et checkbox en mode collaboration */
.collab-mode .form-check {
    margin-left: 0 !important;
}

.collab-mode .form-check-input {
    margin-left: 0 !important;
}

/* Correction pour les labels */
.collab-mode label {
    margin-bottom: 0.5rem;
}

/* Espacement uniforme pour les sections */
.collab-mode .col-12:not(.mb-3) {
    margin-bottom: 1rem;
}

/* ========================================
   ALIGNEMENT PARFAIT AVEC LES CHAMPS COMMUNS
   ======================================== */

/* S'assurer que tous les form-control ont la même largeur */
.collab-mode .form-control,
.collab-mode .form-select,
.collab-mode .form-check {
    width: 100% !important;
    box-sizing: border-box;
}

/* Supprimer les marges internes des form-group */
.collab-mode .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Assurer un alignement vertical consistent */
.collab-mode .col-md-6 > div {
    width: 100%;
}


/* ========================================
   RESPONSIVE DESIGN
   ======================================== */

/* Sur petits écrans, retirer les padding spéciaux */
@media (max-width: 767.98px) {
    .collab-mode .col-md-6 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 1rem;
    }
    
    /* Espacement vertical entre les champs candidat sur mobile */
    .collab-mode .col-12.mb-3 .row .col-md-6:first-child {
        margin-bottom: 1rem;
    }
}