/**
 * 德语导航菜单间隔优化
 * 针对德语单词较长的特点，减少菜单项之间的间距
 * 
 * 更新记录：
 * - 修复"Startseite"菜单项左侧点击区域问题
 * - 进一步减小德语菜单字体大小以节省空间
 * - 防止菜单文字与图标重叠
 */

/* 桌面端德语导航菜单间隔优化 */
@media (min-width: 992px) {
    /* 大幅减少主菜单项之间的左边距 */
    body.lang-de .main-navigation .nav-menu > li {
        margin-left: 0.4rem !important; /* 从0.8rem进一步减少到0.4rem */
    }
    
    /* 移除菜单项之间的右边距 */
    body.lang-de #primary-menu .menu-item:not(:last-child) {
        margin-right: 0px !important; /* 从2px减少到0px，完全移除间隔 */
    }
    
    /* 进一步优化菜单项内边距 */
    body.lang-de .main-navigation .nav-menu > li > a {
        padding: 0.5rem 0.2rem !important; /* 从0.3rem减少到0.2rem */
        font-size: 0.75rem !important; /* 进一步减小字体，从0.8rem减少到0.75rem */
    }
    
    /* 修复第一个菜单项"Startseite"的点击区域 */
    body.lang-de .main-navigation .nav-menu > li:first-child > a {
        padding-left: 0.8rem !important; /* 增加左侧内边距以扩大点击区域 */
        padding-right: 0.4rem !important; /* 适当增加右侧内边距 */
    }
    
    /* 调整下拉菜单的样式以保持一致性 */
    body.lang-de .dropdown-menu {
        font-size: 0.9rem !important;
    }
    
    /* 确保在较小的桌面屏幕上更加紧凑 */
    @media (min-width: 992px) and (max-width: 1199px) {
        body.lang-de .main-navigation .nav-menu > li {
            margin-left: 0.2rem !important; /* 进一步减少到0.2rem */
        }
        
        body.lang-de .main-navigation .nav-menu > li > a {
            font-size: 0.7rem !important; /* 进一步减小字体到0.7rem */
            padding: 0.5rem 0.15rem !important; /* 进一步减少内边距 */
        }
        
        /* 小屏幕下第一个菜单项的特别处理 */
        body.lang-de .main-navigation .nav-menu > li:first-child > a {
            padding-left: 0.6rem !important;
            padding-right: 0.3rem !important;
        }
    }
    
    /* 针对中等桌面屏幕（1200px-1399px）的额外优化 */
    @media (min-width: 1200px) and (max-width: 1399px) {
        body.lang-de .main-navigation .nav-menu > li {
            margin-left: 0.3rem !important;
        }
        
        body.lang-de .main-navigation .nav-menu > li > a {
            font-size: 0.73rem !important; /* 继续减小字体 */
            padding: 0.5rem 0.18rem !important;
        }
        
        /* 中等屏幕下第一个菜单项的特别处理 */
        body.lang-de .main-navigation .nav-menu > li:first-child > a {
            padding-left: 0.7rem !important;
            padding-right: 0.35rem !important;
        }
    }
}

/* 特大屏幕上保持适中的间距 */
@media (min-width: 1400px) {
    body.lang-de .main-navigation .nav-menu > li {
        margin-left: 0.6rem !important; /* 从1rem减少到0.6rem，仍比默认值小 */
    }
    
    body.lang-de .main-navigation .nav-menu > li > a {
        padding: 0.5rem 0.25rem !important; /* 从0.4rem减少到0.25rem */
        font-size: 0.8rem !important; /* 进一步减小字体，从0.85rem减少到0.8rem */
    }
    
    /* 特大屏幕下第一个菜单项的特别处理 */
    body.lang-de .main-navigation .nav-menu > li:first-child > a {
        padding-left: 0.9rem !important; /* 最大屏幕下给予最宽松的点击区域 */
        padding-right: 0.5rem !important;
    }
}

/* 保持移动端不变，因为移动端使用的是垂直菜单 */
@media (max-width: 991px) {
    /* 移动端保持原有样式，不做修改 */
}