/* HayOrder v1.1.63 – Premium-Bestellkarten, bewusst nur Karten-Redesign */

/* Laptop/Desktop: 3 Karten. Tablet: 2. Smartphone: 1. */
body #orders-ajax-root.ho-orders-163 .ho122-order-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}

/* Außenkarte: etwas großzügiger, klare Hierarchie, bestehende Statusfarbe bleibt erhalten. */
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-order-link{
  grid-template-columns:minmax(0,1fr) 118px!important;
  gap:0 14px!important;
  padding:18px 17px 0 19px!important;
  border-radius:17px!important;
  background:linear-gradient(150deg,rgba(17,31,43,.98),rgba(12,25,36,.98))!important;
  box-shadow:0 13px 30px rgba(1,8,16,.20)!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-order-link:hover{
  box-shadow:0 18px 38px rgba(1,8,16,.27)!important;
}

/* Kopfbereich größer und besser lesbar. */
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-card-identity{
  gap:5px!important;
  padding-top:1px!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-order-ref{
  font-size:16.5px!important;
  line-height:1.18!important;
  font-weight:800!important;
  letter-spacing:-.016em!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-customer{
  margin-top:4px!important;
  font-size:14.5px!important;
  line-height:1.22!important;
  font-weight:720!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-card-identity>small{
  font-size:11px!important;
  line-height:1.2!important;
}

/* Gesamtpreis stärker, ohne den Kopf zu dominieren. */
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-card-amount{
  width:118px!important;
  min-width:118px!important;
  min-height:64px!important;
  padding:9px 11px!important;
  border-radius:13px!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-card-amount>small{
  font-size:8.75px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-card-amount>strong{
  margin-top:7px!important;
  font-size:22px!important;
  font-weight:800!important;
}

/* Informationsfläche: kein innerer Außenrahmen; Fläche läuft bis an den Kartenrand. */
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-card-facts{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:auto!important;
  margin:16px -17px 0 -19px!important;
  border:0!important;
  border-radius:0 0 16px 16px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--status) 8%,rgba(14,28,39,.96)),rgba(12,24,34,.97))!important;
  overflow:hidden!important;
}

/* Oberer Informationsbereich: nur eine horizontale Mittellinie. */
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-status-row{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  min-height:88px!important;
  gap:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid rgba(132,154,174,.22)!important;
  background:transparent!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-status-column,
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho155-product-column{
  min-height:88px!important;
  padding:15px 17px!important;
  gap:10px!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho155-product-column{
  border-left:1px solid rgba(132,154,174,.22)!important;
}

/* Unterer Bereich: gleiche 50/50-Aufteilung, nur Mittellinie. */
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-received,
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-countdown{
  min-height:88px!important;
  padding:15px 17px!important;
  border:0!important;
  justify-content:center!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-countdown{
  border-left:1px solid rgba(132,154,174,.22)!important;
  background:linear-gradient(135deg,rgba(74,48,67,.24),rgba(48,42,59,.44))!important;
}

/* Einheitliche, größere Rubriküberschriften. */
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-status-column>small,
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho155-product-column>small,
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-received>small,
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-countdown>small{
  font-size:11.25px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.078em!important;
  color:#c4d0da!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-received>small .icon,
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-countdown>small .icon{
  width:13px!important;
  height:13px!important;
}

/* Badges präsenter und gleichwertig. */
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-status,
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-product-count{
  min-height:39px!important;
  height:39px!important;
  min-width:108px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  font-size:12.75px!important;
  line-height:1!important;
  font-weight:760!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-status i{
  width:8px!important;
  height:8px!important;
  flex-basis:8px!important;
}

/* Bestelleingang: Uhrzeit + Datum klar lesbar. */
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho161-received-line{
  margin-top:8px!important;
  gap:6px!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho161-received-line>strong{
  font-size:18.5px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho161-received-line>time{
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:600!important;
  color:#9eacb8!important;
}

/* Statuszeit deutlich, aber nicht übergroß. */
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-countdown .ho122-status-elapsed{
  margin-top:8px!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
}
body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-countdown .ho132-new-waiting{
  margin-top:8px!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:760!important;
}

/* Typische Laptopbreite weiterhin drei Karten. */
@media(max-width:1450px){
  body #orders-ajax-root.ho-orders-163 .ho122-order-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Tablet / schmaler Laptop: zwei Karten. */
@media(max-width:1180px){
  body #orders-ajax-root.ho-orders-163 .ho122-order-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Smartphone: eine Karte, gleiche Hierarchie und größere Lesbarkeit. */
@media(max-width:759px){
  body #orders-ajax-root.ho-orders-163 .ho122-order-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-order-link{
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:0 10px!important;
    padding:16px 14px 0 16px!important;
    border-radius:17px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-order-ref{
    font-size:17px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-customer{
    font-size:15px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-card-identity>small{
    font-size:11px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-card-amount{
    width:104px!important;
    min-width:104px!important;
    min-height:62px!important;
    padding:8px 9px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-card-amount>strong{
    font-size:20.5px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-card-facts{
    margin:15px -14px 0 -16px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-status-row,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-status-column,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho155-product-column{
    min-height:86px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-status-column,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho155-product-column,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-received,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-countdown{
    padding:14px 16px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-received,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-countdown{
    min-height:92px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-status-column>small,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho155-product-column>small,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-received>small,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-countdown>small{
    font-size:11.5px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-status,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-product-count{
    min-height:40px!important;
    height:40px!important;
    min-width:112px!important;
    padding:8px 13px!important;
    font-size:13px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho161-received-line{
    display:grid!important;
    gap:5px!important;
    margin-top:8px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho161-received-line>strong{
    font-size:19px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho161-received-line>time{
    font-size:11px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho161-received-line>time .ho162-date-sep{
    display:none!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-countdown .ho122-status-elapsed{
    font-size:20px!important;
  }
}

/* Sehr schmale Geräte: nur leichte Reduktion, Lesbarkeit bleibt Priorität. */
@media(max-width:390px){
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-status-column,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho155-product-column,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-received,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-countdown{
    padding-inline:12px!important;
  }
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho122-status,
  body #orders-ajax-root.ho-orders-163 .ho122-order-card .ho154-product-count{
    min-width:0!important;
    font-size:12px!important;
    padding-inline:11px!important;
  }
}