.p2p-step { display:none; }

.p2p-step.is-active {
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
}

/* -------------------------------------------------------------------------- */
/* -----------------------------Form Inscription----------------------------- */
/* -------------------------------------------------------------------------- */
.title-inscription {
  color: #EDDEBD !important;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 36px !important;
  font-weight: 600 !important;
  font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	  margin-bottom: 0px;
	}
	
	.p2p-step{
	  gap: 48px;
	}
	
	.form-style {
	  display: flex;
	  flex-direction: column;
	  background: #FDFDFB;
	  padding: 40px;
	  border-radius: 12px;
	  gap: 40px;
	}
	
	form#p2p-form-account {
	  display: flex;
	  flex-direction: column;
	  gap: 40px;
	}
	
	.form-row {
	  display: flex;
	  gap: 40px;
	}
	
	.form-col input {
	  background-color: rgba(161, 64, 45, 0.20) !important;
	  border: 0.5px solid #A1402D !important;
	  border-radius: 12px !important;
	  padding: 10px 26px !important;
	  color: #A1402D !important;
	}
	
	.form-col {
	  width: 100%;
	}
	
	input::placeholder {
	  color: #A1402D;
	  font-size: 16px;
	  font-weight: bold;
	  opacity: 1; /* important pour certains navigateurs */
	}
	
	/* Pour plus de compatibilité (anciens navigateurs) */
	input::-webkit-input-placeholder {
	  color: #A1402D;
	  font-size: 16px;
	  font-weight: bold;
	}
	input:-moz-placeholder {
	  color: #A1402D;
	  font-size: 16px;
	  font-weight: bold;
	}
	input::-moz-placeholder {
	  color: #A1402D;
	  font-size: 16px;
	  font-weight: bold;
	}
	input:-ms-input-placeholder {
	  color: #A1402D;
	  font-size: 16px;
	  font-weight: bold;
	}
	
	.btn-submit {
	  background: #EDDEBD !important;
	  color: #A1402D !important;
	  font-size: 16px !important;
	  font-weight: 800 !important;
	  border: 2px solid #FDFDFB !important;
	  border-radius: 12px !important;
	}
	
	.btn-submit:hover{
	  background: #A1402D !important;
	  color: #EDDEBD !important;
	}
	
	/* Ajoute une * rouge à tous les champs requis */
	label.required::after {
	  content: " *";
	  color: red;
	}
	
	.required-label::after {
	  content: " *";
	  color: red;
	}
	
	
	
	
	/* -------------------------------------------------------------------------- */
	/* -----------------------------Card Inscription----------------------------- */
	/* -------------------------------------------------------------------------- */
	div#p2p-step-choose {
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	}
	
	.card-conteneur, .btn-cards-group{
	  display: flex;
	  justify-content: center;
	  gap: 80px;
	}
	
	
	.card-profil, .btn-profil, .btn-card-radio, .btn-user {
	  display: flex !important;
	  flex-direction: column !important;
	  align-items: center !important;
	  padding: 16px !important;
	  width: 300px !important;
	  gap: 24px !important;
	  background: #FDFDFB !important;
	  padding: 16px 24px !important;
	  border-radius: 12px !important;
	  border: solid 1px #A1402D !important;
	  font-size: 16px !important;
	  font-weight: bold !important;
	  cursor: pointer !important;
	  transition: border 0.2s ease !important;
	  color: #A1402D !important;
	  font-size: 16px !important;
	  font-weight: 600 !important;
	  font-family: var(--e-global-typography-db8b889-font-family), Sans-serif !important;
		}
		
		.card-profil:hover, .card-profil:focus, .card-profil.is-selected, .btn-card-radio:focus, .btn-card-radio:hover, .btn-card-radio.is-selected, .btn-user:hover, .btn-profil:hover, .btn-profil:focus{
		  border-color: #FDFDFB !important;
		  background: #A1402D !important;
		  color: #FDFDFB !important;
		}
		
		.card-icon {
		  width: 40px;
		  height: 40px;
		  margin-bottom: 0.5em;
		  font-weight: bold;
		  font-size: 16px;
		}
		
		.recherche-nav {
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  gap: 40px;
		}
		
		#next-step {
		  background: #EDDEBD !important;
		  color: #A1402D !important;
		  font-size: 16px !important;
		  font-weight: 800 !important;
		  border: 2px solid #FDFDFB !important;
		  border-radius: 12px !important;    
		}
		
		#prev-step {
		  background: #A1402D !important;
		  color: #EDDEBD !important;
		  font-size: 16px !important;
		  font-weight: 800 !important;
		  border: 2px solid #FDFDFB !important;
		  border-radius: 12px !important;    
		}
		
		#final-submit {
		  background: #EDDEBD !important;
		  color: #A1402D !important;
		  font-size: 16px !important;
		  font-weight: 800 !important;
		  border: 2px solid #FDFDFB !important;
		  border-radius: 12px !important; 
		}
		/* -------------------------------------------------------------------------- */
		/* -----------------------------Recherche Step 1----------------------------- */
		/* -------------------------------------------------------------------------- */
		.dyn-step {
		  display: none;
		}
		.dyn-step.is-active {
		  display: block;
		}
		.dyn-step.is-hidden { display:none !important; }
		
		
		div#tpl-rech-1 {
		  display: flex;
		  justify-content: center;
		}
		
		.step-section.intro-step {
		  display: flex;
		  flex-direction: column;
		  gap: 40px !important;
		}
		
		ol.intro-list {
		  padding: 24px 40px;
		  background: #FDFDFB;
		  border-radius: 12px;
		  color: #A1402D;
		}
		
		li {
		  padding-bottom: 24px;
		}
		
		.alert-warning {
		  color: #FDFDFB;
		  font-weight: 600;
		  text-align: center;
		}
		
		/* -------------------------------------------------------------------------- */
		/* -----------------------------Recherche Step 2----------------------------- */
		/* -------------------------------------------------------------------------- */
		.step-section {
		  display: flex;
		  flex-direction: column;
		  gap: 40px;
		  justify-content: center;
		  align-content: center;
		  margin-bottom: 48px !important;
		}
		
		/* -------------------------------------------------------------------------- */
		/* -----------------------------Recherche Step 3----------------------------- */
		/* -------------------------------------------------------------------------- */
		.title-h3 {
		  color: #A1402D;
		  text-align: center;
		  font-size: 24px !important;
		  font-weight: 600 !important;
		  font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
			  margin-bottom: 0px;
			}
			.user-block.principal-user, .user-block.co-user {
			  display: flex;
			  flex-direction: column;
			  gap: 20px;
			  background: #FDFDFB;
			  padding: 40px;
			  border-radius: 12px;
			}
			
			label {
			  color: #A1402D;
			  padding-bottom: 8px;
			  font-size: 16px !important;
			  font-weight: 600 !important;
			  font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important;
				}
				
				select {
				  background: rgba(161, 64, 45, 0.20);
				  padding: 16px 24px !important;
				  font-size: 16px !important;
				  font-weight: 600 !important;
				  font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important;
					}
					
					#co-users-list {
					  gap: 40px;
					  display: flex;
					  flex-direction: column;
					}
					
					/* -------------------------------------------------------------------------- */
					/* -----------------------------Recherche Step 4----------------------------- */
					/* -------------------------------------------------------------------------- */
					.bento, .bento-full, .bento-half {
					  background: #FDFDFB;
					  border: solid 1px #A1402D;
					  border-radius: 12px;
					  padding: 16px;
					  display: flex;
					  flex-direction: column;
					  gap: 24px;
					}
					
					.bento-title {
font-size: 24px !important;
}
					
					.bento-full {
					  width: 100%;
					}
					
					.bento-half {
					  width: 50%;
					}
					
					.bento-col {
					  width: 50%;
					}
					
					.bento-row {
					  display: flex;
					  gap: 40px;
					}
					
					
					.bento-col input {
					  background-color: rgba(161, 64, 45, 0.20); !important;
					  border: 0.5px solid #A1402D !important;
					  border-radius: 12px !important;
					  padding: 10px 26px !important;
					  color: #A1402D !important;
					}
					
					textarea {
					  background: rgba(161, 64, 45, 0.20) !important;
					}
					
					.form-container {
					  display: flex;
					  flex-direction: column;
					  background: #F0E8D5;
					  padding: 40px;
					  gap: 40px;
					  border-radius: 0 12px 12px 12px;
					  
					 
					}
					
					.bento-header {
					  color: #A1402D;
					  font-size: 20px;
					  display: flex;
					  gap: 12px;
					  justify-content: start;
					  align-items: center;
					}
					
					.subtitle-bento {
					  font-size: 16px;
					  color: #A1402D;
					}
					
