/* HM V8.1.47 – Elementor Shortcode-Widget: tablet/smartphone width parity.
 * Historical, user-confirmed solution (14 Oct 2026): Elementor shortcode widget,
 * Advanced > Layout > Width: Full width (100%). The old auto width caused an
 * excessive blank stretch below HM forms at tablet/mobile widths.
 *
 * The previous V8.1 styles only sized the INNER calculator. This rule also
 * applies the missing 100% width at the widget that Elementor owns. Scoped to
 * a V8.1 shortcode widget; other Elementor elements and the old HM calculator
 * are not touched. Does not hide placeholders or change any calc/result JS.
 */
@media (max-width: 1024px) {
  body .elementor-widget-shortcode:has(.hmbr81-original:not(.hmbr81-original--return)) {
    --container-widget-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-grow: 0 !important;
    flex-basis: auto !important;
    box-sizing: border-box !important;
  }
  body .elementor-widget-shortcode:has(.hmbr81-original:not(.hmbr81-original--return)) > .elementor-widget-container,
  body .elementor-widget-shortcode:has(.hmbr81-original:not(.hmbr81-original--return)) > .elementor-widget-container > .elementor-shortcode {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}