/* Partage à la sélection de texte — ZayActu
   Barre flottante (desktop) ou fixe en bas (mobile). */

.zay-sel-share{
  position:absolute;
  z-index:9999;
  display:flex;
  gap:2px;
  padding:6px;
  background:#141b3c;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  box-shadow:0 10px 30px rgba(10,14,35,.45);
  opacity:0;
  pointer-events:none;
  transform:translateY(6px);
  transition:opacity .15s, transform .15s;
}
.zay-sel-share.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

/* Mobile : barre fixe centrée en bas (le menu natif iOS recouvrirait un tooltip) */
.zay-sel-share--mobile{
  position:fixed;
  left:50% !important;
  top:auto !important;
  bottom:calc(16px + env(safe-area-inset-bottom));
  transform:translateX(-50%) translateY(10px);
}
.zay-sel-share--mobile.is-visible{
  transform:translateX(-50%) translateY(0);
}

.zay-sel-share__btn{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#fff;
  cursor:pointer;
  transition:background .12s;
}
.zay-sel-share__btn svg{
  width:20px;
  height:20px;
  fill:currentColor;
}
.zay-sel-share__btn:hover{
  background:rgba(255,255,255,.12);
}
.zay-sel-share__btn.is-done{
  background:#2bb6a3;
}

/* Modale de prévisualisation de la carte citation */
.zay-share-modal{
  position:fixed;
  inset:0;
  background:rgba(10,14,35,.7);
  display:none;
  place-items:center;
  z-index:10000;
  padding:20px;
}
.zay-share-modal.open{ display:grid; }
.zay-share-modal__box{
  background:#fff;
  border-radius:16px;
  padding:16px;
  max-width:440px;
  width:100%;
}
.zay-share-modal__box img{
  width:100%;
  border-radius:10px;
  display:block;
}
.zay-share-modal__actions{
  display:flex;
  gap:10px;
  margin-top:12px;
}
.zay-share-modal__actions button,
.zay-share-modal__actions a{
  flex:1;
  text-align:center;
  padding:12px;
  border-radius:10px;
  border:0;
  font-family:"Barlow",sans-serif;
  font-weight:700;
  font-size:.95rem;
  cursor:pointer;
  text-decoration:none;
}
.zay-share-modal__dl{ background:#e02b2b; color:#fff; }
.zay-share-modal__close{ background:#e8eaf2; color:#0e132b; }

.article-body ::selection{ background:rgba(224,43,43,.25); }

@media (prefers-reduced-motion: reduce){
  .zay-sel-share{ transition:none; }
}