/* Conteneur du formulaire inchangé */
.form-receipe-container {
  max-width: 800px;
  margin: 80px auto;
  transform: translateY(10%);
}

/* Titre du formulaire */
.form-receipe-container h2 {
  text-align: center;
  margin-bottom: 20px;
  font-family: 'Raleway', Arial, sans-serif;
  font-weight:800;	
  color:#223222;	
}

/* Message de retour (succès/erreur) */
#form-message {
  margin-bottom: 15px;
}

/* Grille du formulaire adaptée à la demande client */
.custom-recipe-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
    "nom prenom"
    "mail mail"
    "cgu cgu"
    "submit submit";
  grid-gap: 20px;
}

/* Placement des champs sur la grille */
.form-field-nom    { grid-area: nom; }
.form-field-prenom { grid-area: prenom; }
.form-field-mail   { grid-area: mail; }
.form-field-cgu    { grid-area: cgu; }

.custom-recipe-form button {
  grid-area: submit;
  padding: 12px 0;
  background-color: #223222;
  color: #fff;
  border: none;
  cursor: pointer;
  width: 100%;
  font-weight: 700;
  font-size: 1.1em;
  letter-spacing: 0.03em;
}

.custom-recipe-form button:hover {
  background-color: #22322299;
  color: #ffffff;
}

/*inside content */

select, textarea, input:is([type=url],[type=tel],[type=text],[type=time],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=number],[type=search],[type=password]), fieldset .wc-stripe-elements-field, .ff-inherit-theme-style .ff-el-form-control:not([size]):not([multiple]) {
	border-width: 1px !important;
    border-style: solid !important;
    border-color: #000000 !important;
    border-radius: 1px !important;
}

/* Responsive : tout passe en colonne */
@media (max-width: 600px) {
  .custom-recipe-form {
    grid-template-columns: 1fr;
    grid-template-areas: 
      "nom"
      "prenom"
      "mail"
      "cgu"
      "submit";
  }
}