/* ==============================================
   头部自定义布局样式 - Logo左侧，右侧分两层
   ============================================== */

/* Logo左侧两行布局 - 新版 */
.logo-left__2l .f-header__wrapper-new {
    display: flex;
    align-items: stretch;
    gap: 40px;
}

/* 左侧 Logo 区域 */
.logo-left__2l .f-header__left-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: auto;
}

/* 右侧内容区域 */
.logo-left__2l .f-header__right-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

/* ========== 上层：信息栏 ========== */
.logo-left__2l .f-header__top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* 信息项容器 */
.logo-left__2l .f-header__info-items {
    display: flex;
    align-items: center;
    gap: 30px;
    flex: 1;
}

/* 单个信息项 */
.logo-left__2l .f-header__info-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.logo-left__2l .f-header__info-link {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: rgb(var(--color-foreground));
    text-decoration: none;
    transition: color 0.3s ease;
}

.logo-left__2l .f-header__info-link:hover {
    color: rgb(var(--color-link-hover, var(--color-foreground)));
}

/* 图标样式 */
.logo-left__2l .f-header__info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
}

.logo-left__2l .f-header__info-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

/* 文字样式 */
.logo-left__2l .f-header__info-text {
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
}

/* 工具栏（语言、搜索、购物车等） */
.logo-left__2l .f-header__utilities {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* ========== 下层：菜单栏 ========== */
.logo-left__2l .f-header__main.f-menu-bar {
    padding: 0;
}

/* 菜单容器 */
.logo-left__2l .f-menu-container {
    width: 100%;
}

/* 菜单项样式 */
.logo-left__2l .f-menu {
    justify-content: flex-start;
    gap: 5px;
}

.logo-left__2l .f-menu__link--main {
    font-size: 14px;
    font-weight: 500;
    padding: 15px 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ========== 响应式适配 ========== */
@media (max-width: 1024px) {
    .logo-left__2l .f-header__wrapper-new {
        gap: 20px;
    }
    
    .logo-left__2l .f-header__info-items {
        gap: 15px;
    }
    
    .logo-left__2l .f-header__info-text {
        font-size: 11px;
    }
    
    .logo-left__2l .f-menu__link--main {
        font-size: 13px;
        padding: 12px 12px;
    }
}

@media (max-width: 768px) {
    /* 移动端隐藏桌面布局 */
    .logo-left__2l .f-header__desktop {
        display: none;
    }
}

/* ========== 吸顶状态优化 ========== */
.f-header.is-sticky .logo-left__2l .f-header__wrapper-new {
    gap: 30px;
}

.f-header.is-sticky .logo-left__2l .f-header__right-content {
    gap: 10px;
}

.f-header.is-sticky .logo-left__2l .f-menu__link--main {
    padding: 12px 12px;
}

/* ========== 透明头部支持 ========== */
.f-header.transparent-on-top .logo-left__2l .f-header__info-item,
.f-header.transparent-on-top .logo-left__2l .f-header__info-link {
    color: var(--header-transparent-text-color, #ffffff);
}

/* ========== 额外优化 ========== */

/* 工具栏图标统一大小 */
.logo-left__2l .f-header__utilities > * {
    display: flex;
    align-items: center;
}

/* 菜单悬停效果优化 */
.logo-left__2l .f-menu__link--main:hover {
    color: rgb(var(--color-link-hover, var(--color-foreground)));
}

/* 确保容器对齐 */
.logo-left__2l .f-header__container {
    width: 100%;
}

/* Logo 高度自适应 */
.logo-left__2l .f-logo {
    display: flex;
    align-items: center;
}