/* HayOrder v1.1.75 – Mobile Primäraktion volle Breite + Detail-Schließer exakt ein X */

/* =========================================================
   1) DETAIL-SCHLIESSER: ein einziges, sauber zentriertes X
   ========================================================= */
body #orders-ajax-root.ho-orders-175 .ho124-detail .ho56-close-detail{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 42px!important;
  inline-size:42px!important;
  block-size:42px!important;
  min-inline-size:42px!important;
  min-block-size:42px!important;
  max-inline-size:42px!important;
  max-block-size:42px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(139,159,179,.34)!important;
  border-radius:999px!important;
  color:#eef3f7!important;
  background:rgba(28,40,52,.92)!important;
  font-size:0!important;
  line-height:0!important;
  text-decoration:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
body #orders-ajax-root.ho-orders-175 .ho124-detail .ho56-close-detail::before,
body #orders-ajax-root.ho-orders-175 .ho124-detail .ho56-close-detail::after{
  content:none!important;
  display:none!important;
}
body #orders-ajax-root.ho-orders-175 .ho124-detail .ho56-close-detail .ho175-close-glyph{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  inline-size:100%!important;
  block-size:100%!important;
  margin:0!important;
  padding:0 0 1px!important;
  color:inherit!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:400!important;
  text-align:center!important;
  transform:none!important;
}
body #orders-ajax-root.ho-orders-175 .ho124-detail .ho56-close-detail:hover,
body #orders-ajax-root.ho-orders-175 .ho124-detail .ho56-close-detail:focus-visible{
  border-color:rgba(92,168,242,.72)!important;
  background:rgba(45,61,77,.98)!important;
  box-shadow:0 0 0 3px rgba(92,168,242,.11)!important;
  outline:none!important;
  transform:translateY(-1px)!important;
}
body.theme-light #orders-ajax-root.ho-orders-175 .ho124-detail .ho56-close-detail{
  color:#273746!important;
  background:#f5f8fa!important;
  border-color:#cbd6df!important;
}
body.theme-light #orders-ajax-root.ho-orders-175 .ho124-detail .ho56-close-detail:hover,
body.theme-light #orders-ajax-root.ho-orders-175 .ho124-detail .ho56-close-detail:focus-visible{
  color:#122130!important;
  background:#eaf1f7!important;
  border-color:#8fb7dc!important;
}

/* =========================================================
   2) HANDY: Primär-/Statusaktion wirklich über volle Breite
      darunter Stornieren + Drucken 50/50
   ========================================================= */
@media(max-width:760px){
  body #orders-ajax-root.ho-orders-175 .ho124-detail .ho68-modal-footer{
    grid-template-columns:minmax(0,1fr)!important;
    inline-size:100%!important;
    gap:8px!important;
  }

  body #orders-ajax-root.ho-orders-175 .ho124-detail .ho68-footer-buttons{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:
      "primary primary"
      "cancel print"!important;
    inline-size:100%!important;
    width:100%!important;
    max-inline-size:none!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    gap:8px!important;
    justify-content:stretch!important;
    align-items:stretch!important;
  }

  body #orders-ajax-root.ho-orders-175 .ho124-detail .ho68-footer-buttons > form.ho68-action-form.ho68-primary-form{
    grid-area:primary!important;
    grid-column-start:1!important;
    grid-column-end:3!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    inline-size:100%!important;
    width:100%!important;
    min-inline-size:0!important;
    min-width:0!important;
    max-inline-size:none!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    flex:none!important;
  }

  body #orders-ajax-root.ho-orders-175 .ho124-detail .ho68-footer-buttons > form.ho68-action-form.ho68-primary-form > button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    inline-size:100%!important;
    width:100%!important;
    min-inline-size:100%!important;
    min-width:100%!important;
    max-inline-size:none!important;
    max-width:none!important;
    min-height:50px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  body #orders-ajax-root.ho-orders-175 .ho124-detail .ho68-footer-buttons > form.ho68-action-form.ho68-cancel-form{
    grid-area:cancel!important;
    grid-column:1!important;
    justify-self:stretch!important;
    inline-size:100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  body #orders-ajax-root.ho-orders-175 .ho124-detail .ho68-footer-buttons > .ho68-print-button{
    grid-area:print!important;
    grid-column:2!important;
    justify-self:stretch!important;
    inline-size:100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  body #orders-ajax-root.ho-orders-175 .ho124-detail .ho68-footer-buttons > form.ho68-action-form.ho68-cancel-form > button,
  body #orders-ajax-root.ho-orders-175 .ho124-detail .ho68-footer-buttons > .ho68-print-button{
    inline-size:100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:50px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}