/**
 * WordPress 导航菜单组件样式
 * 基于 WordPress 系统导航菜单，使用 wifilu-com 前缀
 */

/* ============================================================
   外层容器 - 使用 wifilu-com 前缀
   ============================================================ */

.wifilu-com-widget-wrapper {
  margin-bottom: 16px;
  padding: 16px 20px;
  background: var(--bg-card);
  border-radius: var(--border-radius);
}

.wifilu-com-widget-wrapper:last-child {
  margin-bottom: 0;
}

/* 跟随滚动修饰类 */
.wifilu-com-widget-wrapper--sticky {
  position: sticky;
  top: 76px;
  z-index: 10;
}

/* ============================================================
   导航菜单组件特定样式 - 使用 wifilu-com 前缀
   ============================================================ */

/* 组件容器 */
.wifilu-com-wp-nav-menu {
  container-type: inline-size;
}

/* 组件标题 */
.wifilu-com-wp-nav-menu .wifilu-com-wp-nav-menu__title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--border-primary);
  position: relative;
}

.wifilu-com-wp-nav-menu .wifilu-com-wp-nav-menu__title-icon {
  display: inline-flex;
  align-items: center;
  width: 20px;
  height: 20px;
  color: var(--theme-color, #4f46e5);
}

.wifilu-com-wp-nav-menu .wifilu-com-wp-nav-menu__title-icon svg {
  width: 100%;
  height: 100%;
}

/* 导航菜单列表 */
.wifilu-com-wp-nav-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wifilu-com-wp-nav-menu__list li {
  margin: 0;
  padding: 0;
}

.wifilu-com-wp-nav-menu__list li a {
  display: flex;
  align-items: center;
  padding: 10px 0;
  color: var(--wifilu-com-nav-link, var(--text-secondary));
  text-decoration: none;
  font-size: var(--wifilu-com-nav-font-size, 14px);
  transition: color 0.2s;
  border-bottom: 1px solid var(--border-secondary);
}

.wifilu-com-wp-nav-menu__list li:last-child a {
  border-bottom: none;
}

.wifilu-com-wp-nav-menu__list li a:hover {
  color: var(--wifilu-com-nav-link-hover, var(--theme-color, #3b82f6));
}

/* 当前页面高亮 */
.wifilu-com-wp-nav-menu__list li.current-menu-item a,
.wifilu-com-wp-nav-menu__list li.current_page_item a {
  color: var(--wifilu-com-nav-link-hover, var(--theme-color, #3b82f6));
  font-weight: 500;
}

/* 子菜单 */
.wifilu-com-wp-nav-menu__list .sub-menu {
  list-style: none;
  margin: 0;
  padding-left: 16px;
}

.wifilu-com-wp-nav-menu__list .sub-menu li a {
  padding: 8px 0;
  font-size: calc(var(--wifilu-com-nav-font-size, 14px) - 1px);
  border-bottom: none;
}

/* 空状态 */
.wifilu-com-wp-nav-menu__empty {
  text-align: center;
  padding: 24px 0;
  font-size: var(--wifilu-com-nav-font-size, 14px);
  color: var(--text-muted);
}

/* 响应式适配 */
@media (max-width: 768px) {
  .wifilu-com-widget-wrapper--sticky {
    position: static;
  }
}