/* HERO MONSIEUR SPOON - Ajustements bouton */

/* Alignement vertical du bouton inline - ajustement minimal */
.append-btn {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-left: 1rem;
  position: relative;
  z-index: 10;
}

.append-btn .button {
  position: relative;
  z-index: 10;
}

/* Réduire le z-index de l'image floating-clam pour qu'elle passe derrière le bouton */
.floating-clam {
  z-index: 1 !important;
}

/* Mobile fix: Décaler le floating-fish pour qu'il ne soit pas coupé */
@media (max-width: 767px) {
  .floating-fish {
    margin-left: 40px !important;
  }
}