/* football/static/css/navbar.css */

/* 基础样式 */
.nav-link {
    transition: all 0.3s ease;
    color: #495057 !important;
    font-weight: 500;
    padding: 8px 16px !important;
    background: transparent !important;
    border-radius: 6px;
    margin: 0 4px;
}

/* 鼠标悬停效果 */
.nav-link:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);
}

/* 当前页面激活状态 */
.nav-link.active {
    color: #0d6efd !important;
    background-color: rgba(13, 110, 253, 0.1) !important;
}

/* 关键规则：下拉菜单展开时，主栏目恢复原色（除非是当前页面） */
.nav-item.dropdown.show > .nav-link:not(.active) {
    color: #495057 !important;
    background: transparent !important;
    transform: none !important;
    box-shadow: none !important;
}

/* 例外：下拉菜单展开时，如果鼠标还在主栏目上，保持蓝色 */
.nav-item.dropdown.show > .nav-link:not(.active):hover {
    color: #fff !important;
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);
}

/* 下拉菜单样式 */
.dropdown-menu {
    border: none;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 8px;
    margin-top: 8px !important;
    min-width: 180px;
}

/* 下拉菜单项 */
.dropdown-item {
    transition: all 0.25s ease;
    border-radius: 6px;
    padding: 10px 16px !important;
    color: #495057 !important;
    font-weight: 500;
    margin: 2px 0;
}

/* 下拉菜单项悬停效果 */
.dropdown-item:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%) !important;
    transform: translateX(5px);
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.2);
}

/* Logo样式 */
.navbar-brand {
    font-weight: 700;
    color: #0d6efd !important;
}

/* 头部Logo区域 */
.navbar-brand {
    text-decoration: none;
    transition: all 0.3s ease;
}

.navbar-brand:hover {
    opacity: 0.8;
    transform: scale(1.02);
}

/* 导航栏靠右布局 */
.navbar-nav {
    gap: 5px; /* 菜单项之间的间距 */
}