/* GLOBAL */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="date"],
input[type="tel"],
input[type="time"],
input[type="date"],
input[type="url"],
textarea,
select {
  width: 100%;
  border: 1px solid rgba(138, 140, 140, 0.3);
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border-radius: var(--tiny-radius);
  font-weight: 500;
}

input[type="date"],
input[type="time"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: white !important;
  padding: 0.75rem 1rem;
  color: var(--dark-blue) !important;
  text-align: left !important;
  min-height: 42px !important;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    input[type="date"],
    input[type="time"] {
      background-color: white !important;
      padding: 0.75rem 1rem;
      color: var(--dark-blue) !important;
      text-align: left !important;
      min-height: 42px !important;
    }
  }
}

input::-webkit-date-and-time-value {
  text-align: left !important;
}

input[type="time"] {
  padding: 0.55rem 1rem;
}

input[type="date"] {
  padding: 0.65rem 1rem;
}

input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
input[type="number"].error,
input[type="tel"].error,
input[type="time"].error,
input[type="text"].error:focus,
input[type="password"].error:focus,
input[type="email"].error:focus,
input[type="number"].error:focus,
input[type="tel"].error:focus {
  border-color: #cf2a2a;
  outline-color: #cf2a2a;
  color: #cf2a2a;
  background-color: rgba(255, 0, 0, 0.1);
}

input[type="radio"] {
  accent-color: var(--light-blue);
  margin: 0 0.25rem;
  width: 1.2rem;
  height: 1rem;
  cursor: pointer;
}

input[type="radio"] {
  -webkit-appearance: none;
  /* Désactive l'apparence native de Safari */
  appearance: none;
  /* Désactive l'apparence native pour les autres navigateurs */
  accent-color: var(--light-blue);
  margin: 0 0.25rem;
  width: 14px;
  height: 14px;
  cursor: pointer;
  border-radius: 50%;
  /* Pour recréer la forme circulaire */
  border: 1px solid var(--light-blue);
  /* Crée une bordure autour */
  background-color: #fff;
  /* Couleur de fond */
  display: inline-block;
  position: relative;
  flex-shrink: 0;
}

/* Style pour l'état "checked" */
input[type="radio"]:checked {
  background-color: white;
}

input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  background-color: var(--light-blue);
  border-radius: 50%;
}

input[type="checkbox"] {
  accent-color: var(--dark-blue);
  margin: 1px 0 0;
  flex-shrink: 0 !important;
}

form .description {
  line-height: 1.4;
}

/* .form-item-newsletter input[type="checkbox"],
.form-item-condition-famille input[type="checkbox"],
.form-item-conditions input[type="checkbox"],
.js-form-item-order-tos input[type="checkbox"]{
    accent-color: var(--dark-blue);
} */

form {
  margin: auto;
  color-scheme: light;
}

.webform-container,
.planifier_cleanup,
.modifier_cleanup,
#collecte_section > .wrapper,
.equipe > .content > .wrapper {
  max-width: calc(var(--max-width-big) / 4 * 3);
  margin: auto;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  background-image: url("../../images/arrows/down.svg");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 1rem);
  background-position-y: 1rem;
}

select,
option {
  color: var(--dark-blue) !important;
}

.js-form-type-checkbox {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.form-wrapper h3,
form h3 {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.form-wrapper h3:has(+ p),
form h3:has(+ p) {
  margin-bottom: 1.25rem;
}

label {
  cursor: pointer;
}

.form-disabled {
  opacity: 0.5;
}

.notitle .fieldgroup h3,
.notitle fieldset h3 {
  display: none;
}

label.form-required::after {
  content: "*";
  font-weight: normal;
}

.half-width {
  width: calc(50% - 0.5rem);
}

.webform-element-description:not(
    #edit-container--2 .js-form-type-checkbox .webform-element-description
  ) {
  margin-bottom: 0.5rem;
}

/* COLLECTE FORM */
.form-no-label p {
  margin-bottom: 0;
  font-size: 0.9em;
  font-size: 1rem;
}

#edit-materiel-description--2 p,
#edit-materiel-description--3 p,
#edit-materiel-description p {
  font-size: 1rem;
  margin-bottom: 10px;
}

#edit-materiel-description--2 ul,
#edit-materiel-description--3 ul,
#edit-materiel-description ul {
  margin-left: 0;
  padding: 0;
  margin-bottom: 2rem;
  gap: 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.registration-error {
  margin-bottom: 0;
}

#edit-materiel-description--2 ul li,
#edit-materiel-description--3 ul li,
#edit-materiel-description ul li {
  list-style: none;
  position: relative;
  margin-left: 2rem;
  font-size: 1rem;
}

