/* ============================================================
   ds-polish.css — restyle SEGURO (só CSS) das telas legadas
   (Loja/produtos, Carrinho, Pedido-confirmado) no visual do
   Design System. NÃO altera markup nem JS. Carregar por ÚLTIMO.
   Foco: modo claro (nativo das páginas) + cores da marca.
   ============================================================ */
:root{
  --p-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --p-bg:#f5f5f7; --p-surface:#ffffff; --p-surface-2:#fbfbfd;
  --p-text:#1d1d1f; --p-text-2:#6e6e73; --p-text-3:#86868b;
  --p-sep:rgba(0,0,0,.09); --p-sep-strong:rgba(0,0,0,.14);
  --p-blue:#046af3; --p-blue-press:#0357cc; --p-blue-soft:rgba(4,106,243,.09);
  --p-teal:#00d6bd; --p-teal-ink:#00a892; --p-teal-soft:rgba(0,214,189,.14);
  --p-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 34px rgba(0,0,0,.06);
  --p-shadow-card:0 1px 2px rgba(0,0,0,.05),0 18px 50px rgba(0,0,0,.08);
  --p-radius:20px; --p-radius-sm:14px; --p-radius-xs:11px;
}

/* ---------- base (font + fundo) ---------- */
body{ font-family:var(--p-font)!important; -webkit-font-smoothing:antialiased; letter-spacing:-.01em; }

/* ---------- BOTÕES (todas as telas) ---------- */
.btn, .checkout-btn, .catalog-spotlight-card__cta, .catalog-primary-cta, .continue-shopping{
  font-family:var(--p-font); border-radius:var(--p-radius-xs)!important;
  transition:background .15s ease, transform .06s ease, box-shadow .15s ease;
}
.btn-primary, .checkout-btn, .catalog-spotlight-card__cta, .catalog-primary-cta{
  background:var(--p-blue)!important; border-color:var(--p-blue)!important; color:#fff!important;
  box-shadow:0 6px 18px rgba(4,106,243,.22);
}
.btn-primary:hover, .checkout-btn:hover, .catalog-spotlight-card__cta:hover, .catalog-primary-cta:hover{
  background:var(--p-blue-press)!important; border-color:var(--p-blue-press)!important;
}
.btn:active, .checkout-btn:active, .catalog-spotlight-card__cta:active{ transform:scale(.99); }
.btn-secondary{ background:var(--p-surface)!important; color:var(--p-text)!important; box-shadow:var(--p-shadow); border:1px solid var(--p-sep)!important; }

/* ============================================================
   PEDIDO-CONFIRMADO
   ============================================================ */
.confirmation-container{ font-family:var(--p-font); }
.confirmation-container .order-info,
.confirmation-container .info-section,
.confirmation-container .order-items,
.confirmation-container .payment-info{
  border-radius:var(--p-radius-sm)!important; box-shadow:var(--p-shadow); border-color:var(--p-sep)!important;
}
.success-icon{
  background:var(--p-teal)!important; color:#00312c!important; box-shadow:0 10px 30px rgba(0,214,189,.35);
}
.confirmation-content h1{ letter-spacing:-.03em; font-weight:600; }
.confirmation-container .subtitle{ color:var(--p-text-2)!important; }
.order-number{ background:var(--p-blue-soft)!important; color:var(--p-blue)!important; border-radius:var(--p-radius-xs)!important; }
.info-section h3, .order-items h3, .payment-info h3{ color:var(--p-text)!important; }
.info-item strong{ color:var(--p-text-2)!important; font-weight:600; }
.summary-row{ color:var(--p-text-2); }
.summary-row:last-child, .summary-total{ color:var(--p-text)!important; font-weight:600; }
.payment-info{ background:var(--p-teal-soft)!important; }

/* Pix (bloco injetado por JS) — restyle por classe/id */
#pix-copy-paste{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; border-radius:var(--p-radius-xs)!important;
  border-color:var(--p-sep)!important; background:var(--p-surface-2)!important; }
#copy-pix-button, #refresh-payment-status, #regenerate-pix{
  border-radius:var(--p-radius-xs)!important;
}

/* ============================================================
   CARRINHO
   ============================================================ */
.container .summary-row, .cart-item-meta-chip, .checkout-step-label{ font-family:var(--p-font); }
.checkout-step-num{ background:var(--p-blue)!important; border-color:var(--p-blue)!important; }
.checkout-step.done .checkout-step-num, .checkout-step--done .checkout-step-num{ background:var(--p-teal-ink)!important; border-color:var(--p-teal-ink)!important; }
.checkout-step-sep{ background:var(--p-sep-strong)!important; }
.cart-item-meta-chip{ background:var(--p-blue-soft)!important; color:var(--p-blue)!important; border-radius:999px!important; }
.quantity-btn{ border-radius:9px!important; border-color:var(--p-sep)!important; color:var(--p-text); }
.quantity-btn:hover{ background:var(--p-blue-soft)!important; color:var(--p-blue)!important; border-color:var(--p-blue)!important; }
.quantity-input{ border-color:var(--p-sep)!important; }
.remove-btn{ color:#d70015; }
.item-total{ font-weight:600; color:var(--p-text)!important; }
.summary-total{ color:var(--p-text)!important; font-weight:600; }
.trust-seal{ color:var(--p-text-3)!important; }
.empty-cart-icon{ color:var(--p-text-3)!important; }
.checkout-btn{ border-radius:var(--p-radius-xs)!important; font-weight:600; }

/* ============================================================
   LOJA (produtos) — product cards / vitrine
   ============================================================ */
.catalog-spotlight-card{
  border-radius:var(--p-radius-sm)!important; box-shadow:var(--p-shadow)!important; border:1px solid var(--p-sep)!important;
  overflow:hidden; transition:transform .18s ease, box-shadow .18s ease;
}
.catalog-spotlight-card:hover{ transform:translateY(-3px); box-shadow:var(--p-shadow-card)!important; }
.catalog-spotlight-card__image{ border-radius:0!important; background:var(--p-surface-2); }
.catalog-spotlight-card__eyebrow{ color:var(--p-text-3)!important; text-transform:uppercase; letter-spacing:.03em; font-size:12px; }
.catalog-spotlight-card__title{ color:var(--p-text)!important; font-weight:600; letter-spacing:-.01em; }
.catalog-spotlight-card__desc{ color:var(--p-text-2)!important; }
.catalog-spotlight-card__price{ color:var(--p-text)!important; font-weight:600; }
.catalog-spotlight-card__stock--in{ color:var(--p-teal-ink)!important; }
.catalog-spotlight-card__stock--low{ color:#b25000!important; }
.catalog-spotlight-card__cta{ font-weight:600; }
.catalog-section-title{ letter-spacing:-.02em; font-weight:600; color:var(--p-text)!important; }
.catalog-live-tag--active{ background:var(--p-teal-soft)!important; color:var(--p-teal-ink)!important; }
.catalog-hero-mode-pill, .catalog-mode{ border-radius:999px!important; }

@media (prefers-reduced-motion:reduce){ *{ transition:none!important; } }