/* HayOrder v1.1.77 – Annahme erforderlich: deutlich sichtbarer, sanft pulsierender Außenrahmen */

/*
 * Die Karte ist bereits über .is-attention eindeutig als überfällig markiert.
 * v1.1.77 macht nur den Außenrahmen/Glow sichtbarer. Kein Blinken des Inhalts,
 * kein Skalieren, keine Layout-Bewegung.
 */
body #orders-ajax-root.ho-orders-176 .ho122-order-card.is-attention .ho122-order-link,
body #orders-ajax-root.ho-orders-177 .ho122-order-card.is-attention .ho122-order-link{
  border:1px solid rgba(255,112,78,.74)!important;
  box-shadow:0 0 0 1px rgba(255,112,78,.05),0 12px 28px rgba(1,8,16,.20)!important;
  animation:ho177-attention-border-pulse 1.65s ease-in-out infinite!important;
  will-change:border-color,box-shadow!important;
}

@keyframes ho177-attention-border-pulse{
  0%,100%{
    border-color:rgba(238,91,65,.52);
    box-shadow:
      0 0 0 1px rgba(238,91,65,.03),
      0 0 0 rgba(255,105,72,0),
      0 12px 28px rgba(1,8,16,.19);
  }
  50%{
    border-color:rgba(255,137,93,1);
    box-shadow:
      0 0 0 1px rgba(255,137,93,.24),
      0 0 16px rgba(255,96,61,.32),
      0 0 28px rgba(255,96,61,.12),
      0 15px 34px rgba(1,8,16,.25);
  }
}

/* Annahme-Feld selbst bleibt ruhig; kein zusätzliches Fade/Flackern. */
body #orders-ajax-root.ho-orders-176 .ho122-order-card.is-attention .ho154-countdown,
body #orders-ajax-root.ho-orders-177 .ho122-order-card.is-attention .ho154-countdown{
  animation:none!important;
}

/* Hover ändert die Pulsfrequenz nicht. */
body #orders-ajax-root.ho-orders-176 .ho122-order-card.is-attention .ho122-order-link:hover,
body #orders-ajax-root.ho-orders-177 .ho122-order-card.is-attention .ho122-order-link:hover{
  animation:ho177-attention-border-pulse 1.65s ease-in-out infinite!important;
  transform:none!important;
}

/* Light Mode: klar sichtbar, aber weiterhin weich. */
body.theme-light #orders-ajax-root.ho-orders-176 .ho122-order-card.is-attention .ho122-order-link,
body.theme-light #orders-ajax-root.ho-orders-177 .ho122-order-card.is-attention .ho122-order-link{
  border:1px solid rgba(215,91,61,.70)!important;
  animation:ho177-attention-border-pulse-light 1.65s ease-in-out infinite!important;
  will-change:border-color,box-shadow!important;
}

@keyframes ho177-attention-border-pulse-light{
  0%,100%{
    border-color:rgba(202,87,61,.48);
    box-shadow:
      0 0 0 1px rgba(202,87,61,.03),
      0 0 0 rgba(218,92,61,0),
      0 10px 24px rgba(31,45,61,.07);
  }
  50%{
    border-color:rgba(226,99,66,.94);
    box-shadow:
      0 0 0 1px rgba(226,99,66,.18),
      0 0 14px rgba(226,99,66,.18),
      0 0 24px rgba(226,99,66,.08),
      0 12px 28px rgba(31,45,61,.10);
  }
}

/*
 * Wichtig: Die vorherige v1.1.76-Regel hat bei prefers-reduced-motion
 * die Animation komplett deaktiviert. Da der Betreiber dieses Warnsignal
 * ausdrücklich als visuelles Live-Signal benötigt, bleibt nur dieser
 * sehr sanfte Rahmenpuls aktiv; Inhalt/Text bewegen sich weiterhin nicht.
 */
@media(prefers-reduced-motion:reduce){
  body #orders-ajax-root.ho-orders-176 .ho122-order-card.is-attention .ho122-order-link,
  body #orders-ajax-root.ho-orders-177 .ho122-order-card.is-attention .ho122-order-link{
    animation:ho177-attention-border-pulse 2.4s ease-in-out infinite!important;
  }
  body.theme-light #orders-ajax-root.ho-orders-176 .ho122-order-card.is-attention .ho122-order-link,
  body.theme-light #orders-ajax-root.ho-orders-177 .ho122-order-card.is-attention .ho122-order-link{
    animation:ho177-attention-border-pulse-light 2.4s ease-in-out infinite!important;
  }
}