/* HayOrder v1.1.72 – dezente Aktionen, runde Popup-Schließer, neue Abholbereit-Farbe, Annahme-Fade */

/* =========================================================
   1) ABBHOLBEREIT: neues Violett statt Türkis
   ========================================================= */
body #orders-ajax-root.ho-orders-172 .ho122-order-card.is-status-pickup_ready{
  --status:#9b7cf6!important;
  --status-soft:rgba(155,124,246,.14)!important;
}
body #orders-ajax-root.ho-orders-172 .ho122-status-filter.is-pickup{
  --filter-color:#9b7cf6!important;
}
body #orders-ajax-root.ho-orders-172 .ho124-detail[data-order-status="pickup_ready"]{
  --detail-accent:#9b7cf6!important;
  --detail-soft:rgba(155,124,246,.14)!important;
}
body #orders-ajax-root.ho-orders-172 .order-status.status-pickup-ready{
  color:#d2c8ff!important;
  background:rgba(122,96,214,.24)!important;
}
body #orders-ajax-root.ho-orders-172 .order-status.status-pickup-ready :is(.premium-status-dot,i){
  background:#9b7cf6!important;
}

/* Light Mode */
body.theme-light #orders-ajax-root.ho-orders-172 .order-status.status-pickup-ready{
  color:#6249b5!important;
  background:rgba(155,124,246,.14)!important;
}

/* =========================================================
   2) NEUE BESTELLUNG: Annahme erforderlich als sanftes Fade
      – keine zusätzliche Linie über dem Feld
   ========================================================= */
body #orders-ajax-root.ho-orders-172 .ho122-order-card.is-new .ho154-countdown::before{
  display:none!important;
  content:none!important;
}
body #orders-ajax-root.ho-orders-172 .ho122-order-card.is-new .ho154-countdown{
  background:linear-gradient(135deg,rgba(57,45,52,.24),rgba(42,37,46,.42))!important;
  box-shadow:none!important;
  animation:none!important;
}
body #orders-ajax-root.ho-orders-172 .ho122-order-card.is-new:not(.is-attention) .ho154-countdown>small{
  color:#c6d1da!important;
}
body #orders-ajax-root.ho-orders-172 .ho122-order-card.is-new:not(.is-attention) .ho154-countdown>small .icon{
  color:#56d99a!important;
}
body #orders-ajax-root.ho-orders-172 .ho122-order-card.is-new:not(.is-attention) .ho154-countdown .ho132-new-waiting{
  color:#70e3ad!important;
}

/* Erst nach der eingestellten Erinnerungszeit erscheint das Warn-Fade. */
body #orders-ajax-root.ho-orders-172 .ho122-order-card.is-attention .ho122-order-link{
  animation:none!important;
  border-color:rgba(236,105,95,.78)!important;
  box-shadow:0 0 0 1px rgba(236,105,95,.08),0 14px 32px rgba(1,8,16,.22)!important;
}
body #orders-ajax-root.ho-orders-172 .ho122-order-card.is-attention .ho154-countdown{
  background-color:rgba(91,45,44,.22)!important;
  background-image:none!important;
  box-shadow:inset 0 0 0 1px rgba(241,139,111,.10)!important;
  animation:ho172-acceptance-fade 2.35s ease-in-out infinite!important;
}
body #orders-ajax-root.ho-orders-172 .ho122-order-card.is-attention .ho154-countdown>small{
  color:#efc2af!important;
}
body #orders-ajax-root.ho-orders-172 .ho122-order-card.is-attention .ho154-countdown>small .icon{
  color:#f0a17b!important;
}
body #orders-ajax-root.ho-orders-172 .ho122-order-card.is-attention .ho154-countdown .ho132-new-waiting{
  color:#ffb09d!important;
  font-weight:760!important;
}
@keyframes ho172-acceptance-fade{
  0%,100%{
    background-color:rgba(91,45,44,.18);
    box-shadow:inset 0 0 0 1px rgba(241,139,111,.08);
  }
  50%{
    background-color:rgba(128,57,50,.34);
    box-shadow:inset 0 0 0 1px rgba(241,139,111,.18),0 0 18px rgba(220,88,70,.045);
  }
}
@media(prefers-reduced-motion:reduce){
  body #orders-ajax-root.ho-orders-172 .ho122-order-card.is-attention .ho154-countdown{animation:none!important}
}

