/* =====================================================
   BOÎTES DE DIALOGUE YAPLA AU-DESSUS DE LA MODALE CULTIVE
   ===================================================== */

/* Arrière-plan des dialogues de confirmation */
body.cultive-form-modal-open > .modal-backdrop,
body.cultive-form-modal-open .bootbox-backdrop,
body.cultive-form-modal-open .swal-overlay,
body.cultive-form-modal-open .swal2-container {
    z-index: 100100 !important;
}

/* Boîtes de dialogue */
body.cultive-form-modal-open > .modal,
body.cultive-form-modal-open .bootbox,
body.cultive-form-modal-open .bootbox.modal,
body.cultive-form-modal-open .swal-modal,
body.cultive-form-modal-open .swal2-popup,
body.cultive-form-modal-open [role="alertdialog"],
body.cultive-form-modal-open dialog[open] {
    z-index: 100110 !important;
}

/* Cas où le dialogue est imbriqué dans un autre conteneur */
body.cultive-form-modal-open .modal.show,
body.cultive-form-modal-open .modal.in {
    z-index: 100110 !important;
    pointer-events: auto !important;
}

/* S’assurer que le contenu de la boîte demeure cliquable */
body.cultive-form-modal-open .modal-dialog,
body.cultive-form-modal-open .modal-content,
body.cultive-form-modal-open .bootbox-body {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: auto !important;
}

/* =====================================================
   ACTIONS DU FORMULAIRE DANS LA BARRE MODALE
   ===================================================== */

/* Boutons Dupliquer et Enregistrer à droite */
.cultive-form-modal-header__actions {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;

    margin: 0 0 0 auto !important;
    padding: 0 !important;

    background: transparent !important;
}

/* Uniformiser les boutons avec btn btn-primary */
.cultive-form-modal-header__actions
.cultive-form-modal-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 44px !important;
    margin: 0 !important;

    white-space: nowrap !important;
    text-decoration: none !important;
}

/*
 * Masquer le pied de formulaire.
 * Les boutons originaux restent dans le DOM afin que
 * Yapla puisse continuer à utiliser leurs événements.
 */
.footer-button-container.cultive-form-footer-hidden {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;

    border: 0 !important;

    white-space: nowrap !important;
}

/* Mobile */
@media (max-width: 767px) {
    .cultive-form-modal-header__actions {
        flex-basis: 100% !important;

        width: 100% !important;
        margin-left: 0 !important;

        justify-content: flex-start !important;
    }

    .cultive-form-modal-header__actions
    .cultive-form-modal-action {
        flex: 1 1 auto !important;
    }
}

/* =====================================================
   STATUT ACTUEL DANS LA BARRE MODALE
   ===================================================== */

.cultive-current-status {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 0 8px 0 0 !important;
    padding: 0 !important;

    color: #fff !important;
    background: transparent !important;
}

/* Libellé « Statut actuel : » */
.cultive-current-status__label {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Pastille du statut actuel */
.cultive-current-status__value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 38px !important;
    padding: 7px 15px !important;

    color: #000 !important;
    -webkit-text-fill-color: #000 !important;

    background: #8b8b8b !important;

    border: 2px solid #8b8b8b !important;
    border-radius: 999px !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
}

/* Nouveau */
.cultive-current-status__value[data-status="nouveau"] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;

    background: #3b4cc3 !important;
    border-color: #3b4cc3 !important;
}

/* En révision */
.cultive-current-status__value[data-status="en revision"] {
    background: #f4c430 !important;
    border-color: #f4c430 !important;
}

/* Validé */
.cultive-current-status__value[data-status="valide"] {
    background: #32c96a !important;
    border-color: #32c96a !important;
}

/* Archivé */
.cultive-current-status__value[data-status="archive"] {
    background: #8b8b8b !important;
    border-color: #8b8b8b !important;
}

/* Supprimé */
.cultive-current-status__value[data-status="supprime"] {
    background: #ff4d40 !important;
    border-color: #ff4d40 !important;
}

/* Séparation visuelle avant les actions */
.cultive-current-status::after {
    content: "|" !important;

    display: inline-flex !important;

    margin-left: 6px !important;

    color: rgba(255, 255, 255, 0.45) !important;
    -webkit-text-fill-color:
        rgba(255, 255, 255, 0.45) !important;

    font-size: 20px !important;
    font-weight: 300 !important;
}

/* Mobile */
@media (max-width: 767px) {
    .cultive-current-status {
        flex-basis: 100% !important;
        width: 100% !important;

        margin-right: 0 !important;
    }

    .cultive-current-status::after {
        display: none !important;
    }
}