/* ===============================
   SUB NAV – ISOLATED SCOPE
   =============================== */

.subnav-scope .sub-nav-inner {
  background: transparent !important;
  /* backdrop-filter: blur(12px); */
  /* border: 1px solid rgba(0,0,0,.06); */
  /* box-shadow: 0 10px 24px rgba(0,0,0,.06); */
}

/* Sticky */
.subnav-scope .sub-nav-inner.is-sticky {
  position: fixed;
  top: 0 !important;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 1.5rem);
  max-width: 1320px;
  z-index: 1025; /* below main nav */
}

/* Links */
.subnav-scope .nav-link {
  font-size: .9rem;
  font-weight: 500;
  color: #222;
}
.subnav-scope .nav-link:hover {
  color: #ff6700 !important;
  background-color: transparent !important;
  text-shadow: 2px 1px 8px #000;
}

/* Dropdowns – sharp, scoped */
.subnav-scope .dropdown-menu {
  border-radius: 0;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 14px 32px rgba(0,0,0,.15);
  padding: .25rem 0;
}

/* Prevent mega-menu CSS leaking */
.subnav-scope .dropdown-menu.mega-menu {
  display: none !important;
}






/* ==============================
   SUB NAV PROTECTION
   ============================== */
.subnav-scope .navbar {
  padding: 0;            /* override mega padding */
  border: none;

}

.subnav-scope .nav-item.dropdown {
  position: relative !important;
}

.subnav-scope .dropdown-menu {
  width: auto !important;
  left: auto !important;
  right: auto !important;
  display: none;
}

.subnav-scope .dropdown-toggle:hover + .dropdown-menu {
  display: none; /* prevent hover-open */
}





.subnav-scope {
	position: absolute;
	width: 100%;
	top: 116px;
}

/* Sticky state */
.subnav-scope .sub-nav-inner.is-sticky {
  position: fixed;
  top: var(--main-nav-height); /* stays under main nav */
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 1.5rem);
  max-width: 1320px;
  z-index: 1025;
}

.subnav-scope .navbar {
	border-radius: 10px;
	padding: 0 20px !important;
	background: rgba(0, 0, 0, 0.4) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 10px !important;
	border: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 16px 40px rgba(0, 0, 0, 0.08);
  margin-top: 10px;
}

.subnav-scope  .navbar-brand img {
  height: 16px !important;
}

.subnav-scope .nav-link {
	line-height: 36px;
  color: #fff !important;
  margin: 0 3px;
}

.subnav-scope .dropdown-item {
  color: #fff !important;
  font-size: 0.9rem !important;
}
.subnav-scope .dropdown-item:hover {
  color: #ff6700 !important;
  background-color: transparent !important;
}

.subnav-scope .dropdown-menu {
  border-top: none !important;
}

.subnav-scope .dropdown-menu {
	padding: 10px !important;
	border-radius: 0 0 10px 10px !important;
	/* margin-top: 11px; */

	background: rgba(0, 0, 0, 0.8) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 14px;
	border: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 16px 40px rgba(0, 0, 0, 0.08);
}

.subnav-scope  .dropdown-item:focus, .subnav-scope  .dropdown-item:hover {
/* background-color: #000; */
}

.navbar .nav-link {
	white-space: nowrap;
}

#subNav .nav-item.dropdown > .nav-link::before {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #000;
}

.cBreadcrumb {
	padding-top: 7px !important;
}