// Formulaire d'ajout de demandeur
.bloc.formulaire-demandeur {

    // Sur ce formulaire, on veut que les libellés et les inputs soient proches les uns des autres.
    fieldset .fieldsetContent .field.field-type-text,
    fieldset .fieldsetContent .field.field-type-select,
    fieldset .fieldsetContent .field.field-type-date,
    fieldset .fieldsetContent .field:not([class$="field-type-hidden"]):not([class$="field-type-hiddendate"]):not(.field-type-previsualiser_pdf):not([class*="field-type-html"]):not(.field-type-checkbox) {
        flex: 1;
        grid-template-columns: auto 1fr;
        grid-gap: .5em;
    }
    .bloc-titre {
        grid-column: 1/-1;
    }
    
    // Bloc de fieldset - Qualité + Collectivité
    &--qualite-collectivite {
        flex-direction: row;
        & > fieldset {
            flex: 1;
        }
        .fieldsetContent .field:not([class$="field-type-hidden"]):not([class$="field-type-hiddendate"]):not(.field-type-previsualiser_pdf):not([class*="field-type-html"]) {
            display: block;
        }
        .form-libelle {
            display: none;
        }
        .visualClear {
            display: none;
        }
    }

    // Fieldset État civil - Particuliers et Personnes morales
    fieldset[id*="etat-civil"],
    fieldset[id*="personne-morale"]{
        display: grid;
        .particulier--nom-prenom,
        .personne_morale--nom-prenom {
            flex-direction: row;

            .search-frequent-16 {
                white-space: nowrap;
                margin: 0;
            }
        }
        // Particulier - groupe de champs liés aux infos de naissance
        .particulier--naissance {
            display: grid;
            grid-template-columns: auto 1fr;
            grid-gap: 2em;
            .field.field-type-date input{
                max-width: 15ch;
            }
        }
        .particulier--naissance-dpt-pays {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }
        .personne_morale--denom-rs,
        .personne_morale--siret-cj {
            display: grid;
            grid-template-columns: 1fr 1fr;
        }
    }

    // Adresse 
    fieldset[id*="adresse"] {
        .bloc {
            flex-direction: row;
        }
        .adresse--num-voie {
            display: grid;
            grid-template-columns: 2fr 7fr;
        }
    }
    // Coordonnées
    fieldset[id*="coordonnees"]{
        .bloc {
            flex-direction: row;
            flex-wrap: wrap;
            .field:not([class$="field-type-hidden"]):not([class$="field-type-hiddendate"]):not(.field-type-previsualiser_pdf):not([class*="field-type-html"]) > div {
                flex: unset;
                display: inline-block;
            }
            &-titre {
                width: 100%;
            }
        }
    }

    .field:not([class$="field-type-hidden"]):not([class$="field-type-hiddendate"]):not(.field-type-previsualiser_pdf):not([class*="field-type-html"]){
        &.field-type-checkbox {
            grid-template-columns: auto 1fr;
        }
    }
}


// Synthese des demandeurs


.mainrubrik-instruction #liste_demandeur .fieldsetContent {
    .bloc.demandeur-container {
        //gap: 1em;

    }
}

#liste_demandeur .fieldsetContent {
    display : block;

    .demandeur-ajout--heading {
        margin: 1em 0;
    }

    .bloc.demandeur-container {
        display: flex;
        flex-direction:column;
        align-items: stretch;
        gap: 0;
        >section  {
            display: flex;
            flex-direction:column;
            gap: 0;
            /* div + div {
                margin-top: 1em;
            } */
            &.display-none, .display-none {
                display:none !important;
            }
            >span {
                display: none;
            }
        }
        article {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            //background: linear-gradient(45deg, $gris100, #ffffff);
            border: 1px solid $gris300;
            background-color: $blanc;
            width: 100%;
            padding: 1em 2em;
            border-radius: 1em;
            gap: 1em;
            margin-bottom: 1em;

            section {
                display: flex;
                align-items: center;
    
                &.demandeur--nom-adresse {
                    flex: 1;
                    flex-direction: column;
                    gap: 0;
                    align-items: flex-start;

                    .demandeur-heading {
                        flex-basis: 100%;
                        .badge {
                            background: $blanc;
                            border: solid 2px $brand700;
                            color: $brand700;
                            text-shadow: none;
                            border-radius: 20px;
                            margin: 0.5em 0 1em;
                        }
                    }
                }
                &.demandeur--coordonnees {
                    flex: 2;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 0.25rem;
                    i {
                        margin-right: .5rem;
                        font-size: 1.6em;
                    }
                    .demandeur_notif {
                        font-weight: 500;

                    } 
                    span + span {
                        margin-left: 2em;
                    }

                }
                &.demandeur--buttons{
                    flex-direction: row;
                    flex:1;
                    gap: 1em;
                    flex-flow: nowrap;
                    button {
                        white-space: nowrap;
                    }
                }
            }    
        }
    

    }
    
    .bloc.btn_demandeur-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap : 1em;
        
        section {
            display: inline-flex;
            flex-wrap: wrap;
            gap : 1em;
        }
        h3 {
            margin-bottom: 1em;
        }

    }
}