/* ========================================
   Blessglow - 主菜单导航自定义样式
   主题: 深色导航栏 + 黑金风格下拉菜单
   适用: Avanam Theme + Max Mega Menu
   ======================================== */

/* ---------- 1. 主菜单项样式 ---------- */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
  font-size: 13px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  transition: all 0.2s ease !important;
}

.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
  opacity: 0.85;
}

/* 当前活动菜单项指示器 */
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a,
.main-navigation .primary-menu-container > ul > li.menu-item.current-page-item > a {
  position: relative;
}

.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a::after,
.main-navigation .primary-menu-container > ul > li.menu-item.current-page-item > a::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 28px;
  right: 28px;
  height: 2px;
  background: #ffffff;
  opacity: 0.6;
}

/* ---------- 2. 子菜单整体容器 ---------- */
.header-navigation .header-menu-container ul ul.sub-menu,
.header-navigation .header-menu-container ul ul.submenu {
  background: #111111 !important;
  border: 1px solid rgba(255, 215, 0, 0.15) !important;
  border-top: 2px solid #FFD700 !important;
  border-radius: 0 0 8px 8px !important;
  padding: 12px 0 !important;
  min-width: 220px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

/* 子菜单动画 - 淡入+下滑 */
.header-navigation.header-navigation-dropdown-animation-fade-up ul ul.sub-menu,
.header-navigation.header-navigation-dropdown-animation-fade-up ul ul.submenu {
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* ---------- 3. 子菜单项样式 ---------- */
.header-navigation .header-menu-container ul ul li.menu-item {
  position: relative;
}

.header-navigation .header-menu-container ul ul li.menu-item > a {
  width: auto !important;
  min-width: 200px !important;
  padding: 10px 24px !important;
  color: #cccccc !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;
  border-left: 3px solid transparent !important;
  transition: all 0.2s ease !important;
}

.header-navigation .header-menu-container ul ul li.menu-item > a:hover {
  color: #FFD700 !important;
  background: rgba(255, 215, 0, 0.06) !important;
  border-left-color: #FFD700 !important;
  padding-left: 28px !important;
}

/* 子菜单分隔线 */
.header-navigation .header-menu-container ul ul li.menu-item:not(:last-child) > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* ---------- 4. 二级以下子菜单（三级菜单） ---------- */
.header-navigation .header-menu-container ul ul ul.sub-menu,
.header-navigation .header-menu-container ul ul ul.submenu {
  margin-top: -12px !important;
  border-top: 2px solid #DAA520 !important;
  border-left: 1px solid rgba(255, 215, 0, 0.1) !important;
  border-radius: 0 8px 8px 0 !important;
}

/* ---------- 5. 有子项的父菜单箭头 ---------- */
.main-navigation .primary-menu-container > ul > li.menu-item-has-children > a .dropdown-nav-toggle {
  font-size: 10px !important;
  opacity: 0.6;
}

.header-navigation .header-menu-container ul ul li.menu-item-has-children > a .dropdown-nav-toggle {
  opacity: 0.5;
  color: #888 !important;
}

/* ---------- 6. 菜单项图标/描述 ---------- */
.header-navigation .header-menu-container ul ul li.menu-item > a .menu-item-description {
  font-size: 11px !important;
  color: #777 !important;
  font-weight: 300 !important;
  margin-top: 2px;
  display: block;
  text-transform: none !important;
  letter-spacing: 0.3px;
}

/* ---------- 7. 移动端菜单 ---------- */
.mobile-navigation ul li a {
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.mobile-navigation ul ul li a {
  padding-left: 36px !important;
  font-size: 13px !important;
  text-transform: none !important;
  letter-spacing: 0.5px !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.mobile-navigation ul ul ul li a {
  padding-left: 52px !important;
}

/* ---------- 8. 移动端汉堡菜单按钮 ---------- */
.mobile-toggle-open-container .menu-toggle-open {
  padding: 8px 12px !important;
}