/* Faixa de compartilhamento [dnp_compartilhar] — rótulo + ícones circulares
   coloridos por rede (WhatsApp/Telegram/Facebook/X), friso horizontal na
   mesma linguagem visual do rodapé "Fonte: … · Copiar link" do
   [dnp_resultado] (class-dnp-shortcode-resultado.php). Auto-contido, sem
   depender de tokens de outro arquivo CSS — mesma prática de dnp-nav-dia.css,
   já que esta faixa aparece em páginas que nem sempre carregam o widget. */
.dnp-compartilhar{
  display:flex;flex-direction:column;align-items:center;
  gap:10px;
  max-width:620px;margin:18px auto 20px;
  padding:14px 4px 0;
  border-top:1px solid #e0e6e2;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}
.dnp-compartilhar-rotulo{
  color:#0b2a19;font-size:.92rem;font-weight:800;
}
.dnp-compartilhar-icones{
  display:flex;align-items:center;gap:8px;
}
.dnp-compartilhar-icone{
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;flex:0 0 auto;
  border-radius:50%;
  text-decoration:none;
  transition:transform .16s ease,box-shadow .16s ease;
}
.dnp-compartilhar-icone svg{width:18px;height:18px;display:block}
.dnp-compartilhar-icone:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.18)}
.dnp-compartilhar-icone:active{transform:translateY(0)}
.dnp-compartilhar-icone:focus-visible{outline:2px solid #0b2a19;outline-offset:2px}

.dnp-compartilhar-icone-whatsapp{background:#25d366}
.dnp-compartilhar-icone-telegram{background:#229ed9}
.dnp-compartilhar-icone-facebook{background:#1877f2}
.dnp-compartilhar-icone-x{background:#000}

@media (prefers-reduced-motion:reduce){
  .dnp-compartilhar-icone{transition:none}
  .dnp-compartilhar-icone:hover{transform:none}
}

@media (max-width:380px){
  .dnp-compartilhar{align-items:center;gap:8px;padding-top:12px}
  .dnp-compartilhar-icone{width:30px;height:30px}
  .dnp-compartilhar-icone svg{width:16px;height:16px}
}

/* Link "Compartilhar" só-WhatsApp, embutido em cada instância de
   [dnp_resultado]/[dnp_caixa_resultado] — ícone verde + rótulo, diferente da
   faixa de ícones circulares acima (ver DNP_Shortcode_Compartilhar::render_zap()). */
.dnp-zap-wrap{
  display:flex;justify-content:center;
  max-width:620px;margin:10px auto 42px;
}
.dnp-zap-link{
  display:inline-flex;align-items:center;gap:7px;
  color:#0b2a19;font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:.92rem;font-weight:700;
  text-decoration:none;
  padding:6px 4px;
  transition:opacity .16s ease;
}
.dnp-zap-link svg{width:20px;height:20px;flex:0 0 auto;display:block}
.dnp-zap-link:hover{opacity:.75}
.dnp-zap-link:focus-visible{outline:2px solid #0b2a19;outline-offset:2px}

@media (prefers-reduced-motion:reduce){
  .dnp-zap-link{transition:none}
}

@media (max-width:380px){
  .dnp-zap-link{font-size:.88rem}
  .dnp-zap-link svg{width:18px;height:18px}
}