/* ═══════════════════════════════════════════════════════════
   cart-trust.css — TuttyCosas Kids · Sprint 2f · v2.9.0
   Trust bar del carrito — rompe barreras antes del pago
   Inspirado en: Parade, Lovevery, Cider (DTC clase mundial)
═══════════════════════════════════════════════════════════ */

/* ─── Trust bar container ────────────────────────────────── */
.cart-trust-bar {
  display       : flex;
  flex-direction: column;
  gap           : 0;
  margin        : 12px 0 16px;
  border        : 1px solid #e5e7eb;
  border-radius : 12px;
  overflow      : hidden;
  background    : #fafafa;
}

/* ─── Cada ítem ──────────────────────────────────────────── */
.trust-item {
  display    : flex;
  align-items: flex-start;
  gap        : 12px;
  padding    : 11px 14px;
  transition : background 160ms ease;
}

.trust-item + .trust-item {
  border-top: 1px solid #e5e7eb;
}

.trust-item:hover {
  background: #f0fdf4; /* verde suave al hover */
}

/* ─── Ícono ──────────────────────────────────────────────── */
.trust-icon {
  font-size  : 1.15rem;
  line-height: 1;
  flex-shrink: 0;
  margin-top : 2px;
}

/* ─── Texto ──────────────────────────────────────────────── */
.trust-text {
  display       : flex;
  flex-direction: column;
  gap           : 2px;
}

.trust-text strong {
  font-size  : 0.8rem;
  font-weight: 600;
  color      : #111827;
  line-height: 1.3;
}

.trust-text span {
  font-size  : 0.74rem;
  color      : #6b7280;
  line-height: 1.4;
}

/* ─── Botón checkout mejorado ────────────────────────────── */
.btn-checkout {
  width          : 100%;
  padding        : 15px;
  background     : #16a34a;   /* verde confianza, no el rojo urgencia */
  color          : #fff;
  border         : none;
  border-radius  : 10px;
  font-size      : 1rem;
  font-weight    : 700;
  cursor         : pointer;
  letter-spacing : 0.01em;
  transition     : background 180ms ease, transform 100ms ease,
                   box-shadow 180ms ease;
  box-shadow     : 0 2px 8px rgba(22, 163, 74, 0.30);
  margin-bottom  : 10px;
}

.btn-checkout:hover {
  background: #15803d;
  box-shadow: 0 4px 16px rgba(22, 163, 74, 0.38);
  transform : translateY(-1px);
}

.btn-checkout:active {
  transform : translateY(0);
  box-shadow: 0 1px 4px rgba(22, 163, 74, 0.25);
}

/* ─── Cart note mejorada ─────────────────────────────────── */
.cart-note {
  text-align : center;
  font-size  : 0.73rem;
  color      : #9ca3af;
  margin     : 0;
  line-height: 1.5;
}

.cart-note strong {
  color      : #6b7280;
  font-weight: 600;
}

/* ─── WhatsApp link mejorado ─────────────────────────────── */
.cart-whatsapp {
  display        : flex;
  align-items    : center;
  justify-content: center;
  gap            : 6px;
  padding        : 10px;
  background     : #f0fdf4;
  border         : 1px solid #bbf7d0;
  border-radius  : 8px;
  color          : #16a34a;
  font-size      : 0.82rem;
  font-weight    : 600;
  text-decoration: none;
  margin-bottom  : 10px;
  transition     : background 160ms ease;
}

.cart-whatsapp:hover {
  background: #dcfce7;
}

/* ─── Responsive — no cambia mucho, ya es sidebar ───────── */
@media (max-width: 380px) {
  .trust-text strong { font-size: 0.77rem; }
  .trust-text span   { font-size: 0.71rem; }
  .btn-checkout      { font-size: 0.95rem; padding: 13px; }
}