.elementor-2773 .elementor-element.elementor-element-38d9e6d2{--display:flex;}.elementor-2773 .elementor-element.elementor-element-7ad94438 > .elementor-widget-container{margin:-23px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-7ad94438 *//* === VRM LINE === */
.vrm-line {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  transition:all .3s ease;
  background:#f9fafb !important;
  border-radius:12px !important;
  padding:6px 10px !important;   /* tighter non-sticky */
  box-shadow:0 2px 6px rgba(10,39,64,.10) !important;
  width:auto !important;
}

/* === STICKY === */
.vrm-line.vrm-sticky {
  position:fixed !important;
  top:78px !important;            /* closer to header */
  left:50% !important;
  transform:translateX(-50%) scale(0.98) !important;
  z-index:9999 !important;
  background:#f9fafb !important;
  box-shadow:0 3px 10px rgba(10,39,64,.15) !important;
  border-radius:12px !important;
  padding:10px 22px !important;   /* wider sticky */
  width:auto !important;
}
/* === VRM LINE (no background box) === */
.vrm-line {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  transition:all .3s ease;
  background:none !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  width:auto !important;
}

/* === BUTTONS (solid colour, no translucency) === */
.vrm-line button {
  height:58px;
  border:0;
  border-radius:10px;
  font-weight:800;
  font-size:15px;
  padding:0 26px;
  cursor:pointer;
  transition:.25s;
  white-space:nowrap;
  background:#0a2740 !important;  /* solid navy */
  color:#fff !important;
}
.vrm-line button:hover {
  background:#122c50 !important;  /* darker hover */
}
.vrm-line button:disabled {
  background:#b0b8c0 !important;  /* soft grey disabled */
  color:#fff !important;
  cursor:not-allowed;
  opacity:1 !important;           /* fully opaque even when disabled */
}

/* === STICKY (simple centre lock, no box background) === */
.vrm-line.vrm-sticky {
  position:fixed !important;
  top:84px !important;
  left:50% !important;
  transform:translateX(-50%) scale(0.98) !important;
  z-index:9999 !important;
  background:none !important;
  box-shadow:none !important;
  padding:0 !important;
  width:auto !important;
}
/* === Light Grey Overlay Options === */

/* Soft light grey (subtle) */
.adukd-full-overlay {
  background: rgba(245,243,240,0.7) !important;
}

/* Slightly cooler light grey (touch of blue) */
.adukd-full-overlay {
  background: rgba(230, 235, 240, 0.75) !important;
}

/* Warm neutral light grey */
.adukd-full-overlay {
  background: rgba(245, 243, 240, 0.75) !important;
}

/* Almost white, minimal tint */
.adukd-full-overlay {
  background: rgba(255, 255, 255, 0.8) !important;
}
/* === AUTODATA UK – DESKTOP VRM BUTTON SHARPEN === */
.adukd-hero .vrm-line button {
  background: #0a2740 !important;       /* solid navy, no translucency */
  color: #ffffff !important;            /* crisp white text */
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: 0.2px !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  transform: none !important;           /* prevents blur from scaling */
  filter: none !important;
  opacity: 1 !important;
}

/* Hover & Disabled states for clarity */
.adukd-hero .vrm-line button:hover {
  background: #122c50 !important;       /* slightly deeper blue */
  color: #fff !important;
}

.adukd-hero .vrm-line button:disabled {
  background: #b0b8c0 !important;       /* muted grey when disabled */
  color: #fff !important;
  opacity: 1 !important;
}
/* === Simple hover tooltip for inactive Free Check & Full Report buttons === */
.vrm-line button:disabled::after {
  content: "Please enter your registration to proceed";
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  background: #0a2740;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  box-shadow: 0 3px 6px rgba(10,39,64,.25);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease;
  pointer-events: none;
  z-index: 9999;
}

.vrm-line button:disabled:hover::after {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */