/* 
 * 自定义样式修复
 * 解决侧边栏和导航栏显示问题
 */

/* 确保侧边栏始终可见 */
.sidebar {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: transform 0.25s ease;
}

/* 改进移动设备上侧边栏的显示 */
@media (max-width: 719px) {
  .sidebar {
    transform: translateX(-100%);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 20;
    width: 260px;
    background-color: var(--c-bg);
    box-shadow: 2px 0 8px rgba(0,0,0,0.1);
    padding-top: 3.6rem;
  }
  
  .sidebar.open {
    transform: translateX(0);
  }
  
  /* 改进导航栏链接的可点击区域 */
  .navbar .dropdown-wrapper .dropdown-title,
  .navbar .navbar-links .navbar-item > a.router-link-active {
    pointer-events: auto !important;
    cursor: pointer !important;
  }
}

/* 确保顶级导航项可点击 */
.navbar-dropdown .dropdown-item > a {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* 修复导航栏下拉菜单箭头的点击事件 */
.navbar .dropdown-wrapper .dropdown-title .arrow {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* 改进导航栏在不同视口大小下的响应式布局 */
@media (min-width: 720px) {
  .navbar .dropdown-wrapper:hover .nav-dropdown,
  .navbar .dropdown-wrapper.open .nav-dropdown {
    display: block !important;
  }
}