.elementor-762 .elementor-element.elementor-element-5a325ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99999;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:400;letter-spacing:0.5px;}.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;}/* Start custom CSS for nav-menu, class: .elementor-element-73a0445 *//* ===== Khung menu chính ===== */
.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu {
  display: inline-flex;
  align-items: center;
  padding: 10px; /* padding toàn khung = 15px */
  background: rgba(17,17,17,0.45);         /* glass container */
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 40px;
  border: 1px solid rgba(255,255,255,0.08);
  overflow: visible; /* để submenu không bị cắt */
}

/* ===== đảm bảo mỗi item top-level là inline-block & relative =====
   (quan trọng để submenu căn giữa chính xác) */
.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu > .menu-item {
  display: inline-block;
  position: relative; /* để .sub-menu absolute lấy mốc là item này */
  margin: 0 5px;
}

/* ===== Top-level link: mặc định TRONG SUỐT (không xanh) ===== */
.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu > .menu-item > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;           /* padding mặc định */
  border-radius: 26px;
  background: transparent;     /* không nền nếu chưa hover */
  color: #fff;
  border: none;
  transition: background .20s ease, color .20s ease, transform .12s ease, box-shadow .20s ease;
}

/* Nếu trang đang active (current-menu-item) mà bạn KHÔNG muốn hiển thị nền,
   vô hiệu hoá style active mặc định (nếu theme tự thêm) */
.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu > .menu-item.current-menu-item > a {
  background: transparent;
  color: #fff;
  box-shadow: none;
}

/* ===== Khi hover trên top-level: bật nền xanh sáng (chỉ khi hover) ===== */
.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu > .menu-item > a:hover {
  background: rgba(184,255,102,0.95); /* xanh sáng */
  color: #000;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  padding: 10px 18px; /* hơi to hơn khi hover */
}

/* ===== SUBMENU: đặt absolute và căn giữa theo item cha ===== */
.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu .menu-item-has-children > .sub-menu {
  position: absolute;
  left: 50%;                         /* căn theo giữa của <li> cha */
  top: calc(100% + 8px);             /* cách cha 8px */
  transform: translateX(-50%) translateY(10px); /* bắt đầu hơi dịch xuống để anim */
  opacity: 0;
  pointer-events: none;
  transition: opacity .20s ease, transform .20s ease;
  z-index: 9999;

  /* style glass cho panel submenu */
  min-width: 160px;
  background: rgba(17,17,17,0.45);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  padding: 6px 6px;
  white-space: nowrap;
}

/* Khi hover item cha → hiện submenu (fade + slide) */
.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

/* Submenu item */
.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu .sub-menu a {
  display: block;
  padding: 8px 14px;
  color: #fff;
  border-radius: 10px;
  transition: background .18s ease, color .18s ease;
}

/* Hover submenu item */
.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu .sub-menu a:hover {
  background: rgba(184,255,102,0.95);
  color: #000;
}

/* Tăng z-index của link cha khi hover để tránh bị che bởi submenu */
.elementor-762 .elementor-element.elementor-element-73a0445 .elementor-nav-menu .menu-item-has-children:hover > a {
  z-index: 10;
}/* End custom CSS */