.home-fab{
  position: fixed;
  top: max(var(--fab-gap), env(safe-area-inset-top));
  left: max(var(--fab-gap), env(safe-area-inset-left));
  right: auto !important;  /* Empêche de forcer le bouton à la droite */
  bottom: auto !important; /* Retirer l'ancrage en bas */
  width: var(--fab-size);
  height: var(--fab-size);
  /* Supprimer le border-radius pour un carré ou laisser légèrement arrondi */
  border-radius: 0;  /* Si tu veux un carré, sinon garde border-radius: 999px pour arrondi léger */

  display: grid;
  place-items: center;

  text-decoration: none;
  color: var(--fab-text);
  z-index: 99999;

  /* Suppression du fond et de l'anneau lumineux */
  background: none;  /* Pas de fond */
  border: none;      /* Pas de bordure */

  /* Optionnel : retirer l'ombre si elle est indésirable */
  box-shadow: none;

  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.home-fab__icon{
  font-size: 22px;
  line-height: 1;
  transform: translateY(-1px);
}

/* Petit feedback tactile */
.home-fab:active{ transform: translateY(1px) scale(0.98); }

/* Label desktop (optionnel) */
.home-fab__label{
  position: absolute;
  right: calc(var(--fab-size) + 10px);
  top: 50%;
  transform: translateY(-50%);
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,0.45);
  border: 1px solid rgba(255,255,255,0.14);
  font-weight: 800;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
}

@media (hover:hover){
  .home-fab:hover .home-fab__label{ opacity: 1; }
}

@media (max-width: 520px){
  :root{ --fab-size: 52px; }
  .home-fab__label{ display:none; }
}

.home-fab--tl{
  top: max(var(--fab-gap), env(safe-area-inset-top));
  left: max(var(--fab-gap), env(safe-area-inset-left));
  right: auto !important;
  bottom: auto !important;
}
/* FAB retour Famille – version large et bien visible */
.home-fab{
  width: 68px;              /* plus gros */
  height: 68px;
  border-radius: 999px;     /* bien rond */
  padding: 0;

  background: rgba(15, 30, 54, 0.85); /* bleu foncé translucide */
  box-shadow: 0 12px 28px rgba(0,0,0,0.45);

  display: grid;
  place-items: center;
}

/* Icône maison plus grande */
.home-fab img{
  width: 42px;
  height: 42px;
  display: block;
}

/* Effet hover desktop */
@media (hover:hover){
  .home-fab:hover{
    transform: translateY(-1px) scale(1.04);
    background: rgba(15, 30, 54, 0.95);
  }
}

/* Feedback tactile */
.home-fab:active{
  transform: scale(0.96);
}
/* FAB = image seule, arrondie, sans fond */
.home-fab{
  width: 68px;
  height: 68px;

  background: none !important;
  box-shadow: none !important;
  border: none !important;

  display: grid;
  place-items: center;
}

/* Image maison arrondie */
.home-fab__img{
  width: 56px;
  height: 56px;
  border-radius: 16px;   /* arrondi doux, pas un cercle parfait */
  display: block;

  /* légère mise en valeur sans changer la couleur */
  box-shadow: 0 8px 18px rgba(0,0,0,0.35);
}

/* Hover desktop subtil */
@media (hover:hover){
  .home-fab:hover .home-fab__img{
    transform: scale(1.05);
  }
}

/* Feedback tactile */
.home-fab:active .home-fab__img{
  transform: scale(0.96);
}
/* Position FAB en haut à droite */
.home-fab--tr{
  top: max(var(--fab-gap), env(safe-area-inset-top));
  right: max(var(--fab-gap), env(safe-area-inset-right));
  left: auto !important;
  bottom: auto !important;
}
.home-fab{
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
}

.home-fab__img{
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: block;
  box-shadow: 0 8px 18px rgba(0,0,0,0.35);
}