.elementor-4459 .elementor-element.elementor-element-7b3c84a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4459 .elementor-element.elementor-element-7b3c84a:not(.elementor-motion-effects-element-type-background), .elementor-4459 .elementor-element.elementor-element-7b3c84a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F10;}.elementor-4459 .elementor-element.elementor-element-b769ff5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--align-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4459 .elementor-element.elementor-element-f0ad409 .elementor-heading-title{font-family:"Clash Display Variable", Sans-serif;font-size:32px;font-weight:500;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4459 .elementor-element.elementor-element-c43e1a6{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;color:#CCCCCC;}.elementor-4459 .elementor-element.elementor-element-17b950d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4459 .elementor-element.elementor-element-b769ff5{--width:50%;}.elementor-4459 .elementor-element.elementor-element-17b950d{--width:50%;}}/* Start custom CSS for heading, class: .elementor-element-f0ad409 */@font-face {
    font-family: 'Clash Display Variable';
    src: url('/wp-content/uploads/2025/06/ClashDisplay-Variable.ttf') format('woff2');
    font-weight: 500;
    font-style: normal;
  }

.contactez-nous-titre {
    font-family: "ClashDisplay-Variable";
    font-size: 32px;
    font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c43e1a6 */@media (max-width: 767px) {
  .elementor-element-b769ff5 {
    padding-left: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2e3bc2 *//* === Container === */
.wpcf7 {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px;
  background-color: #313131;
  border-radius: 12px;
  color: white;
}

/* === Grid Layout === */
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.contactform-full {
    grid-column: 1 / -1;
    margin-bottom: -30px;
}

.contactform-half {
    width: 100%!important;
    height: 80px!important;
}

.wpcf7 label {
    width: auto!important;
}

/* === Input & Textarea Styles === */
.floating-wrap {
  position: relative;
  display: block;
}

.floating-wrap input,
.floating-wrap textarea {
  width: 100%;
  padding: 12px 14px;
  font-size: 15px;
  background: transparent;
  color: white;
  border: 1.6px solid #ffffff;
  border-radius: 6px;
  box-sizing: border-box;
}

.floating-wrap textarea {
  min-height: 130px;
  resize: vertical;
}

/* === Floating Label Styling === */
.floating-wrap input::placeholder,
.floating-wrap textarea::placeholder {
  color: transparent;
}

.floating-wrap label {
  position: absolute;
  top: 25px; 
  left: 14px;
  transform: translateY(-50%);
  font-size: 14px;
  background-color: #313131;
  padding: 0 6px;
  color: white;
  pointer-events: none;
  transition: 0.2s ease all;
}

/* === Floating Effect === */
.floating-wrap input:focus + label,
.floating-wrap input:not(:placeholder-shown) + label,
.floating-wrap textarea:focus + label,
.floating-wrap textarea:not(:placeholder-shown) + label {
  top: -9px;
  left: 10px;
  font-size: 13px;
  color: white;
}

input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
    width: 100%;
    border: 1px solid #FFFFFF!important;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s
}


/* === Checkbox Consent Styling === */

.wpcf7-form-control-wrap.your-consent {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 50px;
    font-size: 14px;
    color: white;
}

.wpcf7-form-control[type="checkbox"] {
  transform: scale(1.2);
}

.wpcf7-list-item {
	display: inline-block;
     margin: 0 0 0 0em;
}

/* === Submit Button Styling === */
.form-full:last-child {
  text-align: right;
}

input[type="submit"] {
  background: linear-gradient(to right, #f87e1f, #ff9900);
  border: none;
  color: black;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

input[type="submit"]:hover {
  background: linear-gradient(to right, #e86c00, #ff9500);
}

/* Target the acceptance checkbox background */
input[type="checkbox"][name="your-consent"] {
  background-color: transparent; 
  border: 1px solid white;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
}

/* Optional: add check mark styling */
input[type="checkbox"][name="your-consent"]:checked::before {
  content: "✔";
  position: absolute;
  left: 2px;
  top: 0px;
  font-size: 12px;
  color: white;
}


.form-full:last-child {
    margin-left: 600px !important;
}


/* === Responsive === */
@media (max-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr;
  }

  .form-full:last-child {
    text-align: center;
  }
}


/* button envoyer à droite */

.contactform-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.contactform-full {
    grid-column: 1 / -1; 
}


@media (max-width: 768px) {
    .contactform-grid {
        grid-template-columns: 1fr;
    }
    
    .contactform-half {
        grid-column: 1;
    }
}

/* button envoyer à droite */

.contactform-grid input[type="submit"] {
    margin-left: auto;
    margin-right: 0;
    display: block;
}/* End custom CSS */