// Page nouveau dossier 

.demande_autorisation_contestee_hidden_bloc {
  display: none;
}

#fieldset-form-demande_nouveau_dossier-type-de-dossier-demande {
  .field:not([class$=field-type-hidden]):not([class$=field-type-hiddendate]):not(.field-type-previsualiser_pdf):not([class*=field-type-html]) {
    grid-template-columns: 275px 1fr;
  }
}

//Saisie numero de dossier 

.bloc_activ_num_manu.saisie_manuelle {
  padding-left: 1em;
  margin: 0;

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

#fieldset-form-demande_nouveau_dossier-numero-de-dossier {
  .fieldsetContent {
    flex-direction: row;
  }

  .bloc {
    display: inline-block
  }

  .field:not([class$=field-type-hidden]):not([class$=field-type-hiddendate]):not(.field-type-previsualiser_pdf):not([class*=field-type-html]) {
    display: inline-block
  }
}

// Localisation
.demande__localisation--adresse {
  grid-template-columns: auto 1fr;
}

//----------------
//  Localisation
//----------------
#fieldset-form-demande_nouveau_dossier-localisation,
#fieldset-form-demande_dossier_encours-localisation {

  // Références cadastrales
  .no-label {
    .form-libelle {
      display: none;
    }
  }

  .bloc.demande__localisation--refcadastrales {
    padding-bottom: .5em;
    border-bottom: 1px solid $gris10;

    .field.field-type-text.references_cadastrales_new_field {
      display: block;

      .reference_cadastrale_custom_fields {
        display: flex;
        gap: .5em;
        flex-direction: column;
      }

      .champ--ref-cadastrales {
        display: flex;
        align-items: center;
        gap: .5em;
        font-weight: normal;
      }

      .champ--ref-cadastrales__section {
        @extend .champ--ref-cadastrales;
        flex-wrap: wrap;
      }

      input {
        display: inline-block;
        max-width: 10ch;
        text-align: center;
      }
    }

    #terrain_superficie {
      max-width: 15ch;
    }


  }

  // Adresse
  .bloc.demande__localisation--adresse {

    .demande__localisation--voie_numero,
    .demande__localisation--complement_adresse {
      flex-direction: row;
    }

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

    .demande__localisation--voie_numero .field-type-text:nth-child(2),
    .demande__localisation--complement_adresse .field-type-text:nth-child(2),
    .demande__localisation--complement_adresse .field-type-text:nth-child(3) {
      flex: 1;
    }

    #terrain_adresse_code_postal {
      max-width: 15ch;
    }

    #terrain_adresse_voie_numero,
    #terrain_adresse_bp {
      max-width: 10ch;
    }

    #terrain_adresse_cedex {
      max-width: 5ch;
    }

    .demande__localisation--copy-address {
      button+button {
        margin-left: .5em;
      }
    }
  }
}

#liste_demandeur{
    
  .field:not([class$=field-type-hidden]):not([class$=field-type-hiddendate]):not(.field-type-previsualiser_pdf):not([class*=field-type-html]) {
    display: inline-block;
  }
  .demandeur-container {
    flex-direction: column;

  }
  .fieldsetContent {
    flex-direction: row;
    > div {
      flex: 1;
    }
    > .demande__demandeur--nom-adresse {
      gap: .25em
    }
    > .demande__demandeur--coordonnees {
      flex: 2;
      justify-content: center;
    }
    > .demande__demandeur--actions {
      align-items: center;
      flex-direction: row;
      button {
        white-space: nowrap;
      }
    }
  }
  fieldset {
    width: 100%;
    margin: 0;
    &:last-of-type {
      margin-bottom: 1em;
    }
  }
  .legend_synthese_demandeur {
    color: #2b4550;
    font-size: 1.25em;
    font-weight: 700;
    padding: .25em 1em;
    border-radius: 2em;
    border: solid 1px #eee;
  }
  .icon-notif-refuse {
    color: $rouge;
  }
  .icon-notif-accepte {
    color: $vertDark;
  }
}
//Références cadastrales
#morelineReferenceCadastrale span {
  @include buttonSecondary;
}
.reference_cadastrale_custom_fields {
  align-items: center;
  input[type="text"].reference_cadastrale_custom_field {
    width: 5em;
    margin: .5em 1em .5em 0;
  }
  .moreFieldReferenceCadastrale {
    @include buttonPrimary;
    margin: .5em 0;
    .add-16 {
      padding: 0;
    }
  }
}
.recupAdresseButton {
  grid-column: 1/-1;
  .form-libelle {
    visibility: hidden;
  }
}


