/* v51 glow (Nov 1 2026). Loaded last on /, /menu, /es/, /es/menu only.
   Warm gold animated light around the Order Online pickup card so it stands out over the delivery apps.
   Only touches #order .pickup-online. Reduced motion: static glow, no animation. */
@property --inka-glow-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }

#order .order-col-pickup .pickup-form-wrap.pickup-online {
  position: relative;
  isolation: isolate;
  border-color: #EFC85A !important;
}
/* Moving light that travels around the border */
#order .order-col-pickup .pickup-form-wrap.pickup-online::before {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: 14px;
  padding: 5px;
  background: conic-gradient(from var(--inka-glow-angle),
    rgba(250,205,18,0) 0deg, rgba(250,205,18,.35) 180deg,
    #F4DA8A 290deg, #FFF3C4 320deg, #FACD12 345deg, rgba(250,205,18,0) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  pointer-events: none;
  z-index: 1;
  animation: inkaGlowSpin 3.2s linear infinite;
}
@keyframes inkaGlowSpin { to { --inka-glow-angle: 360deg; } }
/* Soft pulsing halo (a pseudo layer, since order.css sets box-shadow with !important) */
#order .order-col-pickup .pickup-form-wrap.pickup-online::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 12px;
  pointer-events: none;
  z-index: -1;
  box-shadow: 0 0 36px 10px rgba(250,205,18,.7), 0 0 0 1px rgba(239,200,90,.8);
  animation: inkaGlowPulse 2.4s ease-in-out infinite;
}
@keyframes inkaGlowPulse { 0%,100% { opacity: .5; } 50% { opacity: 1; } }
#order .order-col-pickup .pickup-form-wrap.pickup-online { box-shadow: 0 14px 34px rgba(155,22,32,.14) !important; }

@media (prefers-reduced-motion: reduce) {
  #order .order-col-pickup .pickup-form-wrap.pickup-online::after { animation: none !important; opacity: .85; }
  #order .order-col-pickup .pickup-form-wrap.pickup-online::before {
    animation: none !important;
    background: linear-gradient(135deg, #FACD12, #F4DA8A, #EFC85A, #FACD12);
    opacity: .9;
  }
}