/* Light Mode: ebenfalls nur ein ruhiges Farb-Fade. */
body.theme-light #orders-ajax-root.ho-orders-172 .ho122-order-card.is-new .ho154-countdown{
  background:#fbf7f6!important;
  box-shadow:none!important;
}
body.theme-light #orders-ajax-root.ho-orders-172 .ho122-order-card.is-new:not(.is-attention) .ho154-countdown>small{
  color:#617487!important;
}
body.theme-light #orders-ajax-root.ho-orders-172 .ho122-order-card.is-new:not(.is-attention) .ho154-countdown .ho132-new-waiting{
  color:#17764c!important;
}
body.theme-light #orders-ajax-root.ho-orders-172 .ho122-order-card.is-attention .ho154-countdown{
  background-color:#fff5f1!important;
  background-image:none!important;
  box-shadow:inset 0 0 0 1px rgba(206,112,82,.13)!important;
  animation:ho172-acceptance-fade-light 2.35s ease-in-out infinite!important;
}
body.theme-light #orders-ajax-root.ho-orders-172 .ho122-order-card.is-attention .ho154-countdown>small{
  color:#9b654f!important;
}
body.theme-light #orders-ajax-root.ho-orders-172 .ho122-order-card.is-attention .ho154-countdown .ho132-new-waiting{
  color:#bd6245!important;
}
@keyframes ho172-acceptance-fade-light{
  0%,100%{background-color:#fff6f2;box-shadow:inset 0 0 0 1px rgba(206,112,82,.11)}
  50%{background-color:#ffe9df;box-shadow:inset 0 0 0 1px rgba(206,112,82,.20),0 0 15px rgba(202,104,72,.04)}
}

/* =========================================================
   3) BESTELLDETAIL: Footer-Buttons gleichmäßig + dezenter
   ========================================================= */
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho68-footer-buttons{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho68-footer-buttons :is(.ho68-primary-form,.ho68-cancel-form){
  flex:0 1 210px!important;
  width:210px!important;
  min-width:0!important;
}
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho68-footer-buttons :is(button,.secondary,.ho54-primary-action,.ho-action-accept,.ho54-cancel,.ho54-print){
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  padding:0 16px!important;
  border-radius:13px!important;
  border-width:1px!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:720!important;
  letter-spacing:-.005em!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho68-print-button{
  flex:0 1 210px!important;
  width:210px!important;
}

/* Statusaktionen: farblich erkennbar, aber nicht mehr vollflächig/knallig. */
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho-action-accept{
  color:#8ee5ba!important;
  border-color:rgba(54,213,142,.34)!important;
  background:rgba(38,112,79,.24)!important;
}
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho-action-processing{
  color:#f0bd79!important;
  border-color:rgba(235,163,78,.34)!important;
  background:rgba(127,86,39,.24)!important;
}
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho-action-ready{
  color:#cabdff!important;
  border-color:rgba(155,124,246,.40)!important;
  background:rgba(86,69,155,.24)!important;
}
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho-action-complete{
  color:#a7dbb7!important;
  border-color:rgba(101,194,130,.32)!important;
  background:rgba(56,105,73,.24)!important;
}
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho54-cancel{
  color:#f0a7ae!important;
  border-color:rgba(211,88,101,.34)!important;
  background:rgba(104,48,56,.24)!important;
}
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho54-print{
  color:#dbe4eb!important;
  border-color:rgba(128,149,169,.28)!important;
  background:rgba(38,51,64,.52)!important;
}
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho68-footer-buttons button:hover{
  filter:brightness(1.08)!important;
  transform:translateY(-1px)!important;
}

/* Light Mode der drei Aktionen. */
body.theme-light #orders-ajax-root.ho-orders-172 .ho124-detail .ho-action-accept{color:#176945!important;background:#edf9f3!important;border-color:#b7e4cc!important}
body.theme-light #orders-ajax-root.ho-orders-172 .ho124-detail .ho-action-processing{color:#87571d!important;background:#fff7ea!important;border-color:#efd6ac!important}
body.theme-light #orders-ajax-root.ho-orders-172 .ho124-detail .ho-action-ready{color:#654eb0!important;background:#f4f0ff!important;border-color:#d7ccf8!important}
body.theme-light #orders-ajax-root.ho-orders-172 .ho124-detail .ho-action-complete{color:#25613a!important;background:#f0f8f2!important;border-color:#c8e1cf!important}
body.theme-light #orders-ajax-root.ho-orders-172 .ho124-detail .ho54-cancel{color:#9f3945!important;background:#fff1f3!important;border-color:#edc4c9!important}
body.theme-light #orders-ajax-root.ho-orders-172 .ho124-detail .ho54-print{color:#314252!important;background:#f5f7f9!important;border-color:#d4dde5!important}

/* Handy: Status-/Primärbutton allein über die komplette Breite. */
@media(max-width:700px){
  body #orders-ajax-root.ho-orders-172 .ho124-detail .ho68-footer-buttons{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:"primary primary" "cancel print"!important;
    gap:8px!important;
    width:100%!important;
  }
  body #orders-ajax-root.ho-orders-172 .ho124-detail .ho68-primary-form{
    grid-area:primary!important;
    width:100%!important;
    max-width:none!important;
  }
  body #orders-ajax-root.ho-orders-172 .ho124-detail .ho68-cancel-form{
    grid-area:cancel!important;
    width:100%!important;
    max-width:none!important;
  }
  body #orders-ajax-root.ho-orders-172 .ho124-detail .ho68-print-button{
    grid-area:print!important;
    width:100%!important;
    max-width:none!important;
  }
  body #orders-ajax-root.ho-orders-172 .ho124-detail .ho68-footer-buttons :is(.ho68-primary-form,.ho68-cancel-form){
    flex:none!important;
    min-width:0!important;
  }
  body #orders-ajax-root.ho-orders-172 .ho124-detail .ho68-footer-buttons :is(button,.secondary,.ho54-primary-action,.ho-action-accept,.ho54-cancel,.ho54-print){
    min-height:50px!important;
    font-size:12.5px!important;
    white-space:normal!important;
  }
}

