/* ============================================================
   Produto → adicionar ao carrinho
   Ação secundária elevada, imediatamente acima do WhatsApp.
   O WhatsApp permanece a única ação verde e de maior ênfase.
   ============================================================ */

.pm-cart-inline {
  width: 100%;
  margin: 8px 0 12px;
}

.pm-cart-inline-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.pm-cart-inline-label {
  color: var(--md-sys-color-on-surface-variant, #57504b);
  font-family: var(--font-label, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.pm-cart-inline-qty {
  min-height: 48px;
  background: var(--md-sys-color-surface, #fff);
}

.pm-cart-inline-qty button {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
}

/* MD3 filled tonal: pill sem contorno, separada do fundo do painel. */
.pm-cart-inline-add {
  width: 100%;
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 20px;
  border: 0;
  border-radius: var(--md-sys-shape-corner-full, 999px);
  background: var(--md-sys-color-primary-container, #f1e2d6);
  color: var(--md-sys-color-on-primary-container, #4c2208);
  box-shadow: none;
  font-family: var(--font-ui, sans-serif);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  touch-action: manipulation;
  transition:
    transform var(--duration-fast, 150ms) var(--ease-standard, ease),
    background var(--duration-fast, 150ms) linear,
    box-shadow var(--duration-fast, 150ms) linear;
}

.pm-cart-inline-add:hover {
  background: color-mix(in srgb, var(--md-sys-color-primary-container, #f1e2d6) 88%, var(--md-sys-color-primary, #8d4613) 12%);
  box-shadow: inset 0 0 0 999px rgba(76, 34, 8, 0.04);
}

.pm-cart-inline-add:active { transform: scale(0.985); }

.pm-cart-inline-add svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pm-cart-inline-status {
  display: block;
  min-height: 0;
  margin: 8px 4px 0;
  color: var(--md-sys-color-primary, #8d4613);
  font-family: var(--font-ui, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.pm-cart-inline-status:empty { display: none; }
.pm-cart-inline-status.is-error { color: #8a1f11; }

/* Ordem visual e de foco: carrinho primeiro, WhatsApp logo depois. */
.pm-cart-inline + .product-detail-cta {
  margin-top: 0;
}

@media (max-width: 420px) {
  .pm-cart-inline {
    margin-top: 8px;
    margin-bottom: 12px;
  }

  .pm-cart-inline-top {
    gap: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-cart-inline-add {
    transition-duration: 0.01ms !important;
  }
}