/*
 * Material Design for Contact Form 7 – CSS autonome
 * Source : plugin material-design-for-contact-form-7 v2.6.4
 * Sélecteur original (#cf7md-form) remplacé par (.home .wpcf7)
 * Ce fichier remplace entièrement le plugin. Aucune dépendance externe.


/* ============================================================
   FORM
   ============================================================ */
.home .wpcf7 form {
   display: grid;
   margin: 0;
   grid-gap: 24px;
}

/* ============================================================
   RESET CHAMPS
   ============================================================ */
.home .wpcf7 input[type="text"],
.home .wpcf7 input[type="email"],
.home .wpcf7 input[type="url"],
.home .wpcf7 input[type="password"],
.home .wpcf7 input[type="search"],
.home .wpcf7 input[type="number"],
.home .wpcf7 input[type="tel"],
.home .wpcf7 input[type="range"],
.home .wpcf7 input[type="date"],
.home .wpcf7 input[type="month"],
.home .wpcf7 input[type="week"],
.home .wpcf7 input[type="time"],
.home .wpcf7 input[type="datetime"],
.home .wpcf7 input[type="datetime-local"],
.home .wpcf7 input[type="color"],
.home .wpcf7 textarea {
   background: #f5f5f5;
   border-radius: 5px 5px 0 0;
   display: block;
   width: 100%;
   box-shadow: none;
}
.home .wpcf7 label { font-weight: normal; margin: 0; }
.home .wpcf7 select { height: auto; border-radius: 0; }
.home .wpcf7 .cf:after,
.home .wpcf7 .cf7md-item:after { content: ""; display: table; clear: both; }


/* ============================================================
   HELPER TEXT
   ============================================================ */
.home .wpcf7 .mdc-text-field-helper-text {
  font-family: Roboto, sans-serif;
  font-size: .75rem;
  line-height: normal;
  font-weight: 400;
  letter-spacing: .03333em;
  display: block;
  margin: 0;
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  will-change: opacity;
}
.home .wpcf7 .mdc-text-field-helper-text::before { display: inline-block; width: 0; height: 16px; content: ""; vertical-align: 0; }
.home .wpcf7 .mdc-text-field-helper-text--persistent { transition: none; opacity: 1; will-change: initial; }

/* ============================================================
   TEXT FIELD – BASE
   ============================================================ */
.home .wpcf7 .wpcf7-text, .wpcf7-textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 4px 4px 0 0;
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  will-change: opacity, transform, color;
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: .00937em;
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%; height: 100%;
  padding: 12px 16px 6px;
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
   border-bottom: 1px solid;  
}
.home .wpcf7 .wpcf7-text {
  height: 56px;
}
.home .wpcf7 .wpcf7-textarea {
   height: 155px;
}

.home .wpcf7 :is(.wpcf7-text, .wpcf7-textarea) { border-bottom-color: rgba(0, 0, 0, 0.12);  background-color: #f5f5f5; color: rgba(0, 0, 0, 0.87); }
.home .wpcf7 :is(.wpcf7-text, .wpcf7-textarea):is(:hover, :focus, :active) { border-bottom-color: rgba(0, 0, 0, 0.87); }
.home .wpcf7 :is(.wpcf7-text, .wpcf7-textarea)::placeholder { color: rgba(0, 0, 0, 0.6); }
.home .wpcf7 .wpcf7-not-valid { border-bottom-color: #b00020; }

.home .wpcf7 :is(.wpcf7-text, .wpcf7-textarea)::placeholder { transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 1; }

/* ============================================================
   CHECKBOX MDC
   ============================================================ */
.home .wpcf7 hr {
   width: 100%;
}

/* ============================================================
   FORM FIELD (label + checkbox/radio)
   ============================================================ */
.home .wpcf7 .wpcf7-list-item { display: flex; align-items: center; vertical-align: middle; }
.home .wpcf7 .wpcf7-list-item > .wpcf7-list-item-label { order: 0; margin-right: auto; padding-left: 4px; cursor: pointer; font-family: Roboto, sans-serif; font-size: .875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: .01786em; }

/* ============================================================
   ACCEPTANCE
   ============================================================ */
.home .wpcf7 .wpcf7-acceptance .wpcf7-list-item-label {
    font-weight: bold;
}

/* ============================================================
   BOUTON MDC (submit)
   ============================================================ */
.home .wpcf7 .wpcf7-submit {
  font-family: Roboto, sans-serif;
  font-size: .875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: .08929em;
  text-transform: uppercase;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 64px;
  height: 36px;
  border: none;
  outline: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  padding: 0 16px;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;

   background-color: #4254bd;
   color: #FFF;
   box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}