/* HayOrder v1.1.55 – Produkte-Spalte in Karten + mobiles Detail-Popup sauber sichtbar */

/* Produktinformation erhält dieselbe visuelle Hierarchie wie Status. */
body #orders-ajax-root.ho-orders-155 .ho122-order-card .ho155-product-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
}
body #orders-ajax-root.ho-orders-155 .ho122-order-card .ho155-product-column>small{
  display:block!important;
  color:#b7c5d0!important;
  font-size:9.5px!important;
  line-height:1.15!important;
  font-weight:760!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
  text-align:right!important;
}
body #orders-ajax-root.ho-orders-155 .ho122-order-card .ho154-product-count{
  align-self:flex-end!important;
  justify-self:end!important;
  margin:0!important;
}

/* Mobile: Detailansicht steht vollständig im Vordergrund statt unter dem mobilen Header. */
@media(max-width:760px){
  body.ho59-detail-open>.mobile-header{
    display:none!important;
  }
  body.ho59-detail-open .app-shell{
    min-height:100dvh!important;
  }
  body #orders-ajax-root.ho-orders-155.ho59-modal-ready .ho54-detail.ho124-detail:not([hidden]){
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    z-index:5000!important;
  }
  body #orders-ajax-root.ho-orders-155 .ho124-detail .ho54-detail-header{
    top:0!important;
    z-index:12!important;
  }
  body #orders-ajax-root.ho-orders-155 .ho124-detail .ho68-detail-scroll{
    scroll-behavior:auto!important;
  }
  body #orders-ajax-root.ho-orders-155 .ho122-order-card .ho155-product-column{
    gap:7px!important;
  }
  body #orders-ajax-root.ho-orders-155 .ho122-order-card .ho155-product-column>small{
    font-size:10px!important;
  }
}

@media(max-width:390px){
  body #orders-ajax-root.ho-orders-155 .ho122-order-card .ho155-product-column>small{
    font-size:9.5px!important;
  }
  body #orders-ajax-root.ho-orders-155 .ho122-order-card .ho154-product-count{
    font-size:10.5px!important;
  }
}