/*
  Theme Name: Jerome 
  Description: Theme enfant de Jerome
  Author: Rémi - Manon
  Author URL: https://www.lancetaboutique.fr
  Template: twentytwentyfive
  Version: 0.1.0
  */
  :root {
    --wp--style--global--wide-size: 100%;
    --colors-background-brand-bold: #91A987; /* couleur directe sans passer par une autre variable */
    --colors-restaurant: #91A987!important; /* Nouvelle couleur ici */

    /* Ou une valeur neutre pour qu'elle n'affecte plus */
  }
  .is-layout-constrained > * {
    max-width: 100%;
    margin-left: unset !important;
    margin-right: unset !important;
}
.has-global-padding {
  padding-left: unset!important;
  padding-right: unset!important;
}


  .container {
    max-width: 1200px!important;
    /* Limite la largeur maximale à 1200px par défaut */
    width: 100%!important;
    /* Prend toute la largeur disponible */
    padding-right: 1rem;
    /* Ajoute un espace intérieur à droite */
    padding-left: 1rem;
    /* Ajoute un espace intérieur à gauche */
    margin-right: auto!important;
    /* Centre horizontalement */
    margin-left: auto!important;
    /* Centre horizontalement */
    box-sizing: border-box;
    /* Inclut les bordures et padding dans la largeur */
  }



  /* Adaptation pour écrans plus grands (≥ 1440px) */
  @media (min-width: 1440px) {
    .container {
      max-width: 1400px!important;
      /* Augmente la largeur maximale */
    }
  }

  

  /* Adaptation pour très grands écrans (≥ 1920px) */
  @media (min-width: 1920px) {
    .container {
      max-width: 1600px!important;
      /* Augmente encore la largeur maximale */
    }
  }

  /* Adaptation pour les écrans moyens */
  @media (max-width: 768px) {
    .container {
      padding-right: 1.5rem;
      /* Réduction des marges pour petits écrans */
      padding-left: 1.5rem;
    }

  }
  @media (max-width: 1200px) {
   .flex{
    gap:1rem!important;
   }

  }

  /* Adaptation pour les très petits écrans */
  @media (max-width: 480px) {
    .container {
      padding-right: 1.25rem;
      /* Réduction supplémentaire pour très petits écrans */
      padding-left: 1.25rem;
    }
  }


  .form-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto; /* 👈 ça centre le bloc dans son parent */
  }
  

.forminator-ui.forminator-custom-form[data-design=default] .forminator-submit{
  width: fit-content;
}
.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained{
 margin-top: 0!important;
}

.wp-block-button.arrow{
  position: relative;
}
.wp-block-button.arrow .wp-block-button__link.has-contrast-color.has-base-background-color.has-text-color.has-background.has-link-color.wp-element-button::after{
  position:absolute ;
  top: 50%;
  right: 0;
  margin-right: 30px;
  transform: translateY(-50%);
  width: 20px;
  z-index: 1;
  content: "";
  background-image: url(https://jerome-coroir.com/wp-content/uploads/2025/08/Arrow-1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
 height: 20px;
  z-index: 1;
}


.wp-block-list.check-projet li::before {
  content: "";
  position: absolute;
  left: -0.5rem;
  top: 0.2rem;
  width: 13px;
  height: 20px;
  background-image: url(https://jerome-coroir.com/wp-content/uploads/2025/08/Ellipse-1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

ul.wp-block-list { list-style: none; padding-left: 0; margin-left: 1.5rem; position:relative; }

.wp-block-list li {
  position: relative; /* chaque li devient le parent du ::before */
  padding-left: 2rem; /* espace pour laisser la place à ton icône */
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-button {
  width: 100%;
  background-color: #FFFFFF;
}

.forminator-ui.forminator-custom-form[data-design=default] {
  width: fit-content;
}
#forminator-module-44 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
max-width: 150rem;

    width: 50%;
}
#forminator-module-279 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
max-width: 150rem;

    width: 50%;
}

.forminator-row {
  display: flex;
gap: 2rem;
  width: 100%;
}
.forminator-textarea {
  width: 100%;
  background-color: #6D6D6D;
}
#textarea-1 {
  width: 100%;
  margin-bottom: 12px;
}
  #textarea-1  {
      margin-top: 12px;

    }
.forminator-col {
  width: 100%;
}
.forminator-button.forminator-button-submit {
background-color: #FFFFFF;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-input {
  background-color: #6D6D6D;
}

.forminator-input::placeholder,
.forminator-textarea::placeholder{
  color: white;
}

@media (max-width: 768px) {
  .forminator-row {
    display: grid !important;
    grid-template-columns: 1fr;
    row-gap: 12px; /* espace vertical maîtrisé */
    margin-bottom: 12px !important;
    gap: 0;
  }
  .forminator-row .forminator-col,
  .forminator-row .forminator-field {
    width: 100% !important;
  }
    /* Espace avant le bouton */
    .forminator-row.forminator-row-last {
      margin-top: 16px !important;
      margin-bottom: 0 !important;
    }
    #textarea-1  {
      margin-top: 12px;

    }
    #forminator-module-44 {
      width: 67%;
    }
    
    #forminator-module-279 {
      width: 67%;
    }

    .forminator-ui.forminator-custom-form[data-grid=open] .forminator-col:not(:last-child) {
      margin-bottom: 12px;
    }
}


.forminator-ui.forminator-custom-form .forminator-row:not(.forminator-row-last) {
  margin-bottom: 0 !important; /* supprime juste les espaces entre champs */
}

.forminator-ui.forminator-custom-form .forminator-row.forminator-row-last {
  margin-top: 1.5rem; /* rajoute un petit espace avant le bouton */
}