@media only screen and (min-width: 981px) {
   .wpcf7 .fields {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      /* grid-template-rows: repeat(3, 1fr); */
      grid-auto-rows: 1fr 1fr auto;
      gap: 20px;
      margin-bottom: 24px;
   }


   .wpcf7 .fields > span:is(:nth-child(1),:nth-child(4)) {
      grid-column: 1 / -1;
   }
   .wpcf7 .fields > span:nth-child(4) {
      /* grid-area: 1 / 2 / 4 / 3; */
      max-height: 200px;
   }

   .wpcf7 .fields textarea {
      height: 100%;
   }
}

@media only screen and (max-width: 980px) {
   .wpcf7 .fields {
      margin-bottom: 12px;
   }
   .wpcf7 .fields > span:not(:last-child) {
      margin-bottom: 16px;
   }
}

.wpcf7 :is(input, textarea) {
   
}

input:-internal-autofill-selected {
   /* background-color: var(--white) !important; */
   background: transparent !important;
   color: var(--vert-fonce) !important;
}

/*.wpcf7 .wpcf7-form-control-wrap:not([data-name="acceptance-check"]) :is(input, textarea):not(.wpcf7-submit):focus-within {
   -webkit-box-shadow: inset 0px 0px 0px 3px var(--vert-fonce), inset 0 0 0 100px rgb(255 255 255) !important;
   box-shadow: inset 0px 0px 0px 3px var(--vert-fonce), inset 0 0 0 100px rgb(255 255 255) !important;
}

.wpcf7 .wpcf7-form-control-wrap:not([data-name="acceptance-check"]) :is(input, textarea):is(.wpcf7-not-valid) {
   -webkit-box-shadow: inset 0 0 0 3px #dc3232, inset 0 0 0 1px rgb(255 255 255 / 0%), inset 0 0 0 100px rgb(255 255 255) !important;
   box-shadow: inset 0 0 0 3px #dc3232, inset 0 0 0 1px rgb(255 255 255 / 0%), inset 0 0 0 100px rgb(255 255 255) !important;
}*/

.wpcf7-form-control-wrap {
   overflow: hidden;
   border-radius: 12px;
}

.wpcf7 .wpcf7-form-control-wrap:not([data-name="acceptance-check"]) .wpcf7-not-valid-tip {
   pointer-events: none;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 3px;

   font-weight: 500;
   font-size: 13px;

   display: flex;
   flex-direction: column;
   height: calc(100% - 9px);
   justify-content: center;
   padding: 0 20px 0 40px;
   background: linear-gradient(90deg, rgba(231, 231, 231, 0) 0%, rgba(231, 231, 231, 1) 30px, rgba(231, 231, 231, 1) 100%);
   border-radius: 0 9px 9px 0;
}

.wpcf7 .wpcf7-form-control-wrap:not([data-name="acceptance-check"]) :is(input, textarea):not(.wpcf7-not-valid, .wpcf7-submit) {
   box-shadow: inset 0 0 0 3px rgba(231, 231, 231, 0), inset 0 0 0 100px rgba(231, 231, 231, 1) !important;
}


:is(.dark-form, .contact-form-row) .wpcf7 .wpcf7-form-control-wrap:not([data-name="acceptance-check"]) .wpcf7-not-valid-tip {
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30px, rgba(255, 255, 255, 1) 100%);
}

:is(.dark-form, .contact-form-row) .wpcf7 .wpcf7-form-control-wrap:not([data-name="acceptance-check"]) :is(input, textarea):not(.wpcf7-not-valid, .wpcf7-submit) {
   box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0), inset 0 0 0 100px rgba(255, 255, 255, 1) !important;
}

.wpcf7 :is(input, textarea):is(.wpcf7-not-valid):focus-within + .wpcf7-not-valid-tip {
   opacity: 0 !important;
}

.wpcf7 .wpcf7-acceptance + .wpcf7-not-valid-tip {
	max-width: 852px;
	margin-left: auto;
   margin-right: auto;
}

