@font-face {
  font-family: 'BirthstoneCustom';
  src: url('../fonts/Birthstone-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}

h1, h2, h3 {
  font-family: 'Birthstone', cursive;
  font-weight: normal;
}

p, span, a, li, label, input, button {
  font-family: 'Raleway', sans-serif;
}

/* Conteneur plein écran avec fond jungle */
.tap-to-start-container {
  width: 100vw;
  height: 100vh;
  background-image:
    url('https://applimonin.lmlccommunication.fr/wp-content/uploads/2025/05/BACKGROUND-JUNGLE-opt.webp'),
    url('https://applimonin.lmlccommunication.fr/wp-content/uploads/2025/06/NV-BACKGROUND-JUNGLE-scaled.png');
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Boîte centrale avec image enveloppe */
.tap-envelope-box {
  background-image: url('https://applimonin.lmlccommunication.fr/wp-content/uploads/2025/05/ec145d047f92402f37a66b51c1f9d472c47499c2.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 900px;
  height: 750px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between; 
  padding: 40px 20px;
  box-sizing: border-box;
}

/* Texte au-dessus des drapeaux */
.tap-title {
  font-size: 43px;
  color: #223222;
  margin-top: 10%;  
  margin-bottom: 20px;
  font-weight: 400;
  font-family: 'BirthstoneCustom', cursive;	
}


/* Drapeaux GTranslate centrés dans la boîte */
.gt_switcher_wrapper {
  flex: 1;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  bottom: auto !important;
  right: auto !important;
  z-index: auto !important;
}

/* Forcer les drapeaux à être des éléments avec espace */
.gt_switcher_wrapper > * {
    margin: 0 20px !important;
    display: flex;
    gap: 250px;
	justify-content: center !important;
    align-items: center !important;
}



/* Style des drapeaux */
.gt_switcher_wrapper img {
  display: inline-block !important;
  width: 50px !important;
  height: auto !important;
  cursor: pointer;
}

a.glink {
    font-weight: bold;
    background: #223222;
    padding: 5px 7px;
	color:#ffffff;
}

a:hover {
	color: #ffffff !important;
}

/* Masquer l'élément Google d'origine */
#google_translate_element2 {
  display: none !important;
}

/* tablet */
@media (max-width: 1024px) {
  .tap-envelope-box {
    width: 90vw;
    height: auto;
    aspect-ratio: 6 / 5;
  }
}