/* Palette s’aligne si des variables existent, sinon fallback neutre */
:root{
  --lp-spt-text: #1f2937;                  /* gris foncé lisible */
  --lp-spt-muted:#6b7280;                  /* gris moyen */
  --lp-spt-border:#e6eaf0;                 /* bordure claire */
  --lp-spt-bg:   #f7f9fc;                  /* fond pill clair */
  --lp-spt-bg-h: #eef2f7;                  /* hover */
  --lp-spt-accent: var(--primary, #1c3948);/* s’intègre à la charte si dispo */
}

/* ——— Barre inline, positionnée par JS avant .extrait-article ——— */
.lp-spt-inline{
  display:flex; align-items:center; flex-wrap:wrap; gap:.6rem .55rem;
  margin:.65rem 0 1.1rem;
  color:var(--lp-spt-text);
}

/* Boutons “pilule” homogènes (icône + texte) */
.lp-pill{
  appearance:none; border:1px solid var(--lp-spt-border); background:var(--lp-spt-bg);
  color:var(--lp-spt-text);
  border-radius:999px; padding:.38rem .75rem;
  font:600 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  display:inline-flex; align-items:center; gap:.5rem; cursor:pointer;
  text-decoration:none; box-shadow:0 1px 0 rgba(0,0,0,.02);
  transition:background .12s ease, border-color .12s ease, transform .06s ease;
}
.lp-pill svg{ display:block }
.lp-pill:hover{ background:var(--lp-spt-bg-h); border-color:#dfe6f0 }
.lp-pill:active{ transform:translateY(1px) }
.lp-pill.lp-print{ font-weight:700 }

/* Rail de partage avec label “Partager :” + icônes officielles */
.lp-share-rail{ display:inline-flex; align-items:center; gap:.35rem; margin-left:.25rem }
.lp-share-label{
  margin-right:.15rem; color:var(--lp-spt-muted);
  font:600 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.lp-share{
  width:28px; height:28px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--lp-spt-border); background:#fff; color:var(--lp-spt-text);
  text-decoration:none; transition:background .12s ease, transform .06s ease, box-shadow .12s ease;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.lp-share svg{ width:15px; height:15px; }
.lp-share:hover{ background:#f6f7fb }
.lp-share:active{ transform:translateY(1px) }

/* Teintes légères par réseau (en hover uniquement) */
.lp-share.fb:hover{ color:#1877F2 }   /* Facebook */
.lp-share.x:hover { color:#111 }      /* X */
.lp-share.in:hover{ color:#0A66C2 }   /* LinkedIn */
.lp-share.wa:hover{ color:#25D366 }   /* WhatsApp */
.lp-share.tg:hover{ color:#229ED9 }   /* Telegram */
.lp-share.ml:hover{ color:var(--lp-spt-accent) } /* Email = couleur site */

.lp-spt-toast{
  position:fixed; inset:auto 1rem 1rem auto; background:#1a3548; color:#fff;
  padding:.5rem .75rem; border-radius:.5rem;
  font:500 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  opacity:0; transform:translateY(8px);
  pointer-events:none; transition:opacity .18s ease, transform .18s ease;
}
.lp-spt-toast--show{ opacity:1; transform:translateY(0) }

@media print { .lp-spt-inline{ display:none !important; } }