/* =========================================================================
   KNIGHT — delivery-promise card. Accent-tinted box with a pulsing accent dot
   (replaces the shared lightning icon) to match the design. Loaded after the
   global delivery-promise.css so these win. Used on checkout now; product later.
   ========================================================================= */
@keyframes kDpDot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.35; transform: scale(0.7); } }

.delivery-promise {
  border: 1px solid color-mix(in srgb, var(--k-accent) 40%, transparent);
  background: color-mix(in srgb, var(--k-accent) 9%, transparent);
  border-radius: 10px;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--k-font-body);
  font-size: 13px;
  line-height: 1.4;
  color: var(--k-ink);
  box-shadow: none;
}

/* Turn the icon chip into a small pulsing accent dot. */
.delivery-promise .dp-icon,
.delivery-promise[data-urgency] .dp-icon {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  min-width: 0;
  padding: 0;
  border-radius: 50%;
  background: var(--k-accent);
  color: transparent;
  animation: kDpDot 1.4s ease-in-out infinite;
}
.delivery-promise .dp-icon i { display: none; }

.delivery-promise .dp-body { font-size: 13px; color: var(--k-ink); }
.delivery-promise .dp-time,
.delivery-promise[data-urgency] .dp-time { font-weight: 700; color: var(--k-accent); }