@font-face {
  font-family: 'NaomisHand-Regular';
  src: url('/fonts/NaomisHand-Regular.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Caballar';
  src: url('/fonts/Caballar.ttf') format('truetype');
  font-style: normal;
}

.container-contact {
  background-color: #94a988;
  border-radius: 20px;
  /* Ombre interne en haut et à gauche */
  box-shadow: inset 10px 10px 15px rgba(0, 0, 0, 0.3);
  padding-left: 0;
  padding-right: 0;
}

.btn-submit {
  display: block;      /* nécessaire pour que margin auto fonctionne */
  margin: 0 auto;      /* centre horizontalement */
  font-family: 'Caballar', sans-serif;
  font-size: 15px;
  color: #405d47;
  border: 2px solid #405d47;
  border-radius: 15px;
  background-color: #f4eee0;
}

.btn-submit:hover {
  border: 2px solid #ffffff;
  border-radius: 15px;
  background-color: #94a988;
}

.police-form {
  background-color: #f4eee0;
}


input::placeholder,
textarea::placeholder {
  transition: color 0.3s ease;
  vertical-align: top; /* tentative, mais pas toujours supportée */
}

input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent; /* Disparaît au focus */
}

.radio-group {
  display: flex;
  justify-content: center; /* centre horizontalement */
  display: center;
  gap: 20px;
  font-size: 18px;
}

.custom-radio {
  font-family: 'Caballar', sans-serif; /* police personnalisée */
  font-size: 15px; /* taille du texte, ajustable */
  color: #405d47;  /* couleur texte */
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
}

.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-mark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #f4eee0;
  border-radius: 50%;
  border: 1px solid #405d47;
}

.custom-radio input:checked ~ .radio-mark {
  background-color: #405d47;
}

.radio-mark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-radio input:checked ~ .radio-mark:after {
  display: block;
}

/* coche au milieu */
.radio-mark:after {
  top: 7px;
  left: 7px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: white;
}

.style {
  font-family: 'Caballar', sans-serif;
  font-size: 15px;
  color: #405d47;
}

/* Police pour les placeholders */
textarea.police-form::placeholder,
input.police-form::placeholder {
  font-family: 'Caballar', sans-serif; /* police personnalisée */
  font-size:15px;      /* taille du texte */
  color: #405d47;       /* couleur placeholder */
}

textarea.police-form,
input.police-form {
  font-family: 'Caballar', sans-serif; /* police personnalisée */
  font-size:15px;      /* taille du texte */
  color: #405d47;       /* couleur placeholder */
  border-radius: 10px;
  color: #94a988 !important;
}

textarea.police-form {
  height: 180px;
}

.form-control:focus {
  border-color: #405d47;
  box-shadow: 0 0 0 0.25rem rgba(64,93,71,0.5); /* halo semi-transparent vert foncé */
}