/* HayOrder v1.1.65 – Bestellkarten etwas schmaler, Typografie minimal kompakter */

/* Laptop/Desktop: drei Karten bleiben bestehen, das Kartenraster bekommt aber eine ruhigere Maximalbreite. */
body #orders-ajax-root.ho-orders-165 .ho122-order-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(100%,1220px)!important;
  max-width:1220px!important;
  gap:14px!important;
  justify-content:start!important;
}

/* Kopfbereich minimal kompakter. */
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-order-link{
  grid-template-columns:minmax(0,1fr) 112px!important;
  gap:0 12px!important;
  padding:16px 15px 0 17px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-order-ref{
  font-size:15.75px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-customer{
  font-size:13.75px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-card-identity>small{
  font-size:10.5px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-card-amount{
  width:112px!important;
  min-width:112px!important;
  min-height:61px!important;
  padding:8px 10px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-card-amount>small{
  font-size:8.4px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-card-amount>strong{
  margin-top:6px!important;
  font-size:20.75px!important;
}

/* Informationsbereich: etwas weniger Höhe und Padding. */
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-card-facts{
  margin:14px -15px 0 -17px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-status-row{
  min-height:82px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-status-column,
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho155-product-column{
  min-height:82px!important;
  padding:13px 15px!important;
  gap:8px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-received,
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-countdown{
  min-height:82px!important;
  padding:13px 15px!important;
}

/* Rubriküberschriften minimal kleiner, weiterhin klar lesbar. */
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-status-column>small,
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho155-product-column>small,
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-received>small,
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-countdown>small{
  font-size:10.6px!important;
  letter-spacing:.075em!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-received>small .icon,
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-countdown>small .icon{
  width:12px!important;
  height:12px!important;
}

/* Badges etwas kompakter. */
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-status,
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-product-count{
  min-height:36px!important;
  height:36px!important;
  min-width:101px!important;
  padding:7px 12px!important;
  font-size:12px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-status i{
  width:7px!important;
  height:7px!important;
  flex-basis:7px!important;
}

/* Zeitwerte minimal kleiner, aber weiterhin deutlich. */
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho161-received-line{
  margin-top:7px!important;
  gap:5px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho161-received-line>strong{
  font-size:17.25px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho161-received-line>time{
  font-size:10.5px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-countdown .ho122-status-elapsed{
  margin-top:7px!important;
  font-size:18.5px!important;
}
body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-countdown .ho132-new-waiting{
  margin-top:7px!important;
  font-size:12.5px!important;
}

/* Auf schmaleren Laptop-/Tabletbreiten darf das Raster wieder die volle verfügbare Breite nutzen. */
@media(max-width:1320px){
  body #orders-ajax-root.ho-orders-165 .ho122-order-grid{
    width:100%!important;
    max-width:none!important;
  }
}

/* Tablet: bestehende Zwei-Spalten-Logik erhalten. */
@media(max-width:1180px){
  body #orders-ajax-root.ho-orders-165 .ho122-order-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

/* Mobile: eine Karte; nur sehr leichte Typo-Reduktion, Lesbarkeit bleibt Priorität. */
@media(max-width:759px){
  body #orders-ajax-root.ho-orders-165 .ho122-order-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
  }
  body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-order-link{
    grid-template-columns:minmax(0,1fr) 102px!important;
    padding:15px 13px 0 15px!important;
  }
  body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-order-ref{font-size:16.5px!important}
  body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-customer{font-size:14.5px!important}
  body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-card-amount{
    width:102px!important;
    min-width:102px!important;
  }
  body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho122-card-amount>strong{font-size:20px!important}
  body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-card-facts{margin:14px -13px 0 -15px!important}
  body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-status-column,
  body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho155-product-column,
  body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-received,
  body #orders-ajax-root.ho-orders-165 .ho122-order-card .ho154-countdown{padding:13px 14px!important}
}