/* ==========================================================================
   PinEat Owners — CSS (APENAS O BOTÃO do shortcode [pineat_reivindicar])
   Arquivo: assets/css/pineat-owners.css
   --------------------------------------------------------------------------
   Escopo ultra-restrito ao CTA, para não afetar nada nas páginas de posts.
   ========================================================================== */

/* ----------------------------- Variáveis base ----------------------------- */
:root{
  --pineat-primary: #0bbf6d;
}

/* --------------------------- CTA do Shortcode (Botão) --------------------- */
/* Wrapper do CTA — usado somente pelo shortcode [pineat_reivindicar] */
.pineat-claim-cta{
  display:flex;
  justify-content:center;
  margin:24px 0 32px;
}

/* Estado padrão (contornado) — Tamanho MENOR e texto PRETO.
   Especificidade alta + !important para vencer estilos do tema. */
.pineat-claim-cta .pineat-btn-cta,
.pineat-claim-cta .pineat-btn-cta:link,
.pineat-claim-cta .pineat-btn-cta:visited{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  text-decoration:none !important;
  -webkit-appearance:none;
  appearance:none;

  background:#fff !important;                 /* fundo branco */
  background-image:none !important;
  color:#000 !important;                      /* texto preto */
  border:2px solid var(--pineat-primary) !important;
  box-sizing:border-box;

  font-family:inherit;
  font-weight:900;
  font-size:.90rem;                           /* menor */
  letter-spacing:.2px;
  line-height:1;
  padding:0 16px;                             /* menor */
  min-width:240px;                            /* menor */
  max-width:420px;                            /* menor */
  height:48px;                                /* menor */
  border-radius:8px;

  cursor:pointer;
  -webkit-tap-highlight-color: transparent;

  box-shadow:0 8px 18px rgba(11,191,109,.16);
  transition:transform .18s ease, box-shadow .18s ease,
             background .18s ease, color .18s ease, border-color .18s ease;
}

/* Garante que qualquer elemento interno herde a cor (evita laranja do tema) */
.pineat-claim-cta .pineat-btn-cta *,
.pineat-claim-cta .pineat-btn-cta:hover *,
.pineat-claim-cta .pineat-btn-cta:focus *{
  color:inherit !important;
  text-decoration:none !important;
}

/* Hover/Focus — preenche o fundo e mantém TEXTO PRETO */
.pineat-claim-cta .pineat-btn-cta:hover,
.pineat-claim-cta .pineat-btn-cta:focus{
  background:var(--pineat-primary) !important; /* verde preenchido */
  color:#000 !important;                       /* texto preto */
  border-color:var(--pineat-primary) !important;
  transform:translateY(-2px);
  box-shadow:0 14px 26px rgba(11,191,109,.26);
  outline:none;
}

/* Active */
.pineat-claim-cta .pineat-btn-cta:active{
  transform:translateY(0);
}

/* Texto secundário (se existir) dentro do botão */
.pineat-claim-cta .pineat-btn-cta .sub{
  display:block;
  font-weight:600;
  font-size:.78em;
  opacity:.95;
  color:inherit !important;                    /* herda preto */
}

/* Mobile */
@media (max-width:640px){
  .pineat-claim-cta .pineat-btn-cta,
  .pineat-claim-cta .pineat-btn-cta:link,
  .pineat-claim-cta .pineat-btn-cta:visited{
    min-width:100%;
    height:46px;
    font-size:.88rem;
  }
}