/*
 * RTG Luxury — Pop-up RTG del carrito (Fase 6, Fase 3)
 * Se carga en is_cart() e is_product(). Reutiliza las variables globales
 * ya definidas en style.css (--gold, --black, --card, etc.).
 *
 * No hay tarjeta ni barra de progreso aquí a propósito: el resumen de
 * totales (Subtotal / Descuento por mayoreo / Total) es 100% nativo de
 * WooCommerce (WC_Cart Fee, ver inc/rtg-wholesale.php) — este archivo solo
 * estiliza la notificación efímera de "producto agregado".
 */

/* ─── Pop-up RTG — sistema propio, independiente del panel de Pedidos.
 * Arriba, centrado: .site-header es fixed con height:64px (style.css), así
 * que top:96px deja un margen elegante debajo del header en vez de tapar
 * el logo/menú. ─── */
.rtg-wholesale-popup-container{
  position: fixed;
  top: 96px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  pointer-events: none;
  width: 100%;
  max-width: 380px;
  padding: 0 20px;
  box-sizing: border-box;
}
.rtg-wholesale-popup{
  pointer-events: auto;
  background: var(--card);
  border: 1px solid var(--gold);
  border-radius: 14px;
  padding: 14px 18px;
  min-width: 240px;
  max-width: 320px;
  box-shadow: 0 12px 30px rgba(0,0,0,.5);
  opacity: 0;
  transform: translateY(10px);
  animation: rtg-wholesale-popup-in .35s ease forwards;
  font-family: 'Barlow', sans-serif;
}
.rtg-wholesale-popup.is-leaving{
  animation: rtg-wholesale-popup-out .35s ease forwards;
}
@keyframes rtg-wholesale-popup-in{
  from{ opacity: 0; transform: translateY(10px); }
  to{ opacity: 1; transform: translateY(0); }
}
@keyframes rtg-wholesale-popup-out{
  from{ opacity: 1; transform: translateX(0); }
  to{ opacity: 0; transform: translateX(40px); }
}
.rtg-wholesale-popup-title{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
  color: var(--gold);
  margin-bottom: 4px;
}
.rtg-wholesale-popup-body{
  font-size: 13px;
  color: var(--white);
  line-height: 1.5;
}
.rtg-wholesale-popup-body strong{ color: var(--gold-light); }
.rtg-wholesale-popup.is-unlocked{ border-color: var(--gold); }
.rtg-wholesale-popup.is-progress{ border-color: var(--border); }
.rtg-wholesale-popup.is-added{ border-color: var(--border); }

@media (prefers-reduced-motion: reduce){
  .rtg-wholesale-popup{ animation: none; opacity: 1; transform: none; }
  .rtg-wholesale-popup.is-leaving{ animation: none; }
}

/* ─── Responsive: desktop / tablet / mobile, sin overflow ─── */
@media (max-width: 600px){
  .rtg-wholesale-popup-container{
    top: 76px;
    left: 0;
    right: 0;
    transform: none;
    max-width: none;
    padding: 0 12px;
  }
  .rtg-wholesale-popup{ min-width: 0; max-width: none; width: 100%; }
}