/* 2. La zone de texte sur la pancarte */

#card_flower>.pancarte-text {
  position: absolute;
  /* Colle le bloc au bas de l'image */

  width: 100%;
  /* Prend toute la largeur */
  height: 100%;
  /* ASTUCE : On définit que la zone de texte fait 55% de la hauteur totale (la taille de la pancarte) */

  /* Centrage Flexbox */
  display: flex;
  flex-direction: column;
  /* Les lignes l'une sous l'autre */
  justify-content: center;
  /* Centre verticalement DANS la zone des 55% */
  align-items: center;
  /* Centre horizontalement */

  /* Marges de sécurité pour ne pas toucher les bords de la pancarte */

  box-sizing: border-box;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -35%);
  font-size: 1.3em !important;
}

/* 3. Style du texte ajusté pour la colonne is-4 */
#card_flower>.pancarte-text p {
  margin: 2px 0;
  /* Réduit l'espace entre les lignes */
  color: #000;
  /* Noir (ou #363636 pour le gris foncé Bulma) */
  font-weight: 600;
  text-align: center;
  line-height: 2.0;

  /* C'est ici qu'on gère la taille pour éviter que ce soit "trop gros" */
  /* On utilise une taille relative (viewport width) avec une limite min et max */
}

#card_flower > figure > #lapin_1 {
  width: 35%;
  position: aboslute;
  transform: rotate(-25deg) translateX(-3.5rem);
  z-index: -1 !important;
  display: flex;
  justify-content: center;
}

#card_flower > figure > #flower_card_1 {
  z-index: 2;
}




/* Ajustement pour mobile (quand Bulma passe en colonne unique) */
@media screen and (max-width: 768px) {
  #card_flower>.pancarte-text {
    font-size: 1.5em !important;
    /* Sur mobile l'image est grande, on peut grossir le texte */
    line-height: 3.0;
  }
}