/*Site Logo CSS*/
.denza-site-logo img{
    width: 100% !important;
    max-width: 240px !important;
    height: 42px !important;
}
/*Drowdown Menu*/
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container{
    z-index: 9999 !important;
}
.model-dropdown-menu .img-hover-grow{
    overflow: hidden;
}
/* Default state (before 10% scroll) */
.scroll-blur-css {
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: 
    background 0.25s ease,
    box-shadow 0.25s ease,
    backdrop-filter 0.25s ease;
    width: 100% !important;
}
/* Ensure header wrapper can position the overlay */
.scroll-blur-css {
  position: relative;
  z-index: 9999;
}

/* Overlay appears only when dropdown hover state is active */
.scroll-blur-css.is-menu-hover::after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;

  /* Start overlay BELOW the header */
  top: var(--denza-header-height, 120px);

  bottom: 0;
  background: rgba(0, 0, 0, 0.25); /* adjust darkness */
  backdrop-filter: blur(1px);       /* optional */
  -webkit-backdrop-filter: blur(1px);
  z-index: 9990;

  opacity: 1;
  transition: opacity 0.2s ease;
  pointer-events: none; /* overlay doesn't block clicks */
}

/* Default hidden state */
.scroll-blur-css::after {
  opacity: 0;
}
.scroll-blur-css:not(.is-blurred):not(.is-menu-hover) {
  transition: none;
}
/* Active state (after 10% scroll) */
.scroll-blur-css.is-blurred {
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
/* Smooth transition */
.jet-mega-menu-item__title {
  transition: color 0.25s ease;
}
/* Base menu text when header is blurred */
.scroll-blur-css.is-blurred
  .jet-mega-menu.jet-mega-menu--layout-horizontal
  .jet-mega-menu-item__title {
  color: #000000;
}
/* Active menu item when blurred */
.scroll-blur-css.is-blurred
  .jet-mega-menu.jet-mega-menu--layout-horizontal
  .jet-mega-menu-item.jet-mega-current-menu-item
  > .jet-mega-menu-item__inner
  .jet-mega-menu-item__title {
      color: #000000;
      text-decoration: underline;    
}
/*Hover menu item when blurred*/
.scroll-blur-css.is-blurred
  .jet-mega-menu.jet-mega-menu--layout-horizontal
  .jet-mega-menu-item:hover
  .jet-mega-menu-item__title {
      color: #000000;
      text-decoration: underline; 
}
/*Menu Item Active not blurred*/
.denza-menu-list .jet-mega-menu-list .jet-mega-current-menu-item .jet-mega-menu-item__title{
    text-decoration: underline;
    color: inherit;
}
/*Menu Item Hover not blurred*/
.denza-menu-list .jet-mega-menu-list .jet-mega-menu-item:hover .jet-mega-menu-item__title{
    text-decoration: underline;
    color: inherit;
}
/*when not blurred*/
.btn-book-test-drive a {
  transition: 
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    -webkit-box-shadow 0.25s ease,
    -moz-box-shadow 0.25s ease;
}
/*Book a test drive button When is blurred  */
.scroll-blur-css.is-blurred
  .btn-book-test-drive
  a {
      background-color: var( --e-global-color-accent ) !important; /* adjust to your brand blue */
      color: #ffffff !important;
      border-color: var( --e-global-color-accent ) !important;
}
.scroll-blur-css.is-blurred .btn-book-test-drive a:hover, .scroll-blur-css.is-menu-hover .btn-book-test-drive a:hover  {
  box-shadow: 0px 0px 0px 1px rgba(0,48,135,1);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0,48,135,1);
  -moz-box-shadow: 0px 0px 0px 1px rgba(0,48,135,1);
}

/*--is-menu-hover css--*/
.scroll-blur-css.is-menu-hover,
.inner-scroll-blur-css.is-menu-hover {
  background: #ffffff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* MENU HOVER STATE: force all top-level menu link text to black */
.scroll-blur-css.is-menu-hover .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item > a,
.inner-scroll-blur-css.is-menu-hover .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item > a {
  color: #000000 !important;
}
/* MENU HOVER STATE: ensure common JetMenu inner elements are black */
.scroll-blur-css.is-menu-hover .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__title,
.inner-scroll-blur-css.is-menu-hover .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__title,
.scroll-blur-css.is-menu-hover .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__desc,
.inner-scroll-blur-css.is-menu-hover .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__desc,
.scroll-blur-css.is-menu-hover .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__link,
.inner-scroll-blur-css.is-menu-hover .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__link {
  color: #000000 !important;
}

/* Active menu item when MENU HOVER state is active */
.scroll-blur-css.is-menu-hover
  .jet-mega-menu.jet-mega-menu--layout-horizontal
  .jet-mega-menu-item.jet-mega-current-menu-item
  > .jet-mega-menu-item__inner
  .jet-mega-menu-item__title,
.inner-scroll-blur-css.is-menu-hover
  .jet-mega-menu.jet-mega-menu--layout-horizontal
  .jet-mega-menu-item.jet-mega-current-menu-item
  > .jet-mega-menu-item__inner
  .jet-mega-menu-item__title {
  color: #000000;
  text-decoration: underline;
}

/* CTA button when MENU HOVER state is active */
.scroll-blur-css.is-menu-hover .btn-book-test-drive a,
.inner-scroll-blur-css.is-menu-hover .btn-book-test-drive a {
  background-color: var(--e-global-color-accent) !important;
  border-color: var(--e-global-color-accent) !important;
  color: #ffffff !important;
}
@media (max-width: 1024px){
    .tablet-mobile-social-icon a{
        font-size: 1.5rem;
    }
}

/*Tablet and Mobile Off-Canvas Menu*/
@media (max-width: 767px){
    .tablet-mobile-policy-menu .elementor-nav-menu{
        flex-direction: column;
        gap: 8px;
    }
    .tablet-mobile-social-icon a{
        font-size: 1.5rem;
    }
}