/* Cleubi.com - Ajuste seguro dos botões sociais
   - Retocar e Remover só aparecem para o dono da publicação.
   - Fileira desce mais para perto do rodapé do card.
   - Elo fica configurado como link da publicação.
   - Não altera banco.
   - Não altera API do Salve.
*/

/* Card da publicação ganha estrutura para a fileira poder descer */
.clb-visual-post-card,
.clb-premium-post-card,
.clb-mobile-social-card,
[data-post-code],
[data-post-id],
article:has(.clbs-actions),
section:has(.clbs-actions),
.card:has(.clbs-actions),
.clb-post:has(.clbs-actions),
.feed-card:has(.clbs-actions){
  display:flex !important;
  flex-direction:column !important;
}

/* Fileira mais baixa, perto do chão do card */
.clbs-actions{
  margin-top:38px !important;
  margin-bottom:2px !important;
  padding-top:10px !important;
  padding-bottom:6px !important;
  align-self:stretch !important;
}

/* Em cards maiores, empurra mais para baixo */
.clb-visual-post-card .clbs-actions,
.clb-premium-post-card .clbs-actions,
.clb-mobile-social-card .clbs-actions{
  margin-top:auto !important;
  padding-top:28px !important;
}

/* Retocar e Remover ficam ocultos por padrão.
   Só o JavaScript libera quando a API confirmar que é dono. */
.clbs-actions:not(.clb-owner-confirmed) .clbs-btn[data-action="retocar"],
.clbs-actions:not(.clb-owner-confirmed) .clbs-btn[data-action="remover"],
.clbs-actions.clb-not-owner .clbs-btn[data-action="retocar"],
.clbs-actions.clb-not-owner .clbs-btn[data-action="remover"]{
  display:none !important;
}

/* Quando for dono, aparecem normalmente */
.clbs-actions.clb-owner-confirmed .clbs-btn[data-action="retocar"],
.clbs-actions.clb-owner-confirmed .clbs-btn[data-action="remover"]{
  display:inline-flex !important;
}

/* Elo com cara de botão de link configurado */
.clbs-actions .clbs-btn[data-action="elo"]{
  cursor:pointer !important;
}

/* Toast pequeno para feedback do Elo copiado */
.clb-elo-toast{
  position:fixed !important;
  left:50% !important;
  bottom:22px !important;
  transform:translateX(-50%) !important;
  z-index:999999 !important;
  background:#111827 !important;
  color:#fff !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:800 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
  opacity:0 !important;
  animation:clbEloToast .22s ease forwards !important;
}

@keyframes clbEloToast{
  from{
    opacity:0;
    transform:translateX(-50%) translateY(8px);
  }
  to{
    opacity:1;
    transform:translateX(-50%) translateY(0);
  }
}

/* Celular: baixa bastante, mas sem cortar */
@media(max-width:760px){
  .clbs-actions{
    margin-top:34px !important;
    padding-top:12px !important;
    padding-bottom:10px !important;
  }

  .clb-visual-post-card .clbs-actions,
  .clb-premium-post-card .clbs-actions,
  .clb-mobile-social-card .clbs-actions{
    padding-top:30px !important;
  }
}

/* Notebook/Desktop */
@media(min-width:1024px){
  .clbs-actions{
    margin-top:44px !important;
  }
}