/* ──────────────────────────────────────────────────────────────────────────
   CSS do card de criação reutilizável (.card-p / .card-g).
   Usado pela vitrine /criacoes, home, single-caminho e single-product (futuros).
   Variáveis globais (--vinho, --rosado, --muted, --oliva, --f-corpo, --f-titulo)
   vêm de main.css. Sem dependência de grid container.
────────────────────────────────────────────────────────────────────────── */

/* ══ CARD-P (sprays / blends / roll-ons) ══ */
.card-p{
  display:flex;flex-direction:column;
  cursor:pointer;transition:transform .3s,box-shadow .3s;
  text-decoration:none;color:inherit;position:relative;
}
.card-p::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:var(--vinho);opacity:0;transform:scaleX(0);transform-origin:left;
  transition:transform .35s ease,opacity .35s;
}
.card-p:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(96,49,56,0.08);}
.card-p:hover::after{opacity:0.3;transform:scaleX(1);}
.cp-img{
  width:100%;aspect-ratio:1;
  position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.cp-img-flor{
  position:absolute;width:60%;opacity:0.12;
  pointer-events:none;transition:transform .6s ease,opacity .3s;
}
.card-p:hover .cp-img-flor{transform:scale(1.06);opacity:0.18;}
.cp-badge{
  position:absolute;bottom:10px;left:10px;
  font-family:var(--f-corpo);font-weight:400;
  font-size:8px;letter-spacing:0.28em;text-transform:uppercase;
  color:#FAFAF8;padding:4px 10px;z-index:1;
}
.cp-badge-origem{background:var(--oliva);}
.cp-badge-santuar{background:var(--vinho);}
.cp-caminho{font-family:var(--f-corpo);font-weight:400;font-size:var(--fs-micro);letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);padding:14px 4px 4px;}
.cp-nome{font-family:var(--f-titulo);font-weight:400;font-size:15px;color:var(--vinho);padding:0 4px 6px;line-height:1.2;}
.cp-ingr{font-family:var(--f-corpo);font-weight:300;font-size:11px;color:var(--muted);padding:0 4px;line-height:1.6;flex:1;}
.cp-preco{font-family:var(--f-corpo);font-weight:400;font-size:13.5px;letter-spacing:0.04em;color:var(--text);padding:10px 4px 4px;display:block;}
.cp-rodape{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 4px 4px;}
.cp-adicionar{
  font-family:var(--f-corpo);font-weight:400;
  font-size:10px;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--vinho);background:transparent;
  border:1px solid rgba(96,49,56,0.35); /* rgba de --vinho #603138 */
  border-radius:999px;padding:8px 16px;cursor:pointer;
  white-space:nowrap;
  transition:background-color .25s,color .25s,border-color .25s;
}
.cp-adicionar:hover:not(:disabled){background:var(--vinho);color:var(--creme);border-color:var(--vinho);}
.cp-adicionar.adicionado{background:var(--oliva);border-color:var(--oliva);color:var(--creme);pointer-events:none;}
.cp-adicionar:disabled{border-color:rgba(124,114,62,0.3); /* rgba de --oliva #7C723E */ color:var(--muted);}

