/**
 * 导航栏和谐样式修复
 * 确保桌面端导航栏样式更加和谐，移除背景色，优化按钮样式
 */

/* 桌面端导航栏样式覆盖 */
@media (min-width: 769px) {
  /* 导航栏基础样式 - 移除背景色和阴影 */
  .navbar {
    background-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  
  /* 滚动时也保持透明背景 */
  .navbar.scrolled {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  
  /* 统一按钮样式 */
  .nav-button, .cart-button, .login-btn {
    border-radius: 20px !important;
    border: 1px solid transparent !important;
    transition: all 0.25s ease !important;
  }
  
  .nav-button:hover, .cart-button:hover, .login-btn:hover {
    border-color: rgba(255, 117, 140, 0.3) !important;
    transform: translateY(-2px) !important;
    background-color: transparent !important;
  }
  
  /* 移除按钮下划线效果 */
  .nav-button::after {
    display: none !important;
  }
  
  /* 搜索框样式优化 */
  .search-input-wrapper {
    background-color: transparent !important;
    border: 1px solid rgba(255, 117, 140, 0.3) !important;
  }
  
  .search-input {
    background-color: transparent !important;
  }
  
  .search-button {
    color: var(--pink-color) !important;
  }
  
  /* 登录按钮样式优化 */
  .login-btn {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  
  .login-btn:hover {
    background-color: rgba(255, 117, 140, 0.1) !important;
  }
  
  /* 导航栏布局优化 */
  .navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  
  /* Logo样式优化 */
  .logo .logo-button {
    color: var(--pink-color) !important;
  }
}