/* =========================================================
   4) RUNDER SCHLIESS-BUTTON: konsistent in Operator-Popups
   ========================================================= */
body :is(
  .ho-new-close,
  .ho56-close-detail,
  .category-dialog-close,
  .catalog-editor-close,
  .extras-modal-close,
  .ho63-close,
  .ho-modal-close
),
body .ho-res-dialog-head>[data-res-close][aria-label]{
  display:grid!important;
  place-items:center!important;
  flex:0 0 40px!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:1px solid rgba(139,159,179,.30)!important;
  border-radius:50%!important;
  background:rgba(28,40,52,.90)!important;
  color:#eef3f7!important;
  font-size:0!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transform:none!important;
}
body :is(
  .ho-new-close,
  .ho56-close-detail,
  .category-dialog-close,
  .catalog-editor-close,
  .extras-modal-close,
  .ho63-close,
  .ho-modal-close
)::before,
body .ho-res-dialog-head>[data-res-close][aria-label]::before{
  content:"×"!important;
  display:block!important;
  width:24px!important;
  height:24px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:24px!important;
  line-height:22px!important;
  font-weight:400!important;
  text-align:center!important;
  transform:translateY(-.5px)!important;
}
body :is(
  .ho-new-close,
  .ho56-close-detail,
  .category-dialog-close,
  .catalog-editor-close,
  .extras-modal-close,
  .ho63-close,
  .ho-modal-close
):hover,
body .ho-res-dialog-head>[data-res-close][aria-label]:hover{
  border-color:rgba(155,124,246,.56)!important;
  background:rgba(43,57,70,.96)!important;
  color:#fff!important;
  transform:none!important;
}
body.theme-light :is(.ho-new-close,.ho56-close-detail,.category-dialog-close,.catalog-editor-close,.extras-modal-close,.ho63-close,.ho-modal-close),
body.theme-light .ho-res-dialog-head>[data-res-close][aria-label]{
  color:#273746!important;
  background:#f5f8fa!important;
  border-color:#cbd6df!important;
}

@media(max-width:700px){
  body :is(.ho-new-close,.ho56-close-detail,.category-dialog-close,.catalog-editor-close,.extras-modal-close,.ho63-close,.ho-modal-close),
  body .ho-res-dialog-head>[data-res-close][aria-label]{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
}

/* Höhere Spezifität für den Bestelldetail-Schließer gegen ältere Detailregeln. */
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho56-close-detail{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:1px solid rgba(139,159,179,.30)!important;
  border-radius:50%!important;
  background:rgba(28,40,52,.90)!important;
  color:#eef3f7!important;
  font-size:0!important;
  line-height:1!important;
  box-shadow:none!important;
}
body #orders-ajax-root.ho-orders-172 .ho124-detail .ho56-close-detail::before{
  content:"×"!important;
  display:block!important;
  width:24px!important;
  height:24px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:24px!important;
  line-height:22px!important;
  font-weight:400!important;
  text-align:center!important;
  transform:translateY(-.5px)!important;
}

/* Abholbereit-Farbe auch dort konsistent halten, wo der generische Status-Pill genutzt wird. */
body .order-status.status-pickup-ready{
  color:#d2c8ff!important;
  background:rgba(122,96,214,.24)!important;
}
body .order-status.status-pickup-ready :is(.premium-status-dot,i){
  background:#9b7cf6!important;
}
body.theme-light .order-status.status-pickup-ready{
  color:#6249b5!important;
  background:rgba(155,124,246,.14)!important;
}