#edit-materiel-description--2 ul li::before,
#edit-materiel-description--3 ul li::before,
#edit-materiel-description ul li::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  position: absolute;
  left: -2rem;
  top: -2px;
  background-image: url("../../images/icons/checkMark.svg");
}

#edit-meteriel-container--2 .radio_container,
#edit-meteriel-container--3 .radio_container,
#edit-meteriel-container .radio_container,
#edit-details-container .radio_container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

#edit-details-container .radio_container {
  margin-top: 16px;
}

#edit-meteriel-container--2 .radio_container input[type="radio"],
#edit-meteriel-container--3 .radio_container input[type="radio"],
#edit-meteriel-container .radio_container input[type="radio"],
#edit-details-container .radio_container input[type="radio"] {
  margin: 0px 3px;
}

#edit-meteriel-container--2 .radio_container h3,
#edit-meteriel-container--3
  .radio_container
  h3
  #edit-meteriel-container
  .radio_container
  h3,
#edit-details-container .radio_container h3 {
  margin-bottom: 0;
}

#edit-meteriel-container--2 .radio_container .js-webform-radios,
#edit-meteriel-container--3
  .radio_container
  .js-webform-radios
  #edit-meteriel-container
  .radio_container
  .js-webform-radios,
#edit-details-container .radio_container .js-webform-radios {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}

#edit-meteriel-container--2 .radio_container .js-webform-radios .form-item,
#edit-meteriel-container--3
  .radio_container
  .js-webform-radios
  .form-item
  #edit-meteriel-container
  .radio_container
  .js-webform-radios
  .form-item,
#edit-details-container .radio_container .js-webform-radios .form-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
}

#edit-meteriel-container--2 .radio_container h3,
#edit-meteriel-container--3
  .radio_container
  h3
  #edit-meteriel-container
  .radio_container
  h3,
#edit-details-container .radio_container h3 {
  font-size: 1rem;
  width: 180px;
  font-weight: 500;
}

#edit-note-container {
  margin-top: 20px;
}

#edit-details-container .radio_container .js-webform-radios .form-item label {
  width: max-content;
  font-weight: 400;
}

.fieldset {
  margin-left: 0;
  margin-right: 0;
}

fieldset {
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  padding-block-end: 0;
}

#edit-container--2 .js-form-type-checkbox,
.form-item-je-souhaite-rendre-mon-equipe-publique {
  flex-wrap: wrap;
  flex: 1 1 100%;
  margin-top: 1rem;
}

#edit-je-souhaite-rendre-mon-equipe-publique--description {
  margin-bottom: 0 !important;
}

#edit-container--2 .js-form-type-checkbox:nth-child(1),
#edit-container--2 .js-form-type-checkbox:nth-child(2) {
  flex: 1 1 auto;
}

#edit-markup--2,
.modifier_cleanup #edit-markup {
  margin-top: 25px;
}

.js-form-type-checkbox label {
  /* padding-top: 3px; */
}

.password-container {
  position: relative;
  display: inline-block;
}

.password-container input[type="password"],
.password-container input[type="text"] {
  padding-right: 35px;
  /* espace pour l'icône */
  position: relative;
}

.password-toggle {
  position: absolute;
  right: 10px;
  top: 22px;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* USER FORM */

.user-form .description,
.password-confirm-message {
  display: none;
}

.layout-region-registration-footer__content .form-submit {
  margin-bottom: 0;
}

.user-form label.error {
  margin-top: 10px;
  order: 3;
  display: block;
  width: 100%;
  border-radius: var(--tiny-radius);
}

.user-form fieldset,
.form-wrapper,
.bordered_container {
  background-color: #ffffff;
  padding: 2rem;
  border: 1px solid rgba(138, 140, 140, 0.3);
  border-radius: var(--small-radius);
}

.form-wrapper {
  margin-bottom: 1.25rem;
}

.form-wrapper .form-wrapper {
  border: 0;
  padding: 0;
  background-color: transparent;
  margin-bottom: 0;
}

.content.planifier_cleanup h2 {
  font-size: 1.75rem;
  margin: 0 0 2rem 0;
}

.choice_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}

.choice_ambassadeur {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}

