/* Boost Remaps v1.1.76 — premium hero refinement + cleaner booking vehicle lookup.
   Scope: visual only. Removes the heavy legacy wrapper around the reg-search area
   and replaces the Mercedes-style breadcrumb hero artwork with a subtler premium
   automotive backdrop while preserving layout, SEO and functionality. */

:root{
  --wb76-hero-image:url('/wp-content/uploads/al_opt_content/IMAGE/boostremaps.co.uk/wp-content/uploads/2025/05/home-1.jpg.bv.webp');
  --wb76-overlay-left:rgba(5,8,12,.92);
  --wb76-overlay-mid:rgba(7,11,16,.78);
  --wb76-overlay-right:rgba(8,10,14,.72);
  --wb76-overlay-red:rgba(193,18,45,.16);
  --wb76-line:rgba(255,255,255,.07);
}

/* ---------- Inner page hero: premium blurred vehicle silhouette ---------- */
body.wb-premium:not(.home) .wb-page-hero,
body.wb-route-shop .wb-shop-hero,
body.wb-route-booking .wb-booking-manage{
  background:linear-gradient(135deg,#06090d 0%,#0b1118 48%,#070a0f 100%)!important;
}

body.wb-premium:not(.home) .wb-page-hero::before,
body.wb-route-shop .wb-shop-hero::before,
body.wb-route-booking .wb-booking-manage::before,
body.wb-route-contact .wb-page-hero::before,
body.wb-route-dpf-solution .wb-page-hero::before,
body.wb-route-adblue-solution .wb-page-hero::before,
body.single-post .wb-page-hero::before{
  background-image:var(--wb76-hero-image)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center right!important;
  opacity:.18!important;
  filter:grayscale(.1) saturate(.78) blur(.4px)!important;
  transform:scale(1.04)!important;
}

body.wb-premium:not(.home) .wb-page-hero::after,
body.wb-route-shop .wb-shop-hero::after,
body.wb-route-booking .wb-booking-manage::after,
body.wb-route-contact .wb-page-hero::after,
body.wb-route-dpf-solution .wb-page-hero::after,
body.wb-route-adblue-solution .wb-page-hero::after,
body.single-post .wb-page-hero::after{
  background:
    radial-gradient(circle at 82% 18%, var(--wb76-overlay-red) 0%, transparent 24%),
    linear-gradient(90deg, var(--wb76-overlay-left) 0%, rgba(5,8,12,.88) 26%, var(--wb76-overlay-mid) 52%, var(--wb76-overlay-right) 100%),
    linear-gradient(180deg, rgba(4,7,11,.18) 0%, rgba(4,7,11,.56) 100%)!important;
}

body.wb-premium:not(.home) .wb-page-hero{
  min-height:clamp(220px,25vw,310px)!important;
}

/* ---------- Booking page clean-up ---------- */
/* Remove the thick legacy white/grey frame surrounding the booking content. */
body.wb-route-booking .elementor-element-96acf39,
body.wb-route-booking .elementor-element-96acf39 > .elementor-container,
body.wb-route-booking .elementor-element-96acf39 .elementor-widget-wrap,
body.wb-route-booking .elementor-element-4ae5b1d,
body.wb-route-booking .elementor-element-4ae5b1d > .elementor-container,
body.wb-route-booking .elementor-element-4ae5b1d .elementor-widget-wrap,
body.wb-route-booking .elementor-element-c2bc778 > .elementor-widget-container{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Keep the booking widget premium but without an extra boxed wrapper feeling. */
body.wb-route-booking .wb-booking-app{
  border-top:0!important;
  border-bottom:0!important;
  padding-top:28px!important;
  padding-bottom:46px!important;
  background:
    radial-gradient(circle at 85% 6%, rgba(207,23,54,.065), transparent 26%),
    linear-gradient(180deg,#06090d 0%,#070b10 54%,#05070b 100%)!important;
}

/* Remove unnecessary border/background around the standalone reg-search iframe block. */
body.wb-route-booking .elementor-element-2d1b0a0,
body.wb-route-booking .elementor-element-2d1b0a0 > .elementor-container,
body.wb-route-booking .elementor-element-2d1b0a0 > .elementor-container > .elementor-column,
body.wb-route-booking .elementor-element-2d1b0a0 .elementor-widget-wrap,
body.wb-route-booking .elementor-element-2d1b0a0 .elementor-widget-container{
  width:min(1120px,calc(100% - 36px))!important;
  max-width:1120px!important;
  margin:0 auto 42px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.wb-route-booking .elementor-element-2d1b0a0 > .elementor-container,
body.wb-route-booking .elementor-element-2d1b0a0 > .elementor-container > .elementor-column,
body.wb-route-booking .elementor-element-2d1b0a0 .elementor-widget-wrap,
body.wb-route-booking .elementor-element-2d1b0a0 .elementor-widget-container{
  width:100%!important;
}

/* Present the vehicle lookup itself as the component, without an extra outer frame. */
body.wb-route-booking #wb-reg-iframe{
  display:block!important;
  width:100%!important;
  min-height:340px!important;
  background:transparent!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.22)!important;
}

/* Tidy spacing between booking steps and the reg-search section. */
body.wb-route-booking .elementor-element-4ae5b1d{margin-bottom:18px!important;}
body.wb-route-booking .elementor-element-2d1b0a0{margin-top:0!important;}

/* Mobile tune-up */
@media (max-width: 900px){
  body.wb-premium:not(.home) .wb-page-hero::before,
  body.wb-route-shop .wb-shop-hero::before,
  body.wb-route-booking .wb-booking-manage::before,
  body.wb-route-contact .wb-page-hero::before,
  body.wb-route-dpf-solution .wb-page-hero::before,
  body.wb-route-adblue-solution .wb-page-hero::before,
  body.single-post .wb-page-hero::before{
    background-position:center center!important;
    opacity:.16!important;
  }
}

@media (max-width: 760px){
  body.wb-route-booking .wb-booking-app{
    padding-top:24px!important;
    padding-bottom:40px!important;
  }
  body.wb-route-booking .elementor-element-2d1b0a0,
  body.wb-route-booking .elementor-element-2d1b0a0 > .elementor-container,
  body.wb-route-booking .elementor-element-2d1b0a0 > .elementor-container > .elementor-column,
  body.wb-route-booking .elementor-element-2d1b0a0 .elementor-widget-wrap,
  body.wb-route-booking .elementor-element-2d1b0a0 .elementor-widget-container{
    width:calc(100% - 20px)!important;
    margin:0 auto 32px!important;
  }
  body.wb-route-booking #wb-reg-iframe{
    min-height:360px!important;
    border-radius:16px!important;
    box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
  }
}