/* clone-nav.css - makes the cloned Elementor nav work without Elementor frontend JS.
   Desktop: dropdowns open on hover/focus. Mobile: hamburger + submenu toggles via clone-nav.js. */

/* ---------- DESKTOP (main horizontal nav) ---------- */
.elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children { position: relative; }
.elementor-nav-menu--main .menu-item-has-children > .sub-menu {
  display: block !important;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 230px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  background: #0d0d0d;
  border-top: 2px solid #c8a75b;
  box-shadow: 0 14px 36px rgba(0,0,0,.45);
  border-radius: 0 0 6px 6px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index: 9999;
}
.elementor-nav-menu--main li.menu-item-has-children:hover > .sub-menu,
.elementor-nav-menu--main li.menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
/* nested submenu (Mobile Detailing > Full Interior Extraction) flies out to the side */
.elementor-nav-menu--main .sub-menu .menu-item-has-children > .sub-menu {
  top: -8px;
  left: 100%;
  border-top: none;
  border-left: 2px solid #c8a75b;
  border-radius: 0 6px 6px 0;
}
.elementor-nav-menu--main .sub-menu .elementor-sub-item {
  display: block;
  padding: 10px 20px;
  white-space: nowrap;
  color: #fff !important;
  font-size: 15px;
  transition: background .15s ease, color .15s ease;
}
.elementor-nav-menu--main .sub-menu .elementor-sub-item:hover {
  background: rgba(200,167,91,.14);
  color: #c8a75b !important;
}
/* caret hint on parents */
.elementor-nav-menu--main .menu-item-has-children > .elementor-item::after {
  content: "";
  display: inline-block;
  margin-left: 6px;
  border: 4px solid transparent;
  border-top-color: currentColor;
  vertical-align: middle;
  transform: translateY(2px);
}

/* ---------- MOBILE (burger dropdown nav) ---------- */
.elementor-widget-nav-menu.elementor-nav-menu--toggle { position: relative; }
nav.elementor-nav-menu__container.elementor-nav-menu--dropdown { display: none; }
.elementor-widget-nav-menu.clone-nav-open nav.elementor-nav-menu__container.elementor-nav-menu--dropdown {
  display: block !important;
  position: fixed;
  left: 0;
  right: 0;
  top: 64px;
  width: 100%;
  height: auto !important;
  max-height: calc(100vh - 64px) !important;
  overflow-y: auto !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: #0d0d0d;
  padding: 8px 0;
  box-shadow: 0 14px 36px rgba(0,0,0,.5);
  z-index: 9999;
}
nav.elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-nav-menu { list-style: none; margin: 0; padding: 0; }
nav.elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-item,
nav.elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-sub-item {
  display: block;
  padding: 12px 22px;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
nav.elementor-nav-menu__container.elementor-nav-menu--dropdown .sub-menu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  background: rgba(255,255,255,.03);
}
nav.elementor-nav-menu__container.elementor-nav-menu--dropdown .clone-submenu-open > .sub-menu { display: block; }
nav.elementor-nav-menu__container.elementor-nav-menu--dropdown .sub-menu .elementor-sub-item { padding-left: 40px; }
nav.elementor-nav-menu__container.elementor-nav-menu--dropdown .sub-menu .sub-menu .elementor-sub-item { padding-left: 58px; }