/* ══ CARD-G (velas / difusores / mini velas) ══ */
/* card-g usado apenas na vitrine /criacoes (visão por criação) desde 12/jun — não usar em contextos novos */
.card-g{
  display:flex;flex-direction:column;cursor:pointer;
  transition:transform .3s,box-shadow .3s;
  text-decoration:none;color:inherit;position:relative;
}
.card-g::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:var(--vinho);opacity:0;transform:scaleX(0);transform-origin:left;
  transition:transform .35s ease,opacity .35s;
}
.card-g:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(96,49,56,0.08);}
.card-g:hover::after{opacity:0.3;transform:scaleX(1);}
.cg-img{width:100%;aspect-ratio:4/3;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.cg-img-flor{position:absolute;width:50%;opacity:0.12;pointer-events:none;transition:transform .6s ease;}
.card-g:hover .cg-img-flor{transform:scale(1.06);}
.cg-badge{position:absolute;bottom:10px;left:10px;font-family:var(--f-corpo);font-weight:400;font-size:8px;letter-spacing:0.28em;text-transform:uppercase;color:#FAFAF8;padding:4px 10px;z-index:1;}
.cg-caminho{font-family:var(--f-corpo);font-weight:400;font-size:var(--fs-micro);letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);padding:14px 4px 4px;}
.cg-nome{font-family:var(--f-titulo);font-weight:400;font-size:var(--fs-lead);color:var(--vinho);padding:0 4px 6px;line-height:1.2;}
.cg-ingr{font-family:var(--f-corpo);font-weight:300;font-size:12px;color:var(--muted);padding:0 4px;line-height:1.6;flex:1;}
.cg-preco{font-family:var(--f-corpo);font-weight:400;font-size:13.5px;letter-spacing:0.04em;color:var(--text);padding:10px 4px 4px;display:block;}
.cg-rodape{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 4px 4px;}
.cg-adicionar{
  font-family:var(--f-corpo);font-weight:400;
  font-size:10px;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--vinho);background:transparent;
  border:1px solid rgba(96,49,56,0.35); /* rgba de --vinho #603138 */
  border-radius:999px;padding:8px 16px;cursor:pointer;
  white-space:nowrap;
  transition:background-color .25s,color .25s,border-color .25s;
}
.cg-adicionar:hover:not(:disabled){background:var(--vinho);color:var(--creme);border-color:var(--vinho);}
.cg-adicionar.adicionado{background:var(--oliva);border-color:var(--oliva);color:var(--creme);pointer-events:none;}
.cg-adicionar:disabled{border-color:rgba(124,114,62,0.3); /* rgba de --oliva #7C723E */ color:var(--muted);}

/* ══ AJUSTES WOOCOMMERCE ══ */

/* Esconde o link "View cart" que o WooCommerce injeta após adicionar */
.cp-rodape .added_to_cart,
.cg-rodape .added_to_cart{
  display:none !important;
}

/* Foto real do produto cobre o quadro (quando houver imagem destacada) */
/* Vence .woocommerce img { height:auto } via specificity */
.cp-img img.cp-img-real,
.cg-img img.cg-img-real{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
}

/* Feedback enquanto o AJAX adiciona ao carrinho */
.cp-adicionar.loading,
.cg-adicionar.loading{
  opacity:0.5;pointer-events:none;
}

/* Defensivo: se o rodapé apertar (pill + preço) em larguras estreitas, quebra em 2 linhas */
.cp-rodape,
.cg-rodape{flex-wrap:wrap;}

/* ══ Grid container para os cards (3 col desktop → 2 tablet → 1 mobile) ══ */
.crc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:1023px){ .crc-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:599px){ .crc-grid{grid-template-columns:1fr;gap:20px;} }

/* ══ Wrapper da seção "Criações" (usado por single-caminho e single-product) ══ */
.criacoes { background:var(--offwhite); padding:var(--sp-secao-lg) 64px; }
.cr-in { max-width:1200px; margin:0 auto; }
.cr-hd { margin-bottom:var(--sp-card-lg); }
.cr-lbl {
  font-family:var(--f-corpo); font-weight:400;
  font-size:var(--fs-eyebrow); letter-spacing:0.38em; text-transform:uppercase;
  color:var(--rosado); margin-bottom:12px;
}
.cr-tit {
  font-family:var(--f-titulo); font-weight:400;
  font-size:var(--fs-titulo); color:var(--vinho);
  line-height:1.1; letter-spacing:0.03em;
}
@media(max-width:1023px) {
  .criacoes { padding:72px 32px; }
}
@media(max-width:599px) {
  .criacoes { padding:var(--sp-card-lg) 20px; }
}