/* ============================================================================
   NETSYSTEM Internet — Tema Galaxy (redesenhado)
   share.button.css  ·  Botão "Compartilhar" (glass) e toast
   ----------------------------------------------------------------------------
   Markup do core:
     .sharediv > div > span.sharebutton  ( <i .share-icon> + span.sharebutton-mb )
   ========================================================================== */


/* Wrapper — centralizado sob os links (o core aplica align=right; anulamos) */
.sharediv{
  position:relative;
  top:auto; right:auto;
  text-align:center !important;
  padding:0 0 18px;
}
.sharediv > div{ display:flex; justify-content:center; }


/* Botão de compartilhar em vidro (pílula) */
.sharebutton,
sharebutton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:52px;
  min-width:52px;
  padding:0 22px;
  font-family:var(--font);
  font-size:15px;
  font-weight:600;
  letter-spacing:.2px;
  color:var(--text, #F4F8FF);
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;

  background:var(--glass-bg, rgba(255,255,255,.055));
  border:1px solid var(--glass-border, rgba(255,255,255,.14));
  border-radius:var(--radius-pill, 999px);
  -webkit-backdrop-filter:blur(var(--glass-blur,18px)) saturate(140%);
  backdrop-filter:blur(var(--glass-blur,18px)) saturate(140%);
  box-shadow:var(--shadow-sm, 0 2px 10px rgba(2,8,26,.35));
  transition:background .3s var(--ease), border-color .3s var(--ease),
             box-shadow .3s var(--ease), color .3s var(--ease);
}
@media (hover:hover){
  .sharebutton:hover,
  sharebutton:hover{
    color:#FFFFFF;
    background:var(--glass-bg-hover, rgba(255,255,255,.10));
    border-color:var(--glass-border-hover, rgba(96,165,250,.6));
    box-shadow:var(--shadow-glow, 0 10px 40px rgba(29,78,216,.42));
  }
}
.sharebutton:focus-visible{ outline:2px solid var(--ns-blue-light,#60A5FA); outline-offset:3px; }

/* Ícone do share — herda a cor do texto (anula o inline color:black do core) */
.share-icon{
  color:currentColor !important;
  font-size:18px;
  filter:none !important;
  vertical-align:middle;
}
.sharebutton-img{ position:relative; }

/* Some com o rótulo em telas muito pequenas -> vira botão circular */
@media screen and (max-width:480px){
  .sharebutton-mb{ display:none; }
  .sharebutton,sharebutton{ padding:0; width:52px; }
}


/* Toast de "URL copiada"
   -------------------------------------------------------------------------- */
.toastdiv{
  display:flex;
  align-items:center;
  justify-content:center;
}
.toastbox{
  width:280px;
  padding:14px 16px;
  text-align:center;
  color:#FFFFFF;
  font-weight:500;
  background:rgba(10,26,58,.85);
  border:1px solid var(--glass-border, rgba(255,255,255,.14));
  border-radius:14px;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:var(--shadow-md, 0 14px 34px rgba(2,8,26,.45));
  position:fixed;
  left:50%;
  top:105%;
  transform:translateX(-50%);
  z-index:20;
  transition:transform .3s var(--ease);
}
.toastbox.toast-tox--active{
  transform:translateX(-50%) translateY(-160px);
}