/* ===== DLFars V4 - Premium Bottom Bar ===== */

.SubtitleEditor{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
    justify-content:center;
    margin:20px 0;
    padding:18px;
    border-radius:22px;
    background:linear-gradient(180deg,rgba(18,18,18,.96),rgba(8,8,8,.98));
    border:1px solid rgba(212,175,55,.18);
    backdrop-filter:blur(22px);
    box-shadow:
        0 12px 40px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.05);
    transition:.35s ease;
    z-index:20;
}

/* وقتی اسکرول شد */

.SubtitleEditor.v4-floating{
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    bottom:20px;
    width:min(920px,94vw);
    border-radius:24px;
    box-shadow:
        0 18px 60px rgba(0,0,0,.55),
        0 0 35px rgba(212,175,55,.18);
    animation:v4Float .28s ease;
}

@keyframes v4Float{
    from{
        opacity:0;
        transform:translate(-50%,30px);
    }
    to{
        opacity:1;
        transform:translate(-50%,0);
    }
}

/* کارت نمایش خودکار */

.SubtitleEditor>div:first-child{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-width:170px;
    height:56px;
    padding:0 18px;
    border-radius:18px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(212,175,55,.14);
    color:#fff;
    font-weight:700;
}

/* دکمه‌ها */

.SubtitleEditor .modsub{
    position:relative;
    width:56px!important;
    height:56px!important;
    border:none!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#242424,#0d0d0d)!important;
    border:1px solid rgba(212,175,55,.16)!important;
    color:#fff!important;
    cursor:pointer;
    transition:.25s ease;
    overflow:hidden;
    backdrop-filter:blur(18px);
}

/* آیکون */

.SubtitleEditor .modsub span{
    font-size:22px;
    color:#f3c84b;
}

/* Hover */

.SubtitleEditor .modsub:hover{
    transform:translateY(-2px);
    border-color:#d4af37!important;
    box-shadow:
        0 8px 22px rgba(212,175,55,.28),
        0 0 18px rgba(212,175,55,.18);
}

/* Ripple */

.SubtitleEditor .modsub::after{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle,rgba(212,175,55,.22),transparent 70%);
    opacity:0;
    transition:.3s;
}

.SubtitleEditor .modsub:hover::after{
    opacity:1;
}

/* Tooltip */

.SubtitleEditor .modsub::before{
    content:attr(data-title);
    position:absolute;
    bottom:68px;
    left:50%;
    transform:translateX(-50%);
    background:#111;
    border:1px solid rgba(212,175,55,.35);
    color:#fff;
    font-size:12px;
    white-space:nowrap;
    padding:7px 10px;
    border-radius:10px;
    opacity:0;
    pointer-events:none;
    transition:.2s;
}

.SubtitleEditor .modsub:hover::before{
    opacity:1;
}

/* سوییچ طلایی */

.switch .sliderBTN{
    background:#3a3a3a!important;
}

.switch input:checked+.sliderBTN{
    background:#d4af37!important;
}

.switch input:checked+.sliderBTN:before{
    background:#111!important;
}

/* موبایل */

