/* Boost Remaps v1.2.36 — VRM shell cleanup + mobile edge-to-edge treatment.
   Removes only the host-page shell/background around the remote VRM iframe.
   The iframe endpoint, iframe-resizer behaviour and vehicle lookup logic are unchanged. */

/* The remote lookup should visually stand on its own. */
body.wb-premium #wb-reg-iframe,
body.wb-premium iframe[src*="reg.webbang.co.uk"]{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* Homepage VRM host shell. */
body.wb-premium.home .elementor-element-790ce9d,
body.wb-premium.home .elementor-element-790ce9d>.elementor-widget-container{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Get Quote / legacy VRM pages / other Elementor pages carrying the same remote lookup. */
body.wb-vrm-compact #primary .wb-custom-widget.wb-vrm-widget,
body.wb-vrm-compact #primary .elementor-widget-html:has(#wb-reg-iframe)>.elementor-widget-container,
body.wb-vrm-compact #primary .elementor-widget-shortcode:has(#wb-reg-iframe)>.elementor-widget-container,
body.wb-vrm-compact #primary .elementor-inner-section:has(#wb-reg-iframe),
body.wb-vrm-compact #primary .elementor-inner-section:has(#wb-reg-iframe)>.elementor-container,
body.wb-vrm-compact #primary .elementor-element-a5f25e8,
body.wb-vrm-compact #primary .elementor-element-a5f25e8>.elementor-container,
body.wb-vrm-compact #primary .elementor-element-cad8216>.elementor-widget-container,
body.wb-premium #primary .elementor-element-454df41e:has(#wb-reg-iframe),
body.wb-premium #primary .elementor-element-454df41e:has(#wb-reg-iframe)>.elementor-container,
body.wb-premium #primary .elementor-element-6a4c4c5>.elementor-widget-container{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

body.wb-vrm-compact #primary .wb-custom-widget.wb-vrm-widget,
body.wb-vrm-compact #primary .elementor-widget-html:has(#wb-reg-iframe)>.elementor-widget-container,
body.wb-vrm-compact #primary .elementor-widget-shortcode:has(#wb-reg-iframe)>.elementor-widget-container{
  padding-left:0!important;
  padding-right:0!important;
  border-radius:0!important;
  overflow:visible!important;
}

/* Dedicated tuning database: remove the redundant outer frame around the same lookup. */
body.wb-route-tuning-database .wbtd-toolbox,
body.wb-route-tuning-database .wbtd-stage{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.wb-route-tuning-database .wbtd-toolbox{
  border-radius:0!important;
  overflow:visible!important;
}

/* Mobile: give the lookup nearly the entire viewport. Keep only a 5px gutter each side. */
@media(max-width:720px){
  body.wb-premium.home .elementor-element-790ce9d,
  body.wb-vrm-compact #primary .elementor-inner-section:has(#wb-reg-iframe),
  body.wb-vrm-compact #primary .elementor-element-a5f25e8,
  body.wb-premium #primary .elementor-element-454df41e:has(#wb-reg-iframe),
  body.wb-route-tuning-database .wbtd-tool{
    width:calc(100vw - 10px)!important;
    max-width:calc(100vw - 10px)!important;
    margin-left:calc(50% - 50vw + 5px)!important;
    margin-right:calc(50% - 50vw + 5px)!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  body.wb-premium.home .elementor-element-790ce9d>.elementor-widget-container,
  body.wb-vrm-compact #primary .elementor-inner-section:has(#wb-reg-iframe)>.elementor-container,
  body.wb-vrm-compact #primary .elementor-element-a5f25e8>.elementor-container,
  body.wb-premium #primary .elementor-element-454df41e:has(#wb-reg-iframe)>.elementor-container,
  body.wb-route-tuning-database .wbtd-toolbox,
  body.wb-route-tuning-database .wbtd-stage{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    border-radius:0!important;
  }

  body.wb-premium #wb-reg-iframe,
  body.wb-premium iframe[src*="reg.webbang.co.uk"]{
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
  }

  /* Avoid old compact-shell rules reintroducing a dark rounded background. */
  body.wb-vrm-compact #primary .wb-custom-widget.wb-vrm-widget,
  body.wb-vrm-compact #primary .elementor-widget-html:has(#wb-reg-iframe)>.elementor-widget-container,
  body.wb-vrm-compact #primary .elementor-widget-shortcode:has(#wb-reg-iframe)>.elementor-widget-container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
}

/* Keep Elementor ancestors from clipping the mobile full-bleed lookup. */
body.wb-vrm-compact #primary .elementor-element-e5b447a,
body.wb-vrm-compact #primary .elementor-element-9d0595b,
body.wb-vrm-compact #primary .elementor-element-dc1ed00,
body.wb-premium #primary .elementor-element-454df41e,
body.wb-premium #primary .elementor-element-5b45926f{
  overflow:visible!important;
}
@media(max-width:720px){
  body.wb-vrm-compact #primary .elementor-element-a5f25e8>.elementor-container>.elementor-column,
  body.wb-vrm-compact #primary .elementor-element-a5f25e8 .elementor-widget-wrap,
  body.wb-premium #primary .elementor-element-454df41e>.elementor-container>.elementor-column,
  body.wb-premium #primary .elementor-element-454df41e .elementor-widget-wrap{
    padding-left:0!important;
    padding-right:0!important;
  }
}