/* =====================================================
   ZenoFusion — More Menu FINAL (Cinematic Build)
   ===================================================== */

.zf-more-wrap{
    margin-left:auto;
    position:relative;
    display:flex;
    align-items:center;
}

/* TRIGGER */

.zf-more-btn{
    display:flex;
    align-items:center;
    justify-content:center;

    padding:6px 8px;
    border-radius:10px;
    cursor:pointer;

    transition:.2s;
}

.zf-more-btn:hover{
    background:rgba(255,255,255,.06);
}

html:not(.zf-dark) .zf-more-btn:hover{
    background:rgba(0,0,0,.06);
}

.zf-more-dots{
    font-size:22px;
    letter-spacing:2px;
    opacity:.7;
}


/* =====================================================
   MENU PANEL
   ===================================================== */

.zf-more-menu{
    position:absolute;
    top:calc(100% + 10px);
    right:0;

    min-width:240px;
    padding:8px;

    border-radius:16px;

    display:none;
    opacity:0;
    transform:translateY(8px);

    transition:.18s ease;

    z-index:5000;
}

/* OPEN */

.zf-more-menu.is-open{
    display:block;
    opacity:1;
    transform:translateY(0);
}


/* ================= DARK ================= */

html.zf-dark .zf-more-menu{

    background:rgba(17,21,26,.96);

    border:1px solid rgba(255,255,255,.05);

    box-shadow:
        0 25px 70px rgba(0,0,0,.65),
        inset 0 1px 0 rgba(255,255,255,.03);

    backdrop-filter: blur(14px);
}


/* ================= LIGHT ================= */

html:not(.zf-dark) .zf-more-menu{

    background:#ffffff;

    border:1px solid rgba(0,0,0,.06);

    box-shadow:0 20px 45px rgba(0,0,0,.18);
}



/* =====================================================
   MENU ITEM
   ===================================================== */

.zf-more-item{

    display:flex;
    align-items:center;
    gap:12px;

    padding:12px 16px;
    border-radius:12px;

    cursor:pointer;
    user-select:none;

    transition:.16s;
}

/* ICON */

.zf-more-item i{
    width:20px;
    text-align:center;
    opacity:.85;
}

/* TEXT */

.zf-more-item span{
    flex:1;
}

/* DARK */

html.zf-dark .zf-more-item{
    color:#E6EDF3;
}

html.zf-dark .zf-more-item:hover{
    background:rgba(255,255,255,.05);
}

/* LIGHT */

html:not(.zf-dark) .zf-more-item{
    color:#1B2430;
}

html:not(.zf-dark) .zf-more-item:hover{
    background:rgba(0,0,0,.05);
}


/* =====================================================
   ACTIVE READER (Premium subtle green)
   ===================================================== */

html.zf-reader .zf-reader-toggle{

    background:rgba(46,125,50,.18);

    border:1px solid rgba(46,125,50,.35);

    box-shadow:0 0 0 1px rgba(255,255,255,.02) inset;
}


/* =====================================================
   SEPARATOR
   ===================================================== */

.zf-more-sep{
    height:1px;
    margin:6px 4px;
}

html.zf-dark .zf-more-sep{
    background:rgba(255,255,255,.06);
}

html:not(.zf-dark) .zf-more-sep{
    background:rgba(0,0,0,.08);
}


/* LINK FIX */

a.zf-more-item{
    text-decoration:none;
    color:inherit;
}