@media(max-width:768px){

.SubtitleEditor{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    padding:14px;
}

.SubtitleEditor>div:first-child{
    grid-column:1/-1;
    width:100%;
}

.SubtitleEditor .modsub{
    width:100%!important;
    height:52px!important;
}

.SubtitleEditor.v4-floating{
    width:96vw;
    bottom:12px;
}

}
.v4-ripple{position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(212,175,55,.28);pointer-events:none;transform:scale(0);animation:v4Ripple .48s ease-out;z-index:5}
@keyframes v4Ripple{to{transform:scale(2);opacity:0}}
.plyr{position:relative}
.v4-end-card{position:absolute;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.58),rgba(0,0,0,.82));backdrop-filter:blur(8px);animation:v4EndIn .28s ease}
.v4-end-card__inner{width:min(620px,92%);padding:28px;border:1px solid rgba(212,175,55,.38);border-radius:24px;background:rgba(10,10,10,.88);box-shadow:0 0 45px rgba(212,175,55,.16);text-align:center;color:#fff}
.v4-end-card__eyebrow{font-size:13px;color:#d4af37;font-weight:800;margin-bottom:8px}.v4-end-card__title{font-size:24px;font-weight:900}.v4-end-card__count{font-size:54px;font-weight:900;color:#d4af37;line-height:1.2;margin:8px}.v4-end-card__actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.v4-end-card button{border:0;border-radius:12px;padding:12px 22px;cursor:pointer;font-weight:800}.v4-end-play{background:#d4af37;color:#111}.v4-end-cancel{background:#252525;color:#fff;border:1px solid rgba(255,255,255,.12)!important}.v4-related-title{margin-top:22px;color:#d4af37;font-weight:800}.v4-related{display:flex;gap:8px;overflow:auto;margin-top:10px}.v4-related a{color:#fff;text-decoration:none;white-space:nowrap;background:#222;padding:8px 12px;border-radius:9px}.v4-seek-preview{position:absolute;top:50%;transform:translateY(-50%);background:rgba(8,8,8,.9);border:1px solid rgba(212,175,55,.45);color:#fff;padding:9px 12px;border-radius:12px;opacity:0;pointer-events:none;transition:.15s;z-index:10000}.v4-seek-preview.is-visible{opacity:1}
@keyframes v4EndIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
.v4-related{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:auto!important;padding:4px 2px 8px}
.v4-related-card{display:flex!important;flex-direction:column;gap:7px;min-width:125px!important;padding:0!important;background:#171717!important;border:1px solid rgba(212,175,55,.18);border-radius:12px!important;overflow:hidden;color:#fff!important;text-decoration:none!important;transition:.22s ease}
.v4-related-card:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.65);box-shadow:0 8px 24px rgba(212,175,55,.16)}
.v4-related-card img{width:100%;height:105px;object-fit:cover;display:block;background:#0b0b0b}.v4-related-card span{display:block;padding:0 9px 10px;font-size:12px;font-weight:700;line-height:1.5;text-align:right}
@media(max-width:700px){.v4-related{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-related-card{min-width:0!important}.v4-related-card img{height:95px}}

@keyframes v4Ripple{to{transform:scale(1.8);opacity:0}}
.dlfars-v4-endcard{position:absolute;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.dlfars-v4-endcard.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.dlfars-v4-endcard__inner{width:min(1100px,96%);max-height:94%;overflow:auto;border:1px solid rgba(212,175,55,.45);border-radius:24px;background:linear-gradient(145deg,rgba(16,16,16,.96),rgba(5,5,5,.94));box-shadow:0 0 50px rgba(212,175,55,.18),inset 0 1px rgba(255,255,255,.06);padding:22px;color:#fff}
.dlfars-v4-endcard__title{font-size:22px;font-weight:800;text-align:center}
.dlfars-v4-endcard__sub{text-align:center;color:#d4af37;margin:5px 0 18px;font-size:15px}
.dlfars-v4-endcard__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dlfars-v4-movie{display:flex;flex-direction:column;gap:7px;color:#fff;text-decoration:none;min-width:0}
.dlfars-v4-movie img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px;border:1px solid rgba(212,175,55,.18);transition:transform .2s ease,box-shadow .2s ease}
.dlfars-v4-movie:hover img{transform:translateY(-4px);box-shadow:0 10px 28px rgba(212,175,55,.2)}
.dlfars-v4-movie span{font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlfars-v4-endcard__actions{display:flex;justify-content:center;gap:10px;margin-top:18px}
.dlfars-v4-endcard__actions button{border:1px solid rgba(212,175,55,.55);background:rgba(212,175,55,.12);color:#fff;border-radius:12px;padding:10px 18px;cursor:pointer;font-weight:700}
.dlfars-v4-endcard__actions button:hover{background:rgba(212,175,55,.25)}
.dlfars-v4-countdown{text-align:center;margin-top:12px;color:#d4af37;font-size:13px}
.dlfars-v4-empty{text-align:center;padding:30px;color:#bbb}
@media(max-width:800px){.dlfars-v4-endcard__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dlfars-v4-endcard{padding:10px}.dlfars-v4-endcard__inner{padding:14px;border-radius:18px}.dlfars-v4-endcard__title{font-size:18px}}