/**
 * 火桥主题 - Mega Menu 深色模式样式
 *
 * @package huoqiao
 * @description Mega Menu 在夜间模式下的样式适配
 */

[data-theme="dark"] {

    /* 容器 */
    .hq-mega-menu-inner {
        background: #1a1d2e;
        border-color: rgba(255, 255, 255, 0.08);
        box-shadow:
            0 4px 6px rgba(0, 0, 0, 0.2),
            0 12px 24px rgba(0, 0, 0, 0.4);
    }

    /* 网格区分隔线 */
    .hq-mega-menu-grid {
        border-right-color: rgba(255, 255, 255, 0.08);
    }

    /* 菜单项 */
    .hq-mega-menu-item:hover {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .hq-mega-menu-icon {
        background: linear-gradient(135deg, #252840 0%, #2a2d42 100%);
        border-color: rgba(136, 148, 199, 0.2);
        box-shadow: 0 0 0 2px rgba(136, 148, 199, 0.08);
    }

    .hq-mega-menu-item:hover .hq-mega-menu-icon {
        background: linear-gradient(135deg, #2a2d42 0%, #323550 100%);
        border-color: rgba(136, 148, 199, 0.4);
        box-shadow: 0 0 0 3px rgba(136, 148, 199, 0.15);
    }

    .hq-mega-menu-icon i {
        color: #8894c7;
    }

    .hq-mega-menu-item:hover .hq-mega-menu-icon i {
        color: #a0abdf;
    }

    .hq-mega-menu-title {
        color: #e9ecef;
    }

    .hq-mega-menu-item:hover .hq-mega-menu-title {
        color: #8894c7;
    }

    .hq-mega-menu-desc {
        color: #8a8fa0;
    }

    /* 当前页标记 */
    .hq-mega-menu-item.is-current {
        background-color: rgba(136, 148, 199, 0.1);
        border-left-color: #8894c7;
    }

    .hq-mega-menu-item.is-current .hq-mega-menu-title {
        color: #8894c7;
    }

    .hq-mega-menu-item.is-current .hq-mega-menu-icon {
        border-color: rgba(136, 148, 199, 0.5);
        box-shadow: 0 0 0 3px rgba(136, 148, 199, 0.2);
    }

    /* 查看全部入口 */
    .hq-mega-menu-view-all {
        border-color: rgba(136, 148, 199, 0.3) !important;
        background: rgba(136, 148, 199, 0.05);
    }

    .hq-mega-menu-view-all:hover {
        background: rgba(136, 148, 199, 0.1) !important;
        border-color: rgba(136, 148, 199, 0.5) !important;
    }

    .hq-mega-menu-view-all .hq-mega-menu-icon {
        background: linear-gradient(135deg, rgba(136, 148, 199, 0.15) 0%, rgba(136, 148, 199, 0.25) 100%) !important;
        border-color: rgba(136, 148, 199, 0.3);
    }

    .hq-mega-menu-view-all:hover .hq-mega-menu-icon {
        background: linear-gradient(135deg, rgba(136, 148, 199, 0.25) 0%, rgba(136, 148, 199, 0.35) 100%) !important;
    }

    .hq-mega-menu-view-all .hq-mega-menu-icon i {
        color: #8894c7 !important;
    }

    .hq-mega-menu-view-all .hq-mega-menu-title {
        color: #8894c7 !important;
    }

    .hq-mega-menu-view-all:hover .hq-mega-menu-title {
        color: #a0abdf !important;
    }

    /* 推广卡片 */
    .hq-mega-promo-main {
        background: linear-gradient(135deg, #252840 0%, #2a2d42 100%);
        box-shadow: none;
    }

    .hq-mega-promo-main:hover {
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    }

    .hq-mega-promo-main::before {
        background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.6) 100%);
    }

    .hq-mega-promo-badge {
        color: #ffffff;
        background: linear-gradient(135deg, #a3e635 0%, #84cc16 100%);
        box-shadow: 0 2px 8px rgba(163, 230, 53, 0.3);
    }

    .hq-mega-promo-title-main {
        color: #ffffff;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    }

    .hq-mega-promo-desc-main {
        color: rgba(255, 255, 255, 0.55);
    }

    .hq-mega-promo-btn {
        background: #a3e635;
        color: #1a1a2e;
    }

    .hq-mega-promo-btn:hover {
        background: #bef264;
    }

    /* 次级入口 */
    .hq-mega-promo-sub {
        background: #252840;
    }

    .hq-mega-promo-sub:hover {
        background: #2a2d42;
    }

    .hq-mega-promo-icon {
        background: linear-gradient(135deg, #5b6eae 0%, #7688db 100%);
    }

    .hq-mega-promo-title-sub {
        color: #e9ecef;
    }

    .hq-mega-promo-desc-sub {
        color: #8a8fa0;
    }

    .hq-mega-promo-arrow {
        color: #6c7180;
    }

    .hq-mega-promo-sub:hover .hq-mega-promo-arrow {
        color: #8894c7;
    }

    /* 无障碍 */
    .hq-mega-menu-item:focus {
        background-color: rgba(255, 255, 255, 0.05);
        outline-color: #8894c7;
    }

    .hq-mega-promo-main:focus,
    .hq-mega-promo-sub:focus {
        outline-color: #8894c7;
    }

    /* 手机端隐藏描述和推广模块 */
    @media (max-width: 767.98px) {
        .hq-mega-menu-desc {
            display: none;
        }

        .hq-mega-menu-promo {
            display: none;
        }

        /* 深色模式移动端底部滑出 */
        .hq-mega-menu-inner {
            background: #1a1d2e;
        }

        /* 触摸反馈 */
        .hq-mega-menu-item:active {
            background-color: rgba(136, 148, 199, 0.15);
        }
    }

    /* 深色模式平板优化 */
    @media (min-width: 768px) and (max-width: 991.98px) {
        .hq-mega-menu-promo {
            display: none;
        }
    }
}