/*
Theme Name: Hello Elementor Enfant
Description: Theme enfant de Hello Elementor. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: hello-elementor
Version: 1.0
*/

html, body {
  overflow-x: hidden !important;
	cursor: url('https://tonsite.com/wp-content/uploads/2025/10/curseur-1.png'), auto;
}

.parent .portfolioprojet {
  display: none; /* caché par défaut */
}

.parent:hover .portfolioprojet {
  display: block; /* apparaît au survol du parent */
}

/*Formulaire*/

/* Alignement et espacement */
.wpcf7 form {
  text-align: left;
  max-width: 500px; /* largeur max du formulaire */
}

.wpcf7 label {
  display: block;
  margin-bottom: -20px;
  font-weight: 600;
}

/* Champs de texte et textarea */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  padding: 12px 15px;
  margin-bottom: 20px; /* <-- corrigé ici */
  border: 1px solid #ccc;
  border-radius: 20px; /* arrondi maximal */
  box-sizing: border-box;
  font-size: 16px;
}

/* Bouton envoyer */
.wpcf7 input[type="submit"] {
  background: #000;
  color: #fff;
  border: none;
  padding: 10px 30px; /* moins long que 100% largeur */
  border-radius: 50px; /* arrondi maximal */
  cursor: pointer;
  font-size: 16px;
}

/* Hover du bouton */
.wpcf7 input[type="submit"]:hover {
  background: #444;
}

/* Placeholder styling */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: #888;
  opacity: 1; /* bien visible */
}

/*Page Portfolio*/
/* Contenu imbriqué à cacher par défaut */
.projet-p .projet-content {
  opacity: 0;                  /* invisible au départ */
  transform: translateY(20px); /* léger décalage vers le bas */
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;        /* évite de cliquer dessus quand caché */
}

/* Affichage au hover du parent */
.projet-p:hover .projet-content {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;        /* réactive les interactions */
}

/* Optionnel : overlay semi-transparent */
.projet-p::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  border-radius: 12px;
}

.projet-p:hover::before {
  opacity: 1;
}