/* -------------------------------- */
/* -------  NOUS REJOINDRE  ------- */
/* -------------------------------- */

/* -------------------------------- */
/* Section présentation */
/* -------------------------------- */
.section-nousrejoindre {
  padding: 2vh 0;
  background-image: url('../images/background-left.svg');
  background-position: left top -400px;
  background-repeat: no-repeat;
}
@media (max-width: 1200px) {
  .section-nousrejoindre {
    background-image: unset;
  }
}

/* -------------------------------- */
/* Section compétences recherchées */
/* -------------------------------- */
.section-comp-recherchees {
  background-color: #F8F8F8;
  box-shadow: 0 .5rem .5rem #eee;
  text-align: center;
  padding-top: max(3rem,7vh);
}
.bloc-comp-recherchees {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: max(2rem,4vw);
  padding: max(2rem,9vh);
}
.bloc-comp-recherchees__liste {
  padding-left: 0;
  font-weight: bold;
  list-style: none;
  text-align: left;
}
.bloc-comp-recherchees__liste li {
  padding-bottom: .5rem;
  line-height: 1.3;
}

/* -------------------------------- */
/* Section formulaire */
/* -------------------------------- */
.section-candidature {
  padding: 8vh 0 6vh;
}
.contact-form-grid {
  max-width: 850px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1.25rem;
  row-gap: 2rem;
  margin: auto;
}
.grid-item-full-width {
  grid-column: 1 / -1;
}
.contact-form-grid :is(input:not([type="checkbox"],[type="submit"]),select,textarea) {
  width: 100%;
  margin-top: .25rem;
  padding: 1.25rem 1.5rem;
  background-color: #F4F4F6;
  border: none;
  border-radius: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}
.contact-form-grid :is(input:not([type="checkbox"],[type="submit"]),select,textarea):focus-visible {
  outline: solid 2px var(--color-light, blue);
}
.contact-form-grid label {
  padding-left: 1.5rem;
  color: #A5A5A5;
  font-size: 1rem;
  font-weight: 500;
}
.contact-form-grid .wpcf7-not-valid-tip {
  padding-left: 1.5rem;
  font-size: 1rem;
}
.contact-form-grid :is(input,select,textarea):has(+.wpcf7-not-valid-tip) {
  border: 1px solid #dc3232;
}
.contact-form-grid span[data-name="message"]::before {
  position: absolute;
  inset: auto 1rem 1rem auto;
  color: #A5A5A5;
  content: "1500 caractères max";
  font-size: 1rem;
}
.contact-form-grid .wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0;
}
.contact-form-grid .wpcf7-acceptance label {
  display: flex;
  align-items: baseline;
  gap: 1.25rem;
  padding-left: 0;
}
.contact-form-grid .wpcf7-acceptance label .wpcf7-list-item-label {
  color: var(--color-dark);
}
.contact-form-grid input[type="submit"] {
  display: flex;
  margin-left: auto;
  padding: .75rem 1.5rem;
  border: none;
}
.contact-form-grid input[type="submit"]:disabled {
  opacity: .7;
}
.contact-form-grid input[type="submit"] {
  cursor: pointer;
}
.wpcf7-response-output {
  max-width: max-content;
  margin: auto;
  text-align: center;
}
@media (max-width: 700px) {
  .section-candidature {
    padding-bottom: 5vh;
  }
  .contact-form-grid {
    grid-template-columns: 1fr;
    row-gap: 1rem;
  }
  .contact-form-grid :is(input:not([type="checkbox"],[type="submit"]),select,textarea) {
    padding: 1rem;
    font-size: 1rem;
  }
  .contact-form-grid label {
    padding-left: 1rem;
    font-size: .9rem;
  }
  .contact-form-grid input[type="submit"] {
    font-size: 1.25rem;
  }
}

/* -------------------------------- */
/* Section photos */
/* -------------------------------- */
.section-candidature-pict {
  display: grid;
  grid-template-columns: repeat(4,1fr);
}

@media (max-width: 500px) {
  .section-candidature-pict {
    grid-template-columns: repeat(2,1fr);
  }
}