/*
 Theme Name: Plantes&Ko
 Template: twentytwentyfour
 Author: Alexis
 Description: Thème enfant de Twenty Twenty Four pour le site Plantes&Ko.
 Version: 1.0
*/

/* SMOOTH SCROLL */
html {
  scroll-behavior: smooth;
}

/* FLIP DES CARTES */

/* Conteneur principal */
.image-flip {
  position: relative;
  width: 320px; /* Ajustez selon vos besoins */
  height: 430px; /* Ajustez selon vos besoins */
}

/* Face avant (image) */
.image-front {
  position: absolute;
  inset: 0;
  width: 320px; /* Ajustez selon vos besoins */
  height: 430px;
  z-index: 2; /* Toujours au-dessus */
  transition: opacity 0.5s ease-in-out; /* Transition douce */
}

/* Face arrière (contenu) */
.image-back {
  inset: 0;
  width: 320px; /* Ajustez selon vos besoins */
  height: 430px;
  background: white; /* Fond semi-transparent */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  opacity: 0; /* Caché par défaut */
  transition: opacity 0.5s ease-in-out; /* Animation de transition */
}

/* Lorsque la souris est sur .image-flip */
.image-flip:hover .image-front {
  opacity: 0; /* Cache l'image avant */
}

.image-flip:hover .image-back {
  opacity: 1; /* Affiche le texte */
  z-index: 10;
}



/* LIMITE DE TAILLE D'ELEMENT MIS EN AVANT */

.radius-block {
    max-width: max-content;
}


/* STYLE PERSONNALISE DU FORMULAIRE */
#name-1 input.forminator-input,
#email-1 input.forminator-input,
#select-1 input.forminator-input,
#select-1 .select2-selection
{
    min-height: 55px;
}

form#forminator-module-31 .forminator-button-submit {
    padding: 23px 43px;
    border-radius: 50px;
}


/* STYLE DISPLAY FLEX SUR LES GECKOS DISPOS */
#dispos_geckos .geckos_layout {
    display: flex
;
    justify-content: center;
    flex-wrap: wrap;
}

/* LIMITE LINE CLAMP 4 */
.line-clamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}