/* 资源社 - 在线影视菜单合并 */

/* 不强行覆盖子比主题原本的菜单样式，只做兼容兜底。 */
.zysfx-media-menu-parent{
    position:relative;
}

/* v1.0.1：使用子比主题原生下拉箭头，避免出现两个箭头。 */

/* 桌面端：主题如果没有正常处理 hover，这里保证能展开。 */
@media (min-width: 993px){
    .zysfx-media-menu-parent:hover > .sub-menu{
        display:block;
        visibility:visible;
        opacity:1;
    }
}

/* 手机端仅在 JS 打开时显示，不破坏主题已有移动菜单逻辑。 */
@media (max-width: 992px){
    .zysfx-media-menu-parent.zysfx-menu-open > .sub-menu{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        height:auto !important;
        max-height:none !important;
    }
}


/* v1.0.3：直接使用子比主题原生 <badge class="jb-red badge-bw">99+</badge> */
.zysfx-media-menu-parent > a{
    position:relative !important;
}
.zysfx-media-menu-parent > a > badge.jb-red.badge-bw{
    pointer-events:none !important;
}


/* v1.0.4：隐藏“在线影视”下拉子菜单中的数量角标，只保留父菜单 99+ */
.zysfx-media-menu-parent > .sub-menu badge,
.zysfx-media-menu-parent > .sub-menu .badge-bw,
.zysfx-media-menu-parent > .sub-menu .jb-red,
.zysfx-media-menu-parent > ul badge,
.zysfx-media-menu-parent > ul .badge-bw,
.zysfx-media-menu-parent > ul .jb-red{
    display:none !important;
}


/* v1.0.6：在线影视颜色跟随同级一级导航 */
.zysfx-media-menu-parent > a{
    color:var(--zysfx-media-menu-color, inherit) !important;
}
.zysfx-media-menu-parent > a > i,
.zysfx-media-menu-parent > a > svg,
.zysfx-media-menu-parent > a .fa,
.zysfx-media-menu-parent > a .icon{
    color:currentColor !important;
}


/* v1.0.7：桌面端下拉框以“在线影视”一级菜单本身为中心对齐 */
@media (min-width: 993px){
    .zysfx-media-menu-parent > .sub-menu,
    .zysfx-media-menu-parent > ul.sub-menu{
        left:50% !important;
        right:auto !important;
        transform:translateX(-50%) !important;
        margin-left:0 !important;
        margin-right:0 !important;
        min-width:124px;
    }

    .zysfx-media-menu-parent > .sub-menu > li,
    .zysfx-media-menu-parent > ul.sub-menu > li{
        width:100%;
    }

    .zysfx-media-menu-parent > .sub-menu > li > a,
    .zysfx-media-menu-parent > ul.sub-menu > li > a{
        display:flex !important;
        align-items:center;
        justify-content:center;
        width:100%;
        box-sizing:border-box;
        text-align:center !important;
        white-space:nowrap;
    }
}


/* v1.0.8：下拉菜单文字改为左对齐，样式接近站内其它下拉菜单 */
@media (min-width: 993px){
    .zysfx-media-menu-parent > .sub-menu > li > a,
    .zysfx-media-menu-parent > ul.sub-menu > li > a{
        justify-content:flex-start !important;
        text-align:left !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }
}


/* v1.0.9：强制与站内其它下拉菜单一样左对齐
   不依赖主题是否保留 .sub-menu 类，直接锁定在线影视下第一层 UL。 */
@media (min-width: 993px){
    .zysfx-media-menu-parent > ul > li > a{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;
        text-align:left !important;
        justify-content:flex-start !important;
        padding-left:20px !important;
        padding-right:16px !important;
        white-space:nowrap !important;
    }

    .zysfx-media-menu-parent > ul > li > a > span,
    .zysfx-media-menu-parent > ul > li > a > div,
    .zysfx-media-menu-parent > ul > li > a .menu-title,
    .zysfx-media-menu-parent > ul > li > a .nav-title,
    .zysfx-media-menu-parent > ul > li > a .title{
        display:block !important;
        width:auto !important;
        margin-left:0 !important;
        margin-right:0 !important;
        text-align:left !important;
        justify-content:flex-start !important;
    }
}


/* v1.0.10：滚动/吸顶导航颜色修复
   一级“在线影视”本身及其常见内部文字/图标都继承 JS 同步后的最终颜色。 */
.zysfx-media-menu-parent > a,
.zysfx-media-menu-parent > a > span,
.zysfx-media-menu-parent > a .menu-title,
.zysfx-media-menu-parent > a .nav-title,
.zysfx-media-menu-parent > a .title{
    color:var(--zysfx-media-menu-color, inherit) !important;
}
.zysfx-media-menu-parent > a::before,
.zysfx-media-menu-parent > a::after{
    color:currentColor !important;
}


/* v1.0.11：资源社当前顶部导航固定使用深色文字。
   不再跟随透明头部脚本变化，避免“在线影视”滚动/刷新后变成白色。 */
.zysfx-media-menu-parent > a,
.zysfx-media-menu-parent > a:link,
.zysfx-media-menu-parent > a:visited,
.zysfx-media-menu-parent > a:hover,
.zysfx-media-menu-parent > a:focus,
.zysfx-media-menu-parent > a:active,
.zysfx-media-menu-parent > a > span,
.zysfx-media-menu-parent > a .menu-title,
.zysfx-media-menu-parent > a .nav-title,
.zysfx-media-menu-parent > a .title{
    color:#333 !important;
}
.zysfx-media-menu-parent > a > i,
.zysfx-media-menu-parent > a > svg,
.zysfx-media-menu-parent > a .fa,
.zysfx-media-menu-parent > a .icon,
.zysfx-media-menu-parent > a::before,
.zysfx-media-menu-parent > a::after{
    color:#333 !important;
    fill:currentColor !important;
}