/* HayOrder v1.1.69 – Bestelldetail-Popup mehr Luft, schmaler und neutraler */

/* Dialog auf Desktop/Laptop bewusst schmaler und ruhiger. */
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(1040px,calc(100vw - 72px))!important;
  max-width:min(1040px,calc(100vw - 72px))!important;
  max-height:calc(100dvh - 44px)!important;
  border:1px solid rgba(105,124,143,.34)!important;
  border-top:1px solid rgba(105,124,143,.34)!important;
  border-radius:22px!important;
  box-shadow:0 40px 110px rgba(0,0,0,.60),0 6px 22px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.025)!important;
}

/* Header und Scrollbereich etwas mehr Innenabstand für Popup-Gefühl. */
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho54-detail-header{
  padding:18px 24px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho68-detail-scroll{
  padding:20px 24px 24px!important;
}

/* Mittlere Bildschirmgrößen etwas kompakter. */
@media(max-width:1200px){
  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(980px,calc(100vw - 52px))!important;
    max-width:min(980px,calc(100vw - 52px))!important;
    max-height:calc(100dvh - 34px)!important;
  }
}

/* Tablet: immer noch wie Popup, nicht flächig. */
@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 - 34px)!important;
    max-width:calc(100vw - 34px)!important;
    max-height:calc(100dvh - 26px)!important;
    border-radius:20px!important;
  }
}

/* Smartphone: deutlich mehr Luft links/rechts, neutraler Rand, echter Popup-Charakter. */
@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 - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 22px)!important;
    border-radius:18px!important;
  }
}

@media(max-width:760px){
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho54-detail-header{
    padding:16px 18px 14px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho68-detail-scroll{
    padding:16px 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 - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    max-height:calc(100dvh - 18px)!important;
    border-radius:17px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho54-detail-header{
    padding:15px 16px 13px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho68-detail-scroll{
    padding:14px 16px 16px!important;
  }
}

/* Light Mode: gleicher neutraler Rand statt farbigem Popup-Rahmen. */
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 90px rgba(16,24,40,.16),0 8px 26px rgba(16,24,40,.08),0 0 0 1px rgba(255,255,255,.65)!important;
}