#elementor-popup-modal-2425 .dialog-widget-content{animation-duration:1.2s;border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2425{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2425 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-2425 .dialog-close-button{display:flex;}/* Start custom CSS *//* =====================================================================
   Breasley – Commercial Quote popup
   Rebuilds the Elementor V4 ATOMIC element styles as real CSS, because
   Elementor isn't generating per-element atomic CSS inside Popup templates.
   Faithful translation of the local atomic classes from the popup's JSON.
   Scoped to popup post #2425 so nothing else on the site is affected.
   Put this in: Appearance → Customize → Additional CSS  (or Elementor → Custom Code)
   ===================================================================== */

/* Outer wrapper (e47c142) — vertical, centered */
#elementor-popup-modal-2425 .e-6d796ef{
  display:flex !important; flex-direction:column !important;
  justify-content:center !important; align-items:center !important;
  padding:0 !important; width:100% !important;
}

/* Content wrapper (f206722) — vertical stack, 30px padding */
#elementor-popup-modal-2425 .e-f206722-dafea2f{
  display:flex !important; flex-direction:column !important;
  justify-content:center !important; align-items:stretch !important;
  padding:30px !important; width:100% !important;
}

/* The form (8440b30) — vertical, 12px gap, 30px top margin */
#elementor-popup-modal-2425 .e-8440b30-7e7cf58{
  display:flex !important; flex-direction:column !important;
  gap:12px !important; margin-block-start:30px !important;
  padding:0 !important; width:100% !important;
}

/* Paired rows — two fields side by side on desktop (row, 16px gap) */
#elementor-popup-modal-2425 .e-7e1f223-c3ef5b1,
#elementor-popup-modal-2425 .e-06e92f5-958f2c3,
#elementor-popup-modal-2425 .e-7b81a4f-101e44a,
#elementor-popup-modal-2425 .e-22bb14d-e72133d{
  display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
  gap:16px !important; align-self:stretch !important;
  justify-content:flex-start !important; align-items:flex-start !important;
  padding:0 !important; width:100% !important;
}

/* Field groups (label + input) — vertical, 6px gap, equal 50/50 width in their row */
#elementor-popup-modal-2425 .e-4b14d17-f95976a,
#elementor-popup-modal-2425 .e-49de419-49544c6,
#elementor-popup-modal-2425 .e-881be9d-7c7be71,
#elementor-popup-modal-2425 .e-1af76cc-c1048ee,
#elementor-popup-modal-2425 .e-61d20e7-147efb4,
#elementor-popup-modal-2425 .e-fcf43b9-d08ed6c,
#elementor-popup-modal-2425 .e-2c3a672-e3efe7b,
#elementor-popup-modal-2425 .e-d9a04ab-18c723f{
  display:flex !important; flex-direction:column !important;
  gap:6px !important; padding:0 !important;
  flex:1 1 0 !important; min-width:0 !important;
}

/* Message group (d606c6b) — full width */
#elementor-popup-modal-2425 .e-d606c6b-47e8429{
  display:flex !important; flex-direction:column !important;
  gap:6px !important; padding:0 !important; width:100% !important;
}

/* Inputs / selects / textarea fill their group */
#elementor-popup-modal-2425 .e-8440b30-7e7cf58 input:not([type=checkbox]):not([type=radio]),
#elementor-popup-modal-2425 .e-8440b30-7e7cf58 select,
#elementor-popup-modal-2425 .e-8440b30-7e7cf58 textarea{
  width:100% !important; box-sizing:border-box !important;
}

/* Submit button (903383a) — full width, centered, normal height */
#elementor-popup-modal-2425 .e-903383a-c08f6da{
  display:flex !important; justify-content:center !important; align-items:center !important;
  width:100% !important; flex:0 0 auto !important;
}

/* Success / error messages */
#elementor-popup-modal-2425 .e-51bd58d-e1b0ace{ border-radius:12px !important; background:#e0ffeb !important; }
#elementor-popup-modal-2425 .e-8f99ef4-b22ff70{ border-radius:12px !important; }

/* ---- Mobile (≤767px): paired rows stack vertically; wrapper padding 20 ---- */
@media (max-width:767px){
  #elementor-popup-modal-2425 .e-7e1f223-c3ef5b1,
  #elementor-popup-modal-2425 .e-06e92f5-958f2c3,
  #elementor-popup-modal-2425 .e-7b81a4f-101e44a,
  #elementor-popup-modal-2425 .e-22bb14d-e72133d{
    flex-direction:column !important; gap:14px !important;
  }
  #elementor-popup-modal-2425 .e-4b14d17-f95976a,
  #elementor-popup-modal-2425 .e-49de419-49544c6,
  #elementor-popup-modal-2425 .e-881be9d-7c7be71,
  #elementor-popup-modal-2425 .e-1af76cc-c1048ee,
  #elementor-popup-modal-2425 .e-61d20e7-147efb4,
  #elementor-popup-modal-2425 .e-fcf43b9-d08ed6c,
  #elementor-popup-modal-2425 .e-2c3a672-e3efe7b,
  #elementor-popup-modal-2425 .e-d9a04ab-18c723f{
    flex:1 1 auto !important; width:100% !important;
  }
  #elementor-popup-modal-2425 .e-f206722-dafea2f{ padding:20px !important; }
}/* End custom CSS */