/* === REQUEST FLOW FIX V1 — scoped only to review popup + quote modal === */

/* The modal markup starts with aria-hidden=true; when .open is present it must be interactive. */
html body #quoteModal.modal.open{
  display:flex!important;
  pointer-events:auto!important;
  visibility:visible!important;
  opacity:1!important;
}
html body #quoteModal.modal:not(.open){
  pointer-events:none!important;
}
html body #quoteModal.modal.open[aria-hidden="true"]{
  pointer-events:auto!important;
}

/* Make the actual dialog a stable viewport-height flex column. */
html body #quoteModal .modal-panel{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  max-height:calc(100dvh - 20px)!important;
}
html body #quoteModal .modal-top,
html body #quoteModal #selectedProduct{
  flex:0 0 auto!important;
}

/* Keep the existing real form and real submit button. */
html body #quoteModal #quoteForm{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
}
html body #quoteModal .quote-form-scroll{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  min-height:0!important;
  flex:1 1 auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding:2px 3px 12px 1px!important;
}
html body #quoteModal .quote-form-scroll>.field.full,
html body #quoteModal .quote-form-scroll>.privacy-consent{
  grid-column:1/-1!important;
}

/* The form footer is always visible and is part of the original form. */
html body #quoteModal .form-actions{
  position:relative!important;
  z-index:5!important;
  display:flex!important;
  flex:0 0 auto!important;
  grid-column:auto!important;
  gap:10px!important;
  justify-content:flex-end!important;
  margin:0!important;
  padding:13px 0 1px!important;
  border-top:1px solid #ecefeb!important;
  background:#fff!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
html body #quoteModal .form-actions .btn{
  min-height:46px!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body #quoteModal .form-actions .btn-primary{
  display:inline-flex!important;
}

/* Close button must sit above the dialog content and have a real finger hit area. */
html body #quoteModal .modal-close{
  z-index:20!important;
  min-width:44px!important;
  min-height:44px!important;
  width:44px!important;
  height:44px!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* Review popup summary: read-only rendering of live configurator data. */
html body #makeapack-final-request-popup .mkp-request-popup-summary{
  display:grid;
  gap:0;
  max-height:min(32vh,240px);
  overflow:auto;
  border:1px solid #ecefeb;
  border-radius:12px;
  background:#fafbf9;
}
html body #makeapack-final-request-popup .mkp-request-popup-summary:empty{
  display:none;
}
html body #makeapack-final-request-popup .mkp-request-popup-summary-row{
  display:grid;
  grid-template-columns:minmax(95px,.8fr) minmax(0,1.2fr);
  gap:12px;
  align-items:start;
  padding:9px 11px;
  border-bottom:1px solid #ecefeb;
}
html body #makeapack-final-request-popup .mkp-request-popup-summary-row:last-child{
  border-bottom:0;
}
html body #makeapack-final-request-popup .mkp-request-popup-summary-row small{
  color:#7a807b;
  font-size:10px;
  line-height:1.35;
  font-weight:700;
}
html body #makeapack-final-request-popup .mkp-request-popup-summary-row strong{
  min-width:0;
  color:#1c211d;
  font-size:11px;
  line-height:1.4;
  font-weight:800;
  overflow-wrap:anywhere;
}

@media(max-width:640px){
  html body #quoteModal .modal-panel{
    height:calc(100dvh - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
  }
  html body #quoteModal .quote-form-scroll{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html body #quoteModal .quote-form-scroll>.field.full,
  html body #quoteModal .quote-form-scroll>.privacy-consent{
    grid-column:auto!important;
  }
  html body #quoteModal .form-actions{
    flex-direction:column-reverse!important;
    padding-top:10px!important;
  }
  html body #quoteModal .form-actions .btn{
    width:100%!important;
  }
  html body #makeapack-final-request-popup .mkp-request-popup-summary{
    max-height:25vh;
  }
}