// overlay ajout pétitionnaire  

[aria-labelledby*="ui-dialog-title-sousform-"]:not([aria-labelledby*="donnees_techniques"]) {
  #form-content {
    display: grid;
    gap: 1em;
  }

  &[aria-labelledby*="petitionnaire"] {
    grid-template-columns: repeat(2, 1fr)
  }

  // Vider le formulaire 
  .delete-16 {
    @include buttonDanger;
  }

  //#fieldset-sousform-petitionnaire-qualite
  //[id*="fieldset-sousform-"][id*="-qualite"],
  //[id*="fieldset-sousform-"][id*="-qualite"]{
  .nolabel.bloc {
    .field {
      grid-template-columns: 1fr;
    }
  }

  fieldset:not(#fieldset-sousform-petitionnaire-qualite, #fieldset-sousform-petitionnaire-collectivite),
  .bloc.particulier_fields,
  .bloc.personne_morale_fields {
    grid-column: 1 /-1;
  }
}

.search-frequent-16 {
  @include buttonSecondary;
  align-self: baseline;
  margin-left: 22%;
  font-size: .9em;

  &:before {
    font-size: 1em;
  }

  &::after {
    display: inline-block;
    content: attr(title);
  }
}

// Récépissé 

//[class*="col_"] {



// Demandeurs (aussi valables dans onglets Instructions)

// Button add pétitionnaire principal 

#liste_demandeur {
  .add-16[id*="add_"] {
    @include buttonPrimary;
  }
}

.synthese_demandeur,
form #plaignant_contrevenant .synthese_demandeur {
  box-shadow: 0 2px 4px 1px rgba($brandDarker, .3);
  border-radius: .5em;
  padding: 1em 1.5em;
  margin: 1em;
  display: inline-flex;
  align-items: center;
}

form[name="f1"] .synthese_demandeur,
form[name="f1"] #plaignant_contrevenant .synthese_demandeur {
  box-shadow: none;
  margin-bottom: 2em;
  padding: 0;

  [onclick*="remove"] {
    border-radius: .25em;
    padding: .5em;
    margin-right: .5em;
    background: $danger;
    color: $blanc;

    &:hover {
      background-color: $rouge;
    }
  }
}



.legend_synthese_demandeur {
  margin-top: 1em;
  font-size: 1.1em;
}

#plaignant_contrevenant {
  display: flex;
  gap: 20%;
}

.mainrubrik-guichet-unique {

  form:not(#affichage_reglementaire_attestation_form):not(#advanced-form) #form-content>.field {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
  }

  .field-type-autorisation_contestee {
    .form-content {
      display: flex;

      .ui-button {
        margin: 0;
        flex-shrink: 2;
      }

      #autorisation_contestee_cancel_button {
        @include buttonDanger;
        margin: 0;
      }
    }
  }

  .bloc.col_12.localisation #fieldset-form-demande_nouveau_dossier-localisation .fieldsetContent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    .references_cadastrales_new_field,
    #morelineReferenceCadastrale {
      grid-column: 1/-1;
    }


  }

  .bloc.col_12.localisation #fieldset-form-demande_dossier_encours-localisation .fieldsetContent {
    .moreFieldReferenceCadastrale {
      display: none;
    }


  }


}