/* ==========================================================
   Amin Preview
   ========================================================== */

.amin-preview-modal{
    display:none;
    position:fixed;
    inset:0;
    z-index:999999;
    direction:rtl;
}

.amin-preview-modal.is-open{
    display:block;
}

.amin-preview-overlay{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.55);
    backdrop-filter:blur(5px);
}

.amin-preview-box{
    position:relative;
    width:min(94vw,760px);
    max-height:88vh;
    overflow-y:auto;
    margin:5vh auto;
    padding:18px;
    background:#fff;
    border-radius:22px;
    box-shadow:0 24px 80px rgba(0,0,0,.25);
}

.amin-preview-close{
    position:absolute;
    top:12px;
    left:12px;
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:#eef2f7;
    font-size:28px;
    cursor:pointer;
    z-index:20;
}

#amin-preview-title{
    margin:0 50px 18px 0;
    font-size:22px;
    font-weight:700;
}

/* ==========================================================
   VIDEO
   ========================================================== */

.amin-preview-video{
    width:100%;
    max-height:62vh;
    background:#000;
    border-radius:18px;
    overflow:hidden;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* هیچ Position Absolute نداریم */

.amin-preview-video video,
.amin-preview-video iframe,
.amin-preview-video .wp-video,
.amin-preview-video .wp-video-shortcode,
.amin-preview-video .mejs-container{
    width:100% !important;
    height:auto !important;
    max-height:62vh !important;
    object-fit:contain !important;
    background:#000 !important;
}

.amin-preview-video .mejs-inner,
.amin-preview-video .mejs-mediaelement,
.amin-preview-video .mejs-layers{
    width:100% !important;
    height:auto !important;
}

.amin-preview-video .mejs-mediaelement video{
    width:100% !important;
    height:auto !important;
    max-height:62vh !important;
    object-fit:contain !important;
}

/* Plyr */

.amin-preview-video .plyr{
    width:100%;
}

.amin-preview-video .plyr video{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
}

/* VideoJS */

.amin-preview-video .video-js{
    width:100% !important;
    height:auto !important;
}

/* ==========================================================
   CONTENT
   ========================================================== */

.amin-preview-content{
    max-height:32vh;
    overflow-y:auto;
    line-height:2;
    font-size:15px;
    color:#334155;
}

.amin-preview-no-video{
    padding:40px;
    color:#fff;
    text-align:center;
}

/* ==========================================================
   Mobile
   ========================================================== */

@media(max-width:768px){

    .amin-preview-box{
        width:94vw;
        max-height:90vh;
        margin:3vh auto;
        padding:14px;
    }

    #amin-preview-title{
        font-size:19px;
    }

    .amin-preview-content{
        max-height:28vh;
    }

}