.tab-content.is-hidden { display:none }
.tab-toggle.active     { font-weight:600 }
.tab-toggle.disabled   { opacity:.4; pointer-events:none }
.tab-toggle {
border-radius: 8px 8px 0px 0px !important;
border-top: 1px solid #6D6C6C !important;
border-right: 1px solid #6D6C6C !important;
border-left: 1px solid #6D6C6C !important;
background: #F0E8D5 !important;
					  color: #A1402D !important;
					}
					
.btn-card-radio .btn-icon {
  color: #A1402D; /* couleur par défaut */
  transition: color 0.2s;
}
					
					
/* -------------------------------------------------------------------------- */
/* ------------------------------Biens Step 3-------------------------------- */
/* -------------------------------------------------------------------------- */				
.btn-card-radio:hover .btn-icon,
.btn-card-radio:focus .btn-icon {
  color: #FDFDFB; 
}

#visite-dates-list {
  flex-direction: column;
  gap: 2px;
}
/* -------------------------------------------------------------------------- */
/* ------------------------------Card radio---------------------------------- */
/* -------------------------------------------------------------------------- */	
.btn-card-radio.active {
  border-color: #FDFDFB !important;
  background: #A1402D !important;
  color: #FDFDFB !important;
  box-shadow: 0 2px 8px rgba(161, 64, 45, 0.10);
}

