/* =========================================================
   bootstrap_barrio_giguellerie — 70-forms.css
   User form + profil user
   ========================================================= */

form.user-form{
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

form.user-form > fieldset#edit-group-details-de-connexion,
form.user-form > div[data-drupal-selector="edit-group-div"]{
  flex: 0 0 calc(50% - 1.5rem);
  min-width: 18rem;
}

form.user-form > div[data-drupal-selector="edit-group-div"]{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

form.user-form #edit-user-picture-wrapper{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: .9rem;
  padding: 1rem 1.1rem;
  background: #fff;
  box-shadow: 0 .35rem 1.1rem rgba(0,0,0,.06);
}

form.user-form > #edit-actions{
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .75rem;
}

form.user-form > #edit-actions #edit-submit,
form.user-form > #edit-actions #edit-cancel{
  width: auto;
}

@media (max-width: 992px){
  form.user-form{
    flex-wrap: wrap;
    gap: 1.25rem;
  }

  form.user-form > fieldset#edit-group-details-de-connexion,
  form.user-form > div[data-drupal-selector="edit-group-div"],
  form.user-form > #edit-actions{
    flex: 0 0 100%;
    min-width: 0;
  }
}

/* Profil user */
body.path-user article.profile .field__label,
body.path-user article.profile .field--label-inline .field__label,
body.path-user article.profile .field--label-above .field__label{
  color: inherit !important;
  font-weight: 600;
}

body.path-user article.profile .field--label-inline .field__item,
body.path-user article.profile .field--label-above .field__item{
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.path-user article.profile .field--label-inline .field__label{
  width: auto !important;
}

body.path-user article.profile .field--name-user-picture{
  margin: 0;
}
body.path-user article.profile .field--name-user-picture img{
  border-radius: 12px;
  display: block;
}