/* Nes Models — bouton de partage */

.share-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--sun, #FFD93D); color:var(--ink, #3D2C6F);
  border:2px solid var(--ink, #3D2C6F); border-radius:999px;
  font-family:'Fredoka', sans-serif; font-weight:600; font-size:0.9rem;
  padding:9px 16px; cursor:pointer; line-height:1;
  box-shadow:3px 3px 0 var(--ink, #3D2C6F);
  transition:transform .15s ease, background .15s ease;
}
.share-btn:hover{background:var(--sun-deep, #F2B705); transform:translateY(-2px);}
.share-btn:active{transform:translate(2px,2px); box-shadow:1px 1px 0 var(--ink, #3D2C6F);}
.share-btn svg{display:block; flex-shrink:0;}

/* Variante ronde, sans texte (cartes de la galerie et lightbox) */
.share-btn.icon-only{
  width:38px; height:38px; padding:0; gap:0;
  box-shadow:2px 2px 0 var(--ink, #3D2C6F);
}

/* Bouton dans le cartouche d'une carte de la galerie */
.g-info .share-btn{
  width:34px; height:34px; flex-shrink:0;
  box-shadow:2px 2px 0 var(--ink, #3D2C6F);
}
.g-info .share-btn svg{width:16px; height:16px;}

/* Menu de repli (PC sans partage natif) */
.share-menu{
  position:absolute; z-index:9999;
  background:var(--white, #fff); border:3px solid var(--ink, #3D2C6F);
  border-radius:16px; box-shadow:5px 5px 0 var(--ink, #3D2C6F);
  padding:8px; min-width:170px;
  display:flex; flex-direction:column; gap:2px;
  opacity:0; transform:translateY(-6px);
  transition:opacity .18s ease, transform .18s ease;
}
.share-menu.is-on{opacity:1; transform:translateY(0);}
.share-menu a, .share-menu button{
  display:block; width:100%; text-align:left;
  font-family:'Nunito', sans-serif; font-weight:700; font-size:0.92rem;
  color:var(--ink, #3D2C6F); background:none; border:none;
  padding:9px 12px; border-radius:10px; cursor:pointer;
}
.share-menu a:hover, .share-menu button:hover,
.share-menu a:focus-visible, .share-menu button:focus-visible{
  background:var(--sky, #4FC3E8); color:#fff; outline:none;
}

/* Message de confirmation "lien copie" */
.share-toast{
  position:fixed; left:50%; bottom:32px; transform:translate(-50%, 12px);
  background:var(--ink, #3D2C6F); color:var(--cream, #FFFBF0);
  font-family:'Fredoka', sans-serif; font-weight:600; font-size:0.95rem;
  padding:12px 22px; border-radius:999px;
  box-shadow:0 6px 20px rgba(0,0,0,0.25);
  z-index:10000; opacity:0; pointer-events:none;
  transition:opacity .25s ease, transform .25s ease;
}
.share-toast.is-on{opacity:1; transform:translate(-50%, 0);}