.btn-card-radio.active .btn-icon {
  color: #FDFDFB !important;
}


/* -------------------------------------------------------------------------- */
/* ------------------------------Carousel Image------------------------------ */
/* -------------------------------------------------------------------------- */	
/* Style pour le carrousel d'images */
.p2p-image-carousel {
    width: 100%;
    height: 150px; /* On définit la hauteur du carrousel */
}

.p2p-image-carousel .swiper-slide {
    background: #eee; /* Couleur de fond en cas de chargement */
}

.p2p-image-carousel .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* L'image remplit le conteneur sans se déformer */
}

/* Style pour les flèches du carrousel */
.p2p-image-carousel .swiper-button-next,
.p2p-image-carousel .swiper-button-prev {
    color: #A1402D; /* Votre couleur personnalisée pour les flèches */
}

/* Grille simple pour les vidéos */
.p2p-video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
}
					
/* -------------------------------------------------------------------------- */
/* ------------------------------Media queries------------------------------- */
/* -------------------------------------------------------------------------- */
				
					@media (max-width: 1179px) {
					  .elementor-kit-126 h3 {
						font-size: 24px;
					  }
					  
					  .elementor-element.elementor-element-59467fdd.e-con-full.e-flex.e-con.e-child {
						padding: 0px !important;
					  }
					  
					  .elementor-element.elementor-element-429eac07.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
						padding: 12px !important;
					  }
					  
					  
					  .form-row {
						flex-direction: column;
					  }
					  
					  .card-conteneur, .btn-cards-group {
						flex-direction: column;
						align-items: center;
						gap: 40px;
					  }			
					  
					  .form-container {
						flex-direction: column;
						padding: 12px;
					  }
					  
					  .bento-row {
						flex-direction: column;
					  }
					  
					  .bento-half {
						width: 100%;
					  }
					  
					  .bento-col input {
						width: 100%;
					  }
					  .bento-col {
						width: 100%;
					  }
					  
					  .bento-row.radio-class {
						flex-direction: row !important;
					  }
					  .bento-row.check-class {
						gap: 0px !important;
					  }
					}