/**
 * 星厨酱料网站公共CSS样式
 * 包含下拉菜单、导航等公共样式
 */

/* 下拉菜单样式优化 */
/* 导航菜单定位 */
.main-menu {
  position: relative !important;
  z-index: 9 !important;
}

.dropdown-menu {
  border: none !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
  border-radius: 8px !important;
  padding: 0.5rem 0 !important;
  margin-top: 0.5rem !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(10px);
  z-index: 9999 !important;
  position: absolute !important;
}

.dropdown-item {
  padding: 0.75rem 1.5rem !important;
  color: var(--text-muted) !important;
  font-weight: 500 !important;
  transition: all 0.3s ease !important;
  border: none !important;
  background: transparent !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background: var(--secondary-color) !important;
  color: var(--primary-color) !important;
  transform: translateX(5px);
}

.dropdown-arrow {
  font-size: 10px;
  color: var(--text-muted);
}

/* 桌面端hover显示 */
@media (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block !important;
  }
  
  .dropdown-menu {
    display: none;
  }
  
  /* 确保下拉菜单正确显示 */
  .dropdown-menu.show {
    display: block !important;
  }
}

/* 移动端优化 */
@media (max-width: 991px) {
  .dropdown-menu {
    position: static !important;
    float: none !important;
    width: 100% !important;
    margin-top: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
  }
  
  .dropdown-item {
    padding: 0.5rem 2rem !important;
    color: var(--text-muted) !important;
    border: none !important;
    background: transparent !important;
  }
  
  .dropdown-item:hover,
  .dropdown-item:focus {
    background: transparent !important;
    color: var(--primary-color) !important;
    transform: none;
  }
  .logo-scale {
    height: 40px !important;
  }
  
  main.container {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/* 通用样式 */
.bg-orange {
  background: var(--primary-color);
}