/* Anti Auto ads (bloc) */
#ads-excl-supportshare .google-auto-placed,
#ads-excl-supportshare ins.adsbygoogle { display: none !important; }

/* Scope */
.support-share { margin: 40px 0 50px; font: inherit; color: inherit; }
.support-share * { box-sizing: border-box; }

.support-share__inner {
  border-radius: 18px;
  padding: clamp(16px,3vw,24px);
  background: radial-gradient(900px 360px at 0% -10%, #a4c8eb 0%, #77b5fe 60%, #0069e2 100%);
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  color: #111;
}

.support-share__title { margin: 20px; text-align:center; font-size: clamp(1.1rem,2.2vw,1.35rem); line-height: 1.4; }
.support-share__subtitle { margin: 6px 0 14px; opacity: .9; text-align:center; }

.support-share__actions { display:flex; flex-wrap:wrap; gap:10px 12px; align-items:center; justify-content:center; }

/* Bouton principal */
.support-share .btn {
  all: initial;
  display:inline-flex; align-items:center; gap:10px;
  padding:12px 16px; border-radius:14px;
  font-family: inherit; font-size:1rem; font-weight:700;
  text-decoration:none; line-height:1; cursor:pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 8px 18px rgba(0,0,0,.12);
}
.support-share .btn--primary { background:#111 !important; color:#fff !important; border:1px solid rgba(255,255,255,.2) !important; }
.support-share .btn--primary:hover,
.support-share .btn--primary:focus-visible { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 12px 26px rgba(0,0,0,.22); }
.support-share .btn__icon { display:inline-flex; }
.support-share .btn__icon svg { width:18px; height:18px; display:block; fill: currentColor; }

/* Partage natif (mobile) */
.support-share .native-share-btn {
  display:none; align-items:center; gap:8px; padding:12px 16px; border-radius:14px;
  background:#007aff; color:#fff; font-weight:700; cursor:pointer; border:none;
}
.support-share .native-share-btn svg { width:18px; height:18px; fill: currentColor; }

/* Puces de partage */
.support-share .share { display:inline-flex; gap:8px; margin-left:4px; }
.support-share .share__btn {
  all: initial; position:relative; display:inline-grid; place-items:center;
  width:40px; height:40px; border-radius:12px; border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.9); box-shadow: 0 6px 16px rgba(0,0,0,.08); cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease; color:#111; opacity:1 !important;
}
.support-share .share__btn:hover,
.support-share .share__btn:focus-visible { transform: translateY(-1px); box-shadow: 0 10px 20px rgba(0,0,0,.12); }
.support-share .share__btn svg { width:18px; height:18px; display:block; fill: currentColor; }

/* Tooltips */
.support-share .share__btn::after {
  content: attr(data-tip); position:absolute; bottom: calc(100% + 8px); left:50%;
  transform: translateX(-50%) translateY(4px); background: rgba(17,17,17,.92); color:#fff;
  padding:6px 8px; border-radius:8px; font-size:.82rem; line-height:1; white-space:nowrap; opacity:0; pointer-events:none;
  transition: opacity .15s ease, transform .15s ease; z-index:10;
}
.support-share .share__btn::before {
  content:''; position:absolute; bottom:100%; left:50%; transform: translateX(-50%);
  border:6px solid transparent; border-top:none; border-bottom-color: rgba(17,17,17,.92); opacity:0; transition: opacity .15s ease; z-index:9;
}
.support-share .share__btn:hover::after,
.support-share .share__btn:focus-visible::after,
.support-share .share__btn.show-tip::after { opacity:1; transform: translateX(-50%) translateY(0); }
.support-share .share__btn:hover::before,
.support-share .share__btn:focus-visible::before,
.support-share .share__btn.show-tip::before { opacity:1; }

.support-share .share__btn.is-copied { border-color:#28a745; }
.support-share__foot { margin:12px 0 0; font-size:.9rem; opacity:.85; text-align:center; color:white; }

/* Mobile */
@media (max-width:640px){
  .support-share .share { display:none; }
  .support-share .native-share-btn { display:inline-flex; }
  .support-share__actions { flex-direction:column; align-items:stretch; }
}

