/* HayOrder v1.1.71 – Bestelldetail noch schmaler, echte Popup-Luft, gleichmäßige Border */

/* Desktop/Laptop: Popup noch etwas schmaler und gleichmäßig gerahmt. */
body #orders-ajax-root.ho-orders-124.ho59-modal-ready .ho124-detail:not([hidden]),
body #orders-ajax-root.ho-orders-167.ho59-modal-ready .ho124-detail:not([hidden]){
  width:min(940px,calc(100vw - 96px))!important;
  max-width:min(940px,calc(100vw - 96px))!important;
  max-height:calc(100dvh - 52px)!important;
  border:1px solid rgba(99,118,137,.34)!important;
  border-top:1px solid rgba(99,118,137,.34)!important;
  border-radius:22px!important;
  box-shadow:0 42px 118px rgba(0,0,0,.62),0 8px 24px rgba(0,0,0,.20),0 0 0 1px rgba(255,255,255,.022)!important;
}

/* Header/Content etwas luftiger, aber nicht zu groß. */
body #orders-ajax-root.ho-orders-124 .ho124-detail .ho54-detail-header,
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho54-detail-header{
  padding:17px 22px!important;
}
body #orders-ajax-root.ho-orders-124 .ho124-detail .ho68-detail-scroll,
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho68-detail-scroll{
  padding:18px 22px 22px!important;
}

/* Überschriften dezenter statt zu fett. */
body #orders-ajax-root.ho-orders-124 .ho124-detail .ho55-section-heading h3,
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-section-heading h3{
  font-weight:655!important;
  letter-spacing:-.012em!important;
}
body #orders-ajax-root.ho-orders-124 .ho124-detail .ho-order-section-head>strong,
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho-order-section-head>strong{
  font-weight:655!important;
  letter-spacing:-.01em!important;
}

/* Mittlere Größen: ebenfalls schmaler. */
@media(max-width:1220px){
  body #orders-ajax-root.ho-orders-124.ho59-modal-ready .ho124-detail:not([hidden]),
  body #orders-ajax-root.ho-orders-167.ho59-modal-ready .ho124-detail:not([hidden]){
    width:min(900px,calc(100vw - 64px))!important;
    max-width:min(900px,calc(100vw - 64px))!important;
    max-height:calc(100dvh - 40px)!important;
  }
}

@media(max-width:980px){
  body #orders-ajax-root.ho-orders-124.ho59-modal-ready .ho124-detail:not([hidden]),
  body #orders-ajax-root.ho-orders-167.ho59-modal-ready .ho124-detail:not([hidden]){
    width:calc(100vw - 42px)!important;
    max-width:calc(100vw - 42px)!important;
    max-height:calc(100dvh - 30px)!important;
    border-radius:20px!important;
  }
}

/* Handy: klarer Popup-Charakter mit sichtbarer Luft ringsum. */
@media(max-width:700px){
  body #orders-ajax-root.ho-orders-124.ho59-modal-ready .ho124-detail:not([hidden]),
  body #orders-ajax-root.ho-orders-167.ho59-modal-ready .ho124-detail:not([hidden]){
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    max-height:calc(100dvh - 28px)!important;
    border-radius:19px!important;
    border:1px solid rgba(96,116,136,.34)!important;
    border-top:1px solid rgba(96,116,136,.34)!important;
  }
  body #orders-ajax-root.ho-orders-124 .ho124-detail .ho54-detail-header,
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho54-detail-header{
    padding:16px 18px 14px!important;
  }
  body #orders-ajax-root.ho-orders-124 .ho124-detail .ho68-detail-scroll,
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho68-detail-scroll{
    padding:15px 18px 18px!important;
  }
}

@media(max-width:430px){
  body #orders-ajax-root.ho-orders-124.ho59-modal-ready .ho124-detail:not([hidden]),
  body #orders-ajax-root.ho-orders-167.ho59-modal-ready .ho124-detail:not([hidden]){
    width:calc(100vw - 26px)!important;
    max-width:calc(100vw - 26px)!important;
    max-height:calc(100dvh - 22px)!important;
    border-radius:18px!important;
  }
  body #orders-ajax-root.ho-orders-124 .ho124-detail .ho54-detail-header,
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho54-detail-header{
    padding:15px 16px 13px!important;
  }
  body #orders-ajax-root.ho-orders-124 .ho124-detail .ho68-detail-scroll,
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho68-detail-scroll{
    padding:14px 16px 16px!important;
  }
}

/* Light mode ebenfalls mit ruhiger, gleichmäßiger Border. */
body.theme-light #orders-ajax-root.ho-orders-124.ho59-modal-ready .ho124-detail:not([hidden]),
body.theme-light #orders-ajax-root.ho-orders-167.ho59-modal-ready .ho124-detail:not([hidden]){
  border-color:rgba(117,134,152,.38)!important;
  border-top-color:rgba(117,134,152,.38)!important;
  box-shadow:0 34px 92px rgba(16,24,40,.17),0 8px 24px rgba(16,24,40,.08),0 0 0 1px rgba(255,255,255,.64)!important;
}