.form-item .choice {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
  border: 1px solid var(--gris-30, rgba(138, 140, 140, 0.3));
  padding: 1rem;
  border-radius: var(--tiny-radius);
  margin-bottom: 10px;
}

.choice_ambassadeur .choice {
  width: 100%;
  margin-bottom: 0;
}

.choice_container .choice {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  border: none;
  padding: 0;
  border-radius: 0;
  margin-bottom: 0;
  flex: inherit;
}

.dropzone {
  margin: 15px 0;
}

#edit-container {
  margin-top: 15px;
}

#edit-confirmez-votre-adresse-e-mail h3,
#edit-confirmez-votre-adresse-e-mail-ecole h3,
#edit-mot-de-passe--wrapper h3,
#edit-mot-de-passe-ecole--wrapper h3 {
  display: none;
}

#edit-confirmez-votre-adresse-e-mail-flexbox,
#edit-mot-de-passe--wrapper .fieldset-wrapper,
#edit-mot-de-passe-ecole--wrapper .fieldset-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.25rem;
}

#edit-confirmez-votre-adresse-e-mail-flexbox .webform-flex--container,
#edit-confirmez-votre-adresse-e-mail-ecole .webform-flex--container {
  margin: 0 0;
}

#edit-mot-de-passe--wrapper .description,
#edit-mot-de-passe-ecole--wrapper .description {
  display: none;
}

.fieldset-wrapper .js-form-item {
  width: 50%;
}

.fieldset-wrapper .js-form-type-number {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(183, 182, 181, 0.3);
}

.fieldset-wrapper input[type="number"] {
  width: 70px;
  padding: 0.5rem 1rem;
}

.fieldset-wrapper .js-form-type-number .webform-element-description {
  font-size: 1rem;
}

.js-form-item h3 span {
  font-weight: 700;
  font-size: 1rem;
}

.fieldset-wrapper .webform-flex--container .js-form-item {
  width: 100%;
}

.form-item .choice label {
  font-weight: 500;
  margin-bottom: 0;
}

.form-wrapper.outside_container,
.form-wrapper.outside_container .form-wrapper,
#edit-actions,
#edit-actions--2 {
  background-color: transparent !important;
  padding: 0;
  border: 0;
  border-radius: var(--small-radius);
}

.form-wrapper.outside_container .form-no-label p,
p.required-fields-note {
  font-size: 1rem;
  margin: 0 0 20px;
}

.form-item-conditions {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 10px;
}

.user-form .fieldgroup {
  padding: 0;
  border: none;
  background-color: unset;
}

.user-form .fieldset-wrapper,
.user-form .fieldset-wrapper #edit-account,
.user-form .fieldset-wrapper #edit-pass {
  width: 100% !important;
  padding-right: 0 !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

#edit-pass .form-item:first-child {
  margin-bottom: 20px;
}

.user-form .fieldset-wrapper .form-wrapper,
.user-form .fieldset-wrapper #edit-account .form-item {
  width: 48%;
  padding-right: 2%;
}

.user-form .js-form-type-checkbox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}

.user-form .field--type-boolean input {
  display: inline-block;
}

.user-form .field--type-boolean label {
  display: none;
}

.user-form .field--type-boolean .description,
.user-form #edit-subscriptions--wrapper .description {
  display: inline-block;
  max-width: 80%;
}

.user-form label,
.form-item label,
.fieldset-legend {
  display: block;
  font-weight: bold;
  margin-bottom: 0.625rem;
  font-size: 1rem;
}

.user-form summary {
  display: none;
}

.user-form .fieldset-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}

.user-form #edit-subscriptions--wrapper label {
  display: none;
}

.user-form #edit-subscriptions--wrapper h3 {
  display: none;
}

.user-form #edit-subscriptions--wrapper label {
  display: none;
}

label.error {
  color: #cf2a2a;
  position: relative;
  background-color: rgba(255, 0, 0, 0.1);
  padding: 12px;
  width: 100%;
  font-weight: 600;
  font-size: 0.6em;
  margin-top: 10px;
}

label.error::before {
  content: "!";
  display: inline-block;
  margin-right: 5px;
}

#edit-container--2,
#edit-container-01 {
  margin-top: 1rem;
}

#edit-container--3,
#edit-flexbox-06,
#edit-flexbox-09 {
  margin-top: 1.25rem;
}

#edit-flexbox-06
  .js-form-type-number
  div:has(button)
  #edit-flexbox-09
  .js-form-type-number
  div:has(button) {
  border: 1px solid rgba(183, 182, 181, 0.3);
}

