/* ─────────────────────────────────────────────────────────────────────────
   cart-public.css — carrito GLOBAL de la vista invitada (marketing).
   Carga en layout_public_nv (todas las páginas guest) para que el link de
   carrito del navbar + el cart-drawer funcionen en cualquier página, igual que
   layout_default hace para el cliente autenticado.
   Contiene SOLO: (1) tokens que nv-cart-drawer.css necesita y que en el layout
   público no existen (viven en nv-modern.css, que no carga aquí), (2) el estilo
   del link de carrito del navbar marketing. NO incluye el override header-solid
   (eso sí rompería el hero oscuro de la home) — eso vive en checkout-public.css.
   ───────────────────────────────────────────────────────────────────────── */
:root {
   /* Familia --nv-* que usa nv-cart-drawer.css. Valores light marketing. */
   --nv-card-bg: #ffffff;
   --nv-page-bg: var(--color-gray-50, #F9FAFB);
   --nv-navy-ink: var(--color-navy, #1E3A5F);
   --nv-text-muted: var(--color-gray-500, #6B7280);
   --nv-border: var(--color-gray-200, #E5E7EB);
   --nv-border-soft: var(--color-gray-100, #F3F4F6);
   --nv-danger: #dc2626;
   /* Familia --nvm-* (radios/sombra) que usa nv-cart-drawer.css. */
   --nvm-r-sm: 8px;
   --nvm-shadow-lg: 0 20px 40px -12px rgba(18, 35, 59, .28);
}

/* El cart-drawer sobre el cookie-banner marketing (z-index 9999). */
.nvx-cart-drawer { z-index: 10000; }

/* ── Link de carrito en el navbar marketing ────────────────────────────────
   Hereda el color del nav (blanco sobre hero transparente, oscuro en header
   sólido) vía currentColor. Badge ámbar con el conteo, igual que el navbar
   autenticado (.nv-cart-count). */
.nav-cart {
   position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-left: .25rem;
   padding: .35rem;
   border-radius: var(--radius-control, 8px);
   /* color lo controla la regla .nav-link del header (blanco sobre hero
      transparente / oscuro en header sólido); no lo pisamos aquí. */
}
.nav-cart svg { width: 22px; height: 22px; display: block; }

.nav-cart-badge {
   position: absolute;
   top: -2px;
   right: -4px;
   min-width: 17px;
   height: 17px;
   padding: 0 4px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-family: var(--font-primary, inherit);
   font-size: 11px;
   font-weight: 700;
   line-height: 1;
   color: #ffffff;
   background: var(--color-amber, #D97706);
   border-radius: 999px;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, .18);
}

/* En móvil el link de carrito vive dentro del nav off-canvas; alineamos su
   tap-target con el de .nav-link (padding 1rem 0 en responsive.css) para no
   quedar por debajo del mínimo táctil ~44px. */
@media (max-width: 900px) {
   a.nav-link.nav-cart { margin-left: 0; padding: 1rem 0; justify-content: flex-start; }
}