/* Card 80/20 para "Novo Negócio" */
.rec-card-empresa{
  display: grid;
  grid-template-columns: 1fr 0.28fr; /* ~78/22 */
  gap: 16px;
  align-items: stretch;
  padding: 16px;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.rec-card-col--texto{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rec-card-badge{
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef8f0;
  color: #2b8a3e;
  font-weight: 600;
}

.rec-card-titulo{
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
}

.rec-card-titulo a{
  text-decoration: none;
}

.rec-card-desc{
  margin: 0;
  color: #50545c;
}

.rec-card-col--lado{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.rec-card-logo{
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 12%;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
}

.rec-card-logo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rec-card-follow{
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: 10px 12px;
  font-weight: 700;
  cursor: pointer;
  background: #1e88e5; /* cor padrão do botão; você pode ajustar para combinar com o "Adicionar ao carrinho" */
  color: #fff;
}

.rec-card-follow:hover{
  filter: brightness(0.95);
}

/* Mobile */
@media (max-width: 680px){
  .rec-card-empresa{
    grid-template-columns: 1fr;
  }
  .rec-card-col--lado{
    flex-direction: row;
    align-items: center;
  }
  .rec-card-logo{ width: 96px; aspect-ratio: 1/1; }
}

/* ORGANIZAÇÃO ESPECÍFICA DO CARD DE PRODUTO */
.rec-card-produto .rec-price-row{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 4px 0 6px;
}

.rec-price-badge{
  font-size: 11px;
  line-height: 1;
  padding: 5px 8px;
  border-radius: 999px;
  background: #ffecec;
  color: #b00020;
  font-weight: 700;
  text-transform: uppercase;
}

.rec-card-preco{
  font-weight: 700;
  font-size: 18px;
}

/* Rating (reutiliza o HTML de .star-rating do Woo) */
.rec-card-rating{
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.rec-card-rating .star-rating{
  float: none; /* evita herança de float do tema */
}
.rec-card-rating-count{
  font-size: 12px;
  color: #6b7280;
}

/* Estoque (pill sob a imagem) */
.rec-card-stock{
  width: 100%;
}
.rec-stock-pill{
  display: inline-block;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
  font-weight: 600;
}
.rec-stock--in{ background:#ecfdf5; color:#065f46; }
.rec-stock--out{ background:#fef2f2; color:#b91c1c; }

/* Ações (garante largura total) */
.rec-card-actions .button.rec-card-cart-btn{
  width: 100%;
  border-radius: 12px;
  font-weight: 700;
  padding: 10px 12px;
}

/* ==== FORCE GRID: Card de Produto no Youzify/BuddyPress ==== */
.youzify .activity .activity-inner .rec-card-produto,
#buddypress .activity .activity-inner .rec-card-produto,
#buddypress .activity-list .activity-content .rec-card-produto{
  display: grid !important;
  grid-template-columns: 1fr minmax(180px, 0.28fr) !important; /* ~80/20 com mínimo pra coluna direita */
  gap: 16px !important;
  margin: 0 !important;
}

/* garante que a coluna direita não estoure e a imagem não desça */
.rec-card-produto .rec-card-col--lado{
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* imagem do produto contida na coluna (quadrada e não gigante) */
.rec-card-produto .rec-card-logo{
  width: 100% !important;
  max-width: 260px;          /* ajuste se quiser maior/menor */
  aspect-ratio: 1 / 1 !important;
  border-radius: 12% !important;
  overflow: hidden !important;
}
.rec-card-produto .rec-card-logo img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* zera margens internas que o tema pode injetar */
.rec-card-produto p{ margin: 0 !important; }

/* botão ocupar 100% na coluna direita */
.rec-card-produto .rec-card-actions .button.rec-card-cart-btn{
  width: 100% !important;
  border-radius: 12px !important;
  font-weight: 700;
  padding: 10px 12px;
}

/* mobile */
@media (max-width: 680px){
  .youzify .activity .activity-inner .rec-card-produto,
  #buddypress .activity .activity-inner .rec-card-produto{ 
    grid-template-columns: 1fr !important; 
  }
  .rec-card-produto .rec-card-col--lado{
    flex-direction: row !important;
    align-items: center !important;
  }
  .rec-card-produto .rec-card-logo{ max-width: 110px; }
}

/* ==== FORCE GRID: Card de Produto no Youzify/BuddyPress ==== */
.youzify .activity .activity-inner .rec-card-produto,
#buddypress .activity .activity-inner .rec-card-produto,
#buddypress .activity-list .activity-content .rec-card-produto{
  display: grid !important;
  grid-template-columns: 1fr minmax(180px, 0.28fr) !important; /* ~80/20 com mínimo pra coluna direita */
  gap: 16px !important;
  margin: 0 !important;
}

/* garante que a coluna direita não estoure e a imagem não desça */
.rec-card-produto .rec-card-col--lado{
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* imagem do produto contida na coluna (quadrada e não gigante) */
.rec-card-produto .rec-card-logo{
  width: 100% !important;
  max-width: 260px;          /* ajuste se quiser maior/menor */
  aspect-ratio: 1 / 1 !important;
  border-radius: 12% !important;
  overflow: hidden !important;
}
.rec-card-produto .rec-card-logo img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* zera margens internas que o tema pode injetar */
.rec-card-produto p{ margin: 0 !important; }

/* botão ocupar 100% na coluna direita */
.rec-card-produto .rec-card-actions .button.rec-card-cart-btn{
  width: 100% !important;
  border-radius: 12px !important;
  font-weight: 700;
  padding: 10px 12px;
}

/* mobile */
@media (max-width: 680px){
  .youzify .activity .activity-inner .rec-card-produto,
  #buddypress .activity .activity-inner .rec-card-produto{ 
    grid-template-columns: 1fr !important; 
  }
  .rec-card-produto .rec-card-col--lado{
    flex-direction: row !important;
    align-items: center !important;
  }
  .rec-card-produto .rec-card-logo{ max-width: 110px; }
}

/* ===================== */
/* DARK THEME — CARDS    */
/* ===================== */

/* aplica quando tiver classe de dark no body (ajuste se o seu tema usar outra) */
body.dark .rec-card-empresa,
body.dark .rec-card-produto,
.youzify-dark .rec-card-empresa,
.youzify-dark .rec-card-produto
{
  background: #1f2937;                 /* cinza-800 */
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 6px 24px rgba(0,0,0,.45);
}

body.dark .rec-card-titulo,
body.dark .rec-card-titulo a,
.youzify-dark .rec-card-titulo,
.youzify-dark .rec-card-titulo a
{ color: #f9fafb; }                    /* quase branco */

body.dark .rec-card-headline,
body.dark .rec-card-desc,
.youzify-dark .rec-card-headline,
.youzify-dark .rec-card-desc
{ color: #d1d5db; }                    /* cinza-300 */

body.dark .rec-card-preco,
.youzify-dark .rec-card-preco
{ color: #ffffff; }

/* bordas e imagem */
body.dark .rec-card-logo,
.youzify-dark .rec-card-logo
{ border-color: rgba(255,255,255,.08); }

/* badge continua legível no dark */
body.dark .rec-card-badge,
.youzify-dark .rec-card-badge
{
  background: rgba(16,185,129,.15);    /* verde 500 com alpha */
  color: #a7f3d0;                      /* verde claro */
}

/* estoque (se usar) */
body.dark .rec-stock-pill,
.youzify-dark .rec-stock-pill
{ background: rgba(59,130,246,.15); color:#bfdbfe; }

body.dark .rec-stock--in,
.youzify-dark .rec-stock--in
{ background: rgba(16,185,129,.15); color:#a7f3d0; }

body.dark .rec-stock--out,
.youzify-dark .rec-stock--out
{ background: rgba(239,68,68,.15); color:#fecaca; }

/* Botões: garantir texto branco e contraste */
body.dark .rec-card-follow,
body.dark .rec-card-actions .button.rec-card-cart-btn,
.youzify-dark .rec-card-follow,
.youzify-dark .rec-card-actions .button.rec-card-cart-btn
{
  background: #0ea5e9;                 /* azul-500 */
  color: #fff !important;              /* TEXTO BRANCO */
  border: 0;
}

body.dark .rec-card-actions .button.rec-card-cart-btn:hover,
body.dark .rec-card-follow:hover,
.youzify-dark .rec-card-actions .button.rec-card-cart-btn:hover,
.youzify-dark .rec-card-follow:hover
{
  background: #0284c7;                 /* azul-600 */
  color: #fff !important;
}

/* ===================== */
/* AUTO DARK (sistema)   */
/* ===================== */
@media (prefers-color-scheme: dark){
  .rec-card-empresa,
  .rec-card-produto{
    background: #1f2937;
    border-color: rgba(255,255,255,.08);
    box-shadow: 0 6px 24px rgba(0,0,0,.45);
  }
  .rec-card-titulo, .rec-card-titulo a{ color:#f9fafb; }
  .rec-card-headline, .rec-card-desc{ color:#d1d5db; }
  .rec-card-preco{ color:#ffffff; }
  .rec-card-logo{ border-color: rgba(255,255,255,.08); }
  .rec-card-actions .button.rec-card-cart-btn,
  .rec-card-follow{
    background:#0ea5e9; color:#fff !important; border:0;
  }
  .rec-card-actions .button.rec-card-cart-btn:hover,
  .rec-card-follow:hover{
    background:#0284c7; color:#fff !important;
  }
}

/* ===========================
   THEME SYNC (Youzify)
   Controlado por html.rec-dark / html.rec-light
   =========================== */

/* ——— LIGHT (força claro quando o Youzify estiver no claro) ——— */
html.rec-light .rec-card-empresa,
html.rec-light .rec-card-produto{
  background:#fff;
  border-color:rgba(0,0,0,.06);
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
html.rec-light .rec-card-titulo,
html.rec-light .rec-card-titulo a{ color:#111827; }        /* cinza-900 */
html.rec-light .rec-card-headline,
html.rec-light .rec-card-desc{ color:#50545c; }            /* cinza-600 */
html.rec-light .rec-card-logo{ border-color:rgba(0,0,0,.06); }

/* Botões (texto branco sempre) */
html.rec-light .rec-card-actions .button.rec-card-cart-btn,
html.rec-light .rec-card-follow{
  background:#1e88e5;
  color:#fff !important;
  border:0;
}
html.rec-light .rec-card-actions .button.rec-card-cart-btn:hover,
html.rec-light .rec-card-follow:hover{ filter:brightness(.95); }

/* ——— DARK (quando o Youzify estiver no escuro) ——— */
html.rec-dark .rec-card-empresa,
html.rec-dark .rec-card-produto{
  background:#1f2937;                                      /* cinza-800 */
  border-color:rgba(255,255,255,.08);
  box-shadow:0 6px 24px rgba(0,0,0,.45);
}
html.rec-dark .rec-card-titulo,
html.rec-dark .rec-card-titulo a{ color:#f9fafb; }         /* quase branco */
html.rec-dark .rec-card-headline,
html.rec-dark .rec-card-desc{ color:#d1d5db; }             /* cinza-300 */
html.rec-dark .rec-card-preco{ color:#ffffff; }
html.rec-dark .rec-card-logo{ border-color:rgba(255,255,255,.08); }

/* Badge e estoque legíveis no escuro */
html.rec-dark .rec-card-badge{
  background:rgba(16,185,129,.15);                         /* verde com alpha */
  color:#a7f3d0;
}
html.rec-dark .rec-stock-pill{ background:rgba(59,130,246,.15); color:#bfdbfe; }
html.rec-dark .rec-stock--in{  background:rgba(16,185,129,.15); color:#a7f3d0; }
html.rec-dark .rec-stock--out{ background:rgba(239,68,68,.15); color:#fecaca; }

/* Botões no escuro (texto branco garantido) */
html.rec-dark .rec-card-actions .button.rec-card-cart-btn,
html.rec-dark .rec-card-follow{
  background:#0ea5e9;                                      /* azul-500 */
  color:#fff !important;
  border:0;
}
html.rec-dark .rec-card-actions .button.rec-card-cart-btn:hover,
html.rec-dark .rec-card-follow:hover{
  background:#0284c7;                                      /* azul-600 */
  color:#fff !important;
}