#edit-flexbox-06 .js-form-type-number .webform-element-description,
.js-form-type-number .webform-element-description,
#edit-flexbox-09 .js-form-type-number .webform-element-description {
  margin-bottom: 0px !important;
}

#edit-flexbox-06 .js-form-type-number input,
.fieldset-wrapper input[type="number"].input_chasuble,
.fieldset-wrapper input[type="number"].input_gants,
#edit-flexbox-09 .js-form-type-number input {
  -moz-appearance: textfield;
  width: 22px;
  padding: 2px 0 0 0;
  font-size: 16px;
  text-align: center;
}

#edit-flexbox-06 .js-form-type-number button,
.js-form-type-number button,
#edit-flexbox-09 .js-form-type-number button {
  font-size: 30px;
  cursor: pointer;
  padding: 0px 10px;
}

#edit-flexbox-06 .js-form-type-number input::-webkit-inner-spin-button,
.js-form-type-number input::-webkit-inner-spin-button,
#edit-flexbox-06 .js-form-type-number input::-webkit-outer-spin-button,
.js-form-type-number input::-webkit-outer-spin-button,
#edit-flexbox-09 .js-form-type-number input::-webkit-inner-spin-button,
#edit-flexbox-09 .js-form-type-number input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#edit-flexbox-06 .js-form-type-number input,
#edit-flexbox-06 .js-form-type-number button,
.js-form-type-number button,
#edit-flexbox-09 .js-form-type-number input,
#edit-flexbox-09 .js-form-type-number button {
  background-color: #ffffff;
  border: none;
  color: var(--dark-blue);
}

.activate_plusminus {
  background-color: #ffffff;
  border: none !important;
  color: var(--dark-blue);
  width: 22px !important;
  padding: 2px 0 0 0 !important;
  font-size: 16px !important;
  text-align: center !important;
}
#edit-flexbox-06 .fieldset-wrapper,
#edit-flexbox-09 .fieldset-wrapper {
  margin-bottom: 2rem;
}

.webform-required {
  padding: 1rem 0;
}

input[type="checkbox"] + div .webform-element-description {
  margin-bottom: 1rem !important;
}

input[type="checkbox"] + .description {
  font-size: 0.875rem;
}

.webform-actions {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.js-form-item-desciption-equipe {
  margin-top: 1em;
}

.form-submit {
  margin-bottom: 0.875rem;
}

.delete_account {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.delete_account h4 {
  font-weight: 800;
  font-size: 1.25rem;
}

.delete_account a {
  font-weight: 600;
  font-size: 1rem;
  text-decoration: underline;
}

.webform-submission-commande-de-sacs-add-form h3 {
  margin-bottom: 1.25rem;
}

.webform-submission-commande-de-sacs-add-form p {
  font-size: 1rem;
  line-height: 1.25;
}

.webform-submission-commande-de-sacs-add-form span {
  font-size: 0.875rem;
  line-height: 1.25;
}

.webform-submission-commande-de-sacs-add-form fieldset {
  margin-top: 2rem;
}

.webform-submission-commande-de-sacs-add-form
  fieldset
  input[type="checkbox"]
  + div
  .webform-element-description {
  margin-bottom: 0.75rem !important;
}

.webform-submission-commande-de-sacs-add-form fieldset h3 {
  display: none;
}

#collecte_swapper + label,
#subscribe_swapper + label,
#ecole_swapper + label {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

#collecte_swapper + label span,
#subscribe_swapper + label span,
#ecole_swapper + label span {
  display: none;
}

#collecte_swapper:checked + label span,
#subscribe_swapper:checked + label span,
#ecole_swapper:checked + label span {
  display: block;
}

.swap_description {
  color: rgba(60, 68, 70, 0.7);
}

.js-form-type-checkbox {
  position: relative;
}

.js-form-type-checkbox:has(.error) {
  flex-wrap: wrap;
}

.js-form-type-checkbox:has(.error) .description {
  flex: 1;
}

.js-form-type-checkbox:has(.error) label.error {
  margin: 0 0 1rem 0;
  margin-bottom: 1rem;
}

.js-form-type-checkbox:has(.error)
  .description
  .webform-element-description:not(
    #edit-container--2 .js-form-type-checkbox .webform-element-description
  ) {
  margin-bottom: 1rem;
}