.dark-form .wpcf7 select {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}

.wpcf7 .wpcf7-form-control-wrap:not([data-name="acceptance-check"]) :is(input, select, textarea):not(.wpcf7-submit) {
   width: 100%;
   padding: 16px 20px;
   font-size: 18px;
   font-weight: 500;
   color: var(--vert-fonce);
   /* border: none; */
   border-radius: 12px;
   transition: box-shadow 150ms ease-in-out;
   height: 100%;
	display: block;
   border: solid 3px var(--vert-fonce);
   background: transparent!important;
}

.wpcf7 .wpcf7-form-control-wrap {
   display: block;
}

textarea.wpcf7-textarea {
   max-width: 100%;
   min-width: 100%;
   resize: none;
}

.send-button {
   /* display: flex; */
   justify-content: center;
   /* flex-direction: column; */
   gap: 20px 0px;
   position: relative;
   width: fit-content;
   width: -moz-fit-content;
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
}

.send-button .arrow {
   position: absolute;
   top: 50%;
   right: var(--big-text);
   translate: 0 -50%;
   pointer-events: none;
}

.send-button .arrow svg {
   display: block;
}

.send-button .arrow svg path {
   transition: stroke 200ms ease-in-out;
}

.send-button:has(.wpcf7-submit:hover) .arrow svg path {
   stroke: var(--vert-fonce);
}



/* .send-button .wpcf7-spinner {
   position: absolute;
   left: 0;
   translate: -100%;
} */




.wpcf7-spinner {
   display: flex;
   order: 1;

   background-color: var(--vert-fonce) !important;
   align-self: center;
}


.wpcf7-form:not(.submitting) .wpcf7-spinner {
   display: none;
}

.wpcf7-form.submitting .wpcf7-spinner {
   margin: 40px auto 0;
}


.wpcf7-response-output {
   background-color: var(--white);
   border-width: 3px !important;
   border-radius: 12px;
   padding: 12px 20px !important;
   font-size: 18px !important;
   width: fit-content;
   max-width: 100%;
   margin: 40px auto 0 !important;
   display: flex;
   justify-content: center;
   flex-direction: column;
   height: 100%;
   align-self: center;
   order: 0;

   text-align: left;
   line-height: 1.2;
}

@media only screen and (max-width: 980px) {
   .send-button {
      flex-wrap: wrap;
   }
   .wpcf7-response-output {
      order: 3;
   }
}

#page-container #et-main-area input.wpcf7-submit.et_pb_button {

   display: flex;
   justify-content: center;
   flex-direction: column;
   align-self: center;
   align-items: center;
   order: 2;
   /* width: 288px; */
   /* min-width: 288px; */
   /* max-width: 100%; */
   /* padding: 16px 1em !important; */
   padding: var(--btn-padding) !important;
   /* font-size: 20px; */
   /* font-weight: 500; */
   /* text-align: center; */
   /* line-height: 1.3!important; */
   color: var(--white);
   border-width: 3px !important;
   border-color: var(--vert-fonce) !important;
   /* border-radius: 50px; */
   /* text-transform: uppercase; */
   background-color: var(--vert-fonce)!important;
   cursor: pointer;
}

#page-container #et-main-area input.wpcf7-submit.et_pb_button:hover {
   /* background-color: rgba(9, 57, 70, 0); */
   background-color: var(--vert)!important;
   color: var(--vert-fonce);
}

.wpcf7 ::-webkit-input-placeholder {
   /* WebKit browsers */
   color: var(--vert-fonce) !important;
   opacity: 1;
}
.wpcf7 :-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: var(--vert-fonce) !important;
   opacity: 1;
}
.wpcf7 ::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: var(--vert-fonce) !important;
   opacity: 1;
}
.wpcf7 :-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: var(--vert-fonce) !important;
   opacity: 1;
}

/**/