/* ============================================================
   TEATia — Rediseño UI/UX de páginas de conversión/compra
   (carrinho, checkout, checkout-sucesso, minha-conta)
   Estilo aditivo sobre el tema usado (Tailwind Astro + Base).
   Paleta roxa (lavender) con acentos de éxito y cálidos.
   ============================================================ */

/* ---------- Base ---------- */
.teatia-page { padding-bottom: 3rem; }
.container-tea { max-width: 1080px; }

/* ---------- CARRINHO ---------- */
/* Tarjeta de producto: más aire, esquinas suaves, sombra suave */
#cart-root article,
.cart-root article,
article[data-cart-slug] {
  border: 1px solid #e7e3f0;
  border-radius: 1.1rem;
  background: #fff;
  box-shadow: 0 2px 16px rgba(84, 56, 143, 0.10);
  padding: 1.1rem 1.25rem;
  transition: box-shadow .2s, border-color .2s;
}
article[data-cart-slug]:hover { border-color: #8b6bd6; box-shadow: 0 4px 20px rgba(84,56,143,.14); }
article[data-cart-slug] a[class*="w-20"] { border-radius: 0.9rem; box-shadow: 0 1px 6px rgba(84,56,143,.12); }
article[data-cart-slug] .text-\[11px\] { letter-spacing: .04em; }
article[data-cart-slug] .font-display.text-lg { font-weight: 650; }
article[data-cart-slug] .teatia-cart-remove {
  background: #fdecee;
  color: #b91c1c;
  border: 1px solid #f8d7d8;
  border-radius: 999px;
  padding: .4rem .9rem;
  font-size: .78rem;
  font-weight: 600;
  transition: all .15s;
}
article[data-cart-slug] .teatia-cart-remove:hover { background: #fbd5d8; }

/* Cantidad: pill más legible */
article[data-cart-slug] span[class*="bg-lavender-50"] {
  background: #f1ebfb;
  color: #54388f;
  border: 1px solid #e7e0f7;
  font-weight: 650;
  padding: .2rem .8rem;
}

/* Total: tarjeta destacada */
#cart-total,
[class*="Total estimado"] {
  transition: box-shadow .2s;
}

/* Botón finalizar compra más presente */
article[data-cart-slug] + .rounded-3xl,
#cart-root .rounded-3xl {
  border-radius: 1.1rem;
}
#cart-root a[href^="/checkout"], .cart-root a[href^="/checkout"] {
  background: #7c5cbf !important;
  color: #fff !important;
  padding: .85rem 1.6rem !important;
  border-radius: 999px !important;
  font-weight: 650;
  font-size: .95rem;
  box-shadow: 0 3px 14px rgba(124,92,191,.28);
}
#cart-root a[href^="/checkout"]:hover { background: #54388f !important; }

/* Estado vacío más amigable */
#cart-root [class*="vazio"], .cart-empty {
  border-radius: 1.25rem;
  background: linear-gradient(135deg,#f7f2ff, #fff);
  text-align: center;
}
#cart-root [class*="vazio"] a, .cart-empty a { background:#7c5cbf; color:#fff; border-radius:999px; padding:.75rem 1.5rem; }

/* ---------- CHECKOUT: pasos ---------- */
.step-item .step-circle { background:#7c5cbf; color:#fff; box-shadow:0 2px 10px rgba(124,92,191,.3); }
.step-item:not(.step-active) .step-circle { background:#ede9f6; color:#6f5aa8; }
.step-item .step-label { font-weight:600; color:#2a1e43; }

/* Fila de input checkout: más cómoda */
#checkout-form input, #checkout-form select {
  border:1px solid #dcd6ea;
  border-radius:.8rem;
  padding:.8rem .85rem;
  background:#fff;
  transition: border-color .15s, box-shadow .15s;
}
#checkout-form input:focus, #checkout-form select:focus {
  border-color:#7c5cbf;
  box-shadow:0 0 0 3px rgba(124,92,191,.16);
  outline:none;
}
#checkout-form label { color:#3c2a54; font-weight:600; }

/* Resumen del pedido en tarjeta */
[class*="resumo-"] { border-radius:.9rem; }
#resumo-total { font-weight:700; color:#2a1e43; }

/* Boton principal de pago */
#checkout-submit, button[type=submit] {
  background:#7c5cbf !important; color:#fff !important;
  padding:.95rem 1.8rem !important; border-radius:999px !important;
  font-weight:650; font-size:1rem;
  box-shadow:0 4px 16px rgba(124,92,191,.30);
}
#checkout-submit:hover { background:#54388f !important; }

/* Metodos de pago: cards */
#pix-info, #card-fields, #boleto-info {
  border:1px solid #e7e3f0; border-radius:.9rem; background:#faf9fe;
}

/* ---------- CHECKOUT SUCESSO ---------- */
#downloads, [class*="downloads"], #delivery-status {
  border-radius:1.1rem; border:1px solid #e3e7ef;
  box-shadow:0 2px 14px rgba(84,56,143,.10);
}
#pedido-ref { background:#f0fbf4; color:#166534; border-radius:.8rem; }
#downloads a, #downloads [role=link], a[href*="/pedidos/download"] {
  background:#7c5cbf !important; color:#fff !important; border-radius:999px;
  padding:.6rem 1.3rem !important; font-weight:650; box-shadow:0 3px 12px rgba(124,92,191,.26);
}

/* ---------- MINHA CONTA ---------- */
#teatia-materiais { padding: 1.5rem; }
#teatia-materiais > div {
  border:1px solid #e7e3f0; border-radius:1.25rem; background:#fff;
  box-shadow:0 2px 16px rgba(84,56,143,.12);
}
#teatia-materiais .btn-primary, #teatia-materiais a[class*="btn-primary"],
#toke-form button {
  background:#7c5cbf !important; color:#fff !important; border-radius:999px;
  padding:.75rem 1.5rem !important; font-weight:650;
  box-shadow:0 3px 12px rgba(124,92,191,.26);
}
#toke-form input {
  border:1px solid #dcd6ea; border-radius:.8rem; padding:.8rem;
  transition:all .15s;
}
#toke-form input:focus { border-color:#7c5cbf; box-shadow:0 0 0 3px rgba(124,92,191,.16); outline:none; }
#teatia-materiais .teatia-item-download a {
  background:#7c5cbf !important; color:#fff !important; border-radius:999px; padding:.55rem 1.2rem !important; font-weight:650;
}

/* ---------- Responsive ---------- */
@media (max-width: 640px) {
  article[data-cart-slug] { padding: .9rem 1rem; }
  #checkout-form input { padding: .85rem .9rem; }
}