.webform-submission-commande-de-sacs-form
  .js-form-type-checkbox:has(.error)
  .description
  .webform-element-description:not(
    #edit-container--2 .js-form-type-checkbox .webform-element-description
  ) {
  margin-bottom: 0;
}

.js-form-type-checkbox label.error {
  order: 2;
  margin-bottom: 1rem;
}

#edit-famille-container .js-form-wrapper {
  margin-bottom: 2rem;
}

.form-item-ajouter-un-enfant table,
.form-item-ajouter-un-parent table {
  width: 100%;
}

.form-item-ajouter-un-enfant tr,
.form-item-ajouter-un-parent tr,
.modify_member {
  position: relative;
  display: block;
  width: 100%;
  border-radius: var(--tiny-radius);
  padding: 1.25rem;
  background: rgba(175, 200, 255, 0.15);
}

.form-item-ajouter-un-enfant table thead,
.form-item-ajouter-un-parent table thead {
  display: none;
}

.form-item-ajouter-un-enfant table tr,
.form-item-ajouter-un-parent table tr {
  margin-top: 2.5rem;
  display: block;
}

.form-item-ajouter-un-enfant table tr:last-child,
.form-item-ajouter-un-parent table tr:last-child {
  margin-bottom: 1rem;
}

.form-item-ajouter-un-enfant table td:first-child,
.form-item-ajouter-un-parent table td:first-child {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}

.form-item-ajouter-un-enfant table td:last-child,
.form-item-ajouter-un-parent table td:last-child {
  position: absolute;
  right: 0;
  top: -1.75rem;
}

.webform-multiple-table .form-item + .form-item {
  margin-top: 0;
}

.webform-multiple-table td input[type="image"] {
  width: 1rem;
  border-color: #3c4446;
}

.webform-multiple-table td.webform-multiple-table--operations input {
  opacity: 1;
}

.webform-multiple-add {
  position: relative;
}

.webform-multiple-add .js-form-submit,
.add_participation {
  background: transparent;
  color: var(--light-blue) !important;
  border: 0;
  border-radius: 0;
  text-decoration: underline;
  font-size: 1rem;
  font-weight: 800;
  padding: 0 0 0 1.5rem;
  margin: 0.375rem 0;
  position: relative;
  white-space: normal;
  text-align: left;
}

.webform-multiple-add:has(.js-form-submit):before,
.add_participation:before {
  content: "";
  display: block;
  width: 1.25rem;
  aspect-ratio: 1;
  position: absolute;
  top: 5px;
  left: 0;
  background: url(../../images/icons/plus.svg);
}

.webform-multiple-add .js-form-submit:hover {
  background: inherit;
}

.webform-multiple-add .js-form-submit:focus-visible {
  border: 0;
  outline: 0;
}

#edit-famille-texte h3 {
  margin-bottom: 1.25rem;
}

#edit-famille-texte,
#ajouter_un_enfant_table {
  margin-bottom: 2rem;
}

#edit-taille-des-gants .description .webform-element-description,
#edit-taille-des-gilets .description .webform-element-description {
  margin-bottom: 0 !important;
}

.dropzone.dz-clickable .dz-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 0;
}

.dropzone {
  background: white;
  border: 1px dashed rgba(138, 140, 140, 0.3);
  border-radius: 4px;
  padding: 1.5rem;
}

.custom-cleanup-container h3 {
  display: none;
}

.custom-cleanup-container .fieldset-wrapper h3 {
  display: block;
  margin-bottom: 20px;
}

.custom-cleanup-container .sub-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

input[type="checkbox"]#edit-legal-agreement {
  margin-top: 0;
}

input[type="checkbox"]#edit-legal-agreement + label#legal_agreement-error {
  position: absolute;
  bottom: -2.25rem;
}

.option.js-form-required.form-required {
  font-weight: normal;
}

.custom-cleanup-container .sub-container > * {
  margin: 0;
}

.custom-cleanup-container .sub-container .form-wrapper .js-form-item {
  width: 100%;
}

.sub-container label::after {
  content: "*";
  /* Ajouter l'astérisque */
}

.equipe_form .form-wrapper,
#skip_wrapper .form-wrapper {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}

#login_wrapper .submit-container {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}

#login_wrapper .form-item {
  max-width: 556px;
}

#login_wrapper .js-form-item-pass {
  margin-top: 20px;
}

#login_wrapper .submit-container p {
  margin-bottom: 20px;
  font-size: 0.9em;
}

#login_wrapper .forgot_password {
  float: right;
  text-decoration: none;
  font-size: normal;
  margin-top: 5px;
  font-size: 0.8em;
}

