/* doc-project | commande/v1/assets/css/components/menu_cart_feedback.css | Style l’état actif des cards pizzas déjà présentes au panier et l’animation de miniature qui vole vers le panier depuis le menu. | Expose: .pageMenu [data-item].has-cart-qty, .menuCartFly, .menuCartTargetPulse | Dépend de: commande/v1/menu/index.php, assets/js/pages/menu_cart_feedback.js, structure [data-item], liens panier de navigation | Impacte: lisibilité des pizzas actives, feedback d’ajout panier, accessibilité motion-reduce | Tables: aucune */

.pageMenu [data-item].has-cart-qty{
  position: relative;
  border-color: rgba(11,42,91,.50);
  background:
    linear-gradient(135deg, rgba(11,42,91,.08), rgba(110,198,255,.12)),
    var(--surface);
  box-shadow:
    0 16px 36px rgba(11,42,91,.16),
    0 0 0 2px rgba(110,198,255,.22);
}

.pageMenu [data-item].has-cart-qty::before{
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 2px rgba(11,42,91,.18);
}

.pageMenu [data-item].has-cart-qty .card__body{
  background: linear-gradient(135deg, rgba(255,255,255,.62), rgba(110,198,255,.07));
}

.pageMenu [data-item].has-cart-qty .itemCard__name{
  color: #0b2a5b;
}

.pageMenu [data-item].has-cart-qty .menuCartBadge{
  transform: scale(1.02);
}

.menuCartFly{
  position: fixed;
  z-index: 10000;
  pointer-events: none;
  display: block;
  object-fit: cover;
  border-radius: 18px;
  background: #fff;
  border: 3px solid rgba(255,255,255,.95);
  box-shadow: 0 18px 42px rgba(0,0,0,.28);
  opacity: .98;
  transform: translate3d(0,0,0) scale(1);
  transform-origin: center center;
  transition:
    transform .68s cubic-bezier(.2,.72,.18,1),
    opacity .68s ease;
}

.menuCartFly--fallback{
  background:
    radial-gradient(circle at 50% 50%, #ffd37a 0 28%, #e4572e 30% 38%, #f6b44b 40% 100%);
}

.menuCartFly.is-animating{
  opacity: .10;
  transform: translate3d(var(--menu-cart-fly-x, 0), var(--menu-cart-fly-y, 0), 0) scale(.38);
}

.menuCartTargetPulse{
  animation: menuCartTargetPulse .72s ease-out;
}

@keyframes menuCartTargetPulse{
  0%{
    transform: scale(1);
    filter: brightness(1);
  }
  38%{
    transform: scale(1.08);
    filter: brightness(1.16);
  }
  100%{
    transform: scale(1);
    filter: brightness(1);
  }
}

@media (prefers-reduced-motion: reduce){
  .menuCartFly{
    display: none !important;
  }
  .menuCartTargetPulse{
    animation: none !important;
  }
}