/* ===== Bouton "Partager cette page" ===== */
.social-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 24px}
.social-share .social-share-label{font-weight:800;font-size:13px;color:#4a6a86;margin-right:2px}
.social-share button.share-pill,.social-share a.share-pill,
.share-popover-row button.share-pill,.share-popover-row a.share-pill{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;
  background:#fff;border:2px solid #e7eef3;color:#1a5ca8;
  cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;
  box-shadow:0 2px 8px rgba(20,60,90,.08);
  text-decoration:none;padding:0
}
.social-share button.share-pill:hover,.social-share a.share-pill:hover,
.social-share button.share-pill:focus-visible,.social-share a.share-pill:focus-visible,
.share-popover-row button.share-pill:hover,.share-popover-row a.share-pill:hover,
.share-popover-row button.share-pill:focus-visible,.share-popover-row a.share-pill:focus-visible{
  transform:translateY(-3px);background:#1daa8a;border-color:#1daa8a;color:#fff;
  box-shadow:0 8px 18px rgba(29,170,138,.3)
}
.social-share button.share-pill svg,.social-share a.share-pill svg,
.share-popover-row button.share-pill svg,.share-popover-row a.share-pill svg{width:18px;height:18px;fill:currentColor}
.social-share .share-main-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 20px;border-radius:999px;border:none;
  background:#f4a011;color:#fff;font-weight:800;font-size:14px;cursor:pointer;
  box-shadow:0 4px 14px rgba(244,160,17,.35);
  transition:transform .15s ease,box-shadow .15s ease
}
.social-share .share-main-btn:hover,.social-share .share-main-btn:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px rgba(244,160,17,.45)}
.social-share .share-main-btn svg{width:18px;height:18px;fill:currentColor}
.social-share .share-copy-toast,.share-popover-row .share-copy-toast{
  font-size:13px;font-weight:700;color:#1daa8a;
  opacity:0;transition:opacity .25s ease
}
.social-share .share-copy-toast.visible,.share-popover-row .share-copy-toast.visible{opacity:1}

/* ===== Bouton "Partager" compact (cartes de stage) ===== */
.social-share-compact{position:relative;display:inline-block}
.share-card-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 14px;border-radius:999px;border:2px solid #d0dce6;
  background:#fff;color:#4a6a86;font-weight:700;font-size:12.5px;
  cursor:pointer;white-space:nowrap;font-family:'Nunito',sans-serif;
  transition:border-color .15s ease,color .15s ease
}
.share-card-btn:hover,.share-card-btn:focus-visible{border-color:#1daa8a;color:#1daa8a}
.share-card-btn svg{width:15px;height:15px;fill:currentColor}
.share-popover-row{
  position:absolute;bottom:calc(100% + 8px);left:0;
  background:#fff;border:1px solid #e7eef3;border-radius:14px;padding:8px;
  box-shadow:0 10px 26px rgba(20,60,90,.2);z-index:30;
  display:none;gap:6px;flex-wrap:wrap;width:max-content;max-width:220px
}
.share-popover-row.open{display:flex}

/* ===== Footer "Nous suivre" ===== */
.footer-social{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.footer-social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.1);color:#fff;
  transition:background .15s ease,transform .15s ease
}
.footer-social a:hover,.footer-social a:focus-visible{background:#1daa8a;transform:translateY(-2px)}
.footer-social a svg{width:18px;height:18px;fill:currentColor}

/* Variante pour footer à fond clair */
.footer-social--light a{background:rgba(20,48,77,.08);color:#14304d}
.footer-social--light a:hover,.footer-social--light a:focus-visible{background:#1daa8a;color:#fff}