#login_wrapper .js-form-item-remember-me {
  margin-top: 70px;
  margin-bottom: 0;
}

#login_wrapper .js-form-item-remember-me input {
  margin: 0 0 0;
}

#login_wrapper .js-form-item-remember-me label {
  margin-bottom: 0;
  font-weight: 600;
}

.link-conditions {
  text-decoration: underline;
}

.form-no-label .photo-description {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

#edit-processed-text-02 {
  margin-bottom: 1.25rem;
}

.container-form-grid h3 {
  display: none;
}

.container-form-grid .fieldset-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
.address-form-grid .fieldset-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 0.5fr;
  gap: 1.25rem;
}

.container-form-grid .fieldset-wrapper .form-item {
  width: 100%;
}

.element-second-row {
  grid-column: 1/2;
}

#user-cancel-form .form-submit {
  white-space: normal;
}

#user-cancel-form .form-submit:disabled {
  background: var(--dark-grey);
  border: 1px solid var(--dark-grey);
  color: white;
  opacity: 0.7;
  transition: none;
}

#user-cancel-form .form-submit:disabled:hover {
  background: var(--dark-grey);
  border: 1px solid var(--dark-grey);
  color: white;
}

#user-cancel-form .dialog-cancel {
  display: none;
}

.webform-element-description:not(
    #edit-container--2 .js-form-type-checkbox .webform-element-description
  ):has(.label-name) {
  margin-bottom: 0;
}

.label-name {
  display: block;
  font-weight: bold;
  margin-bottom: 0.625rem !important;
  font-size: 1rem;
  line-height: 1;
}

.name-no-citoyen {
  display: none;
}

#edit-group-adress-team,
#edit-zone-intro {
  margin-bottom: 1.25rem;
}

label sup {
  font-size: 0.5em;
  padding: 0 0.15rem;
}

.form-item-je-souhaite-rendre-mon-equipe-publique label {
  flex: 1;
}

.contact-form {
  display: flex;
  flex-direction: column;
}

.contact-form .form-item-mail {
  order: -1;
}

@media (max-width: 768px) {
  #collecte_section {
    padding: 5rem var(--gutter-mobile) 0;
  }

  .half-width {
    width: 100%;
  }

  .webform-flex--container {
    margin: 0.75rem 0;
  }

  .user-form fieldset,
  .form-wrapper,
  .choice {
    padding: 1rem;
  }

  .webform-container {
    padding: 1rem;
  }

  #edit-confirmez-votre-adresse-e-mail-flexbox,
  #edit-mot-de-passe--wrapper .fieldset-wrapper {
    align-items: flex-end;
    flex-direction: column;
  }

  .fieldset-wrapper .js-form-item {
    width: 100%;
  }

  .container-form-grid .fieldset-wrapper {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .choice_container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.75rem;
    flex-direction: column;
    margin-bottom: 1rem;
  }

  .form-item-ajouter-un-enfant table td:first-child,
  .form-item-ajouter-un-parent table td:first-child {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.1rem;
    padding: 0;
  }

  .ajouter_un_parent_table {
    margin-bottom: 2rem;
  }

  .user-form fieldset,
  .form-wrapper,
  .bordered_container {
    padding: 1.5rem 1rem;
  }

  .wrapper-update {
    padding: 0 var(--gutter-mobile);
  }

  .delete_account {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.25rem;
  }

  .button.form-submit {
    width: 100%;
  }

  #edit-confirmez-votre-adresse-e-mail-flexbox,
  #edit-mot-de-passe--wrapper .fieldset-wrapper {
    gap: 0.75rem;
  }

  #edit-container--3,
  #edit-container--2,
  #edit-container-01 {
    margin-top: 0.75rem;
  }

  #edit-flexbox-06 .fieldset-wrapper,
  #edit-flexbox-09 .fieldset-wrapper {
    margin-bottom: 0.5rem;
  }

  #edit-taille-des-gilets h3,
  #edit-taille-des-gants h3,
  #edit-taille-des-gants--2 h3,
  #edit-taille-des-chasubles h3 {
    margin-bottom: 0.75rem;
  }
}

@media (min-width: 768px) {
  .webform-flexbox {
    display: flex;
    margin: 1.25rem 0;
    gap: 1.25rem;
  }

  .webform-flex--container {
    margin: 0;
  }

  .half-width-form {
    width: calc(50% - 0.625rem) !important;
  }
}