/* Boost Remaps v1.1.75 — premium background polish + compact hero/contact cleanup.
   Goal: introduce lightweight professional automotive imagery without disturbing
   the established layout, SEO structure or page speed. */

:root{
  --wb75-hero-car:url('/wp-content/uploads/2025/05/home-1.jpg.bv_resized_desktop.jpg.bv.webp');
  --wb75-hero-tech:url('/wp-content/uploads/2025/02/mercedes-polish-1.jpg');
  --wb75-overlay-dark:rgba(4,7,11,.78);
  --wb75-overlay-mid:rgba(8,12,18,.64);
  --wb75-overlay-red:rgba(170,13,34,.20);
  --wb75-line:rgba(255,255,255,.08);
}

/* ---------- Inner-page hero image system ---------- */
body.wb-premium:not(.home) .wb-page-hero,
body.wb-route-shop .wb-shop-hero,
body.wb-route-booking .wb-booking-manage{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

body.wb-premium:not(.home) .wb-page-hero{
  display:flex;
  align-items:center;
  min-height:clamp(220px,26vw,320px);
  padding:44px 28px 40px;
  background:linear-gradient(135deg,#070a10 0%,#0d1420 52%,#080b11 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{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--wb75-hero-car);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center right;
  opacity:.22;
  transform:scale(1.025);
  z-index:-2;
}
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{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 86% 22%, rgba(214,25,49,.26), transparent 24%),
    linear-gradient(90deg, rgba(4,7,11,.92) 0%, rgba(6,9,14,.82) 32%, rgba(8,12,18,.55) 64%, rgba(7,9,13,.84) 100%),
    linear-gradient(180deg, rgba(4,7,11,.16), rgba(4,7,11,.54));
  z-index:-1;
}
body.wb-premium:not(.home) .wb-page-hero > *,
body.wb-route-shop .wb-shop-hero > *,
body.wb-route-booking .wb-booking-manage > *{
  position:relative;
  z-index:1;
}
body.wb-premium:not(.home) .wb-page-hero p{
  max-width:650px;
}

/* More technical imagery on workshop / utility pages. */
body.wb-route-contact .wb-page-hero::before,
body.wb-route-booking .wb-booking-manage::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(--wb75-hero-tech);
  background-position:center center;
  opacity:.17;
}
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 84% 18%, rgba(214,25,49,.20), transparent 24%),
    linear-gradient(90deg, rgba(4,7,11,.94) 0%, rgba(7,11,17,.85) 38%, rgba(9,13,18,.60) 68%, rgba(4,7,11,.88) 100%),
    linear-gradient(180deg, rgba(4,7,11,.20), rgba(4,7,11,.56));
}

/* Shop hero uses the same visual language without adding extra DOM. */
body.wb-route-shop .wb-shop-hero,
body.wb-route-booking .wb-booking-manage{
  background:linear-gradient(135deg,#070a10 0%,#0d1420 52%,#080b11 100%)!important;
}
body.wb-route-shop .wb-shop-hero.compact,
body.wb-route-booking .wb-booking-manage{
  padding-top:42px!important;
  padding-bottom:38px!important;
}

/* ---------- Contact page polish ---------- */
body.wb-route-contact .wb-contact-premium{
  position:relative;
  overflow:hidden;
}
body.wb-route-contact .wb-contact-premium::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--wb75-hero-tech);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  opacity:.10;
  filter:saturate(.85);
}
body.wb-route-contact .wb-contact-premium::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 12%, rgba(225,29,48,.11), transparent 26%),
    linear-gradient(180deg, rgba(6,8,12,.78) 0%, rgba(8,11,16,.88) 55%, rgba(5,7,10,.94) 100%);
}
body.wb-route-contact .wb-contact-wrap{position:relative;z-index:1;}

body.wb-route-contact .wb-contact-card,
body.wb-route-contact .wb-contact-formcard,
body.wb-route-contact .wb-contact-map{
  position:relative;
  overflow:hidden;
  background:linear-gradient(160deg,rgba(17,24,33,.94) 0%, rgba(9,13,19,.97) 100%)!important;
  backdrop-filter:blur(2px);
}
body.wb-route-contact .wb-contact-card::before,
body.wb-route-contact .wb-contact-formcard::before,
body.wb-route-contact .wb-contact-map::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.02), transparent 40%),
    radial-gradient(circle at 90% 0, rgba(239,35,60,.07), transparent 36%);
  pointer-events:none;
}
body.wb-route-contact .wb-contact-card > *,
body.wb-route-contact .wb-contact-formcard > *,
body.wb-route-contact .wb-contact-map > *{position:relative;z-index:1;}

/* Prevent a visually blank block under the contact form if status/Turnstile wrappers are empty. */
body.wb-route-contact .wb-contact-form{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-height:0!important;
}
body.wb-route-contact .wb-contact-formcard,
body.wb-route-contact .wb-contact-formcard form,
body.wb-route-contact .wb-contact-formcard .wb-contact-fields{
  height:auto!important;
  min-height:0!important;
}
body.wb-route-contact .wb-contact-form .wb-form-message:empty,
body.wb-route-contact .wb-contact-form .wb-turnstile-wrap:empty,
body.wb-route-contact .wb-contact-form .wb-turnstile-wrap:not(:has(.cf-turnstile)){
  display:none!important;
}
body.wb-route-contact .wb-contact-form .wb-turnstile-wrap{
  margin:12px 0 10px!important;
}
body.wb-route-contact .wb-contact-submit{
  margin-top:16px!important;
  margin-bottom:0!important;
}
body.wb-route-contact .wb-contact-map{margin-top:18px!important;}

/* ---------- Mobile refinement ---------- */
@media (max-width: 900px){
  body.wb-premium:not(.home) .wb-page-hero{
    min-height:0;
    padding:36px 20px 34px;
  }
  body.wb-premium:not(.home) .wb-page-hero::before{
    background-position:center center;
    opacity:.18;
  }
}
@media (max-width: 720px){
  body.wb-premium:not(.home) .wb-page-hero{
    padding:30px 16px 28px;
    min-height:0;
  }
  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{
    background-position:center center;
    opacity:.18;
  }
  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{
    background:
      radial-gradient(circle at 78% 12%, rgba(214,25,49,.18), transparent 26%),
      linear-gradient(180deg, rgba(4,7,11,.88) 0%, rgba(6,9,14,.84) 52%, rgba(4,7,11,.90) 100%);
  }
  body.wb-route-contact .wb-contact-premium::before{opacity:.09;background-position:center center;}
}