/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ AdvancedVideo.
 * منبع: difl/advanced-video (ریشه .difl_advanced_video، 24 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme-sticky-video-slot{position:relative;width:100%}

.dfme-advanced-video.dfme-sticky-video.is-dfme-sticky-active{position:fixed !important;margin:0 !important;z-index:99999999 !important;transition:width .25s ease,box-shadow .2s ease}

.dfme-video-title{font-size:18px;line-height:1.7}

.dfme-video-lightbox-trigger-button{cursor:pointer}

.dfme-video-lightbox-trigger-button .et-pb-icon{z-index:1}

.dfme-video-iframe-with-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;border:none;aspect-ratio:16/9}

.dfme-video-iframe-without-thumbnail{width:100%;height:max-content !important;border:none;aspect-ratio:16/9}

.dfme-video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

.dfme-video-container{width:100%;max-width:1080px;margin:0 auto;display:flex;flex-direction:column-reverse}

.dfme-video-selfhosted{width:100%;height:100%;object-fit:cover}

.dfme-video-wrapper-with-thumbnail{position:relative;width:100%;aspect-ratio:16/9}

.dfme-video-wrapper-without-thumbnail{position:relative;width:100%;flex:1 1 auto;min-width:0}

.dfme-video-custom-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;justify-content:center;cursor:pointer}

.dfme-video-custom-controls .anim-ripple{position:relative;width:80px;aspect-ratio:1;background:rgba(0,0,0,.6);border-radius:50%;display:flex;align-items:center;justify-content:center}

.dfme-video-custom-controls .anim-ripple::before,.dfme-video-custom-controls .anim-ripple::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:hsla(0,0%,100%,.1);animation:ripple 2s infinite cubic-bezier(0.4, 0, 0.6, 1)}

.dfme-video-custom-controls .anim-ripple::after{animation-delay:1s}

.dfme-video-custom-controls .et-pb-icon{color:#fff;font-size:24px;line-height:1;z-index:1}

.dfme-video-lightbox-trigger-button.with-thumbnail{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}

.dfme-video-play-button.dfme-fallback-play-button>div,.dfme-video-lightbox-trigger-button.dfme-fallback-play-button>div{position:relative;width:78px;height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:#f03;box-shadow:0 12px 28px rgba(0,0,0,.3)}

.dfme-video-play-button.dfme-fallback-play-button>div::before,.dfme-video-play-button.dfme-fallback-play-button>div::after,.dfme-video-lightbox-trigger-button.dfme-fallback-play-button>div::before,.dfme-video-lightbox-trigger-button.dfme-fallback-play-button>div::after{content:none}

.dfme-video-play-button.dfme-fallback-play-button .et-pb-icon,.dfme-video-lightbox-trigger-button.dfme-fallback-play-button .et-pb-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:0;height:0;color:rgba(0,0,0,0) !important;font-size:0 !important;line-height:0 !important}

.dfme-video-play-button.dfme-fallback-play-button .et-pb-icon::before,.dfme-video-lightbox-trigger-button.dfme-fallback-play-button .et-pb-icon::before{content:"";display:block;width:0;height:0;margin-left:5px;border-top:13px solid rgba(0,0,0,0);border-bottom:13px solid rgba(0,0,0,0);border-left:22px solid #fff}

.dfme-video-play-button{cursor:pointer}

.dfme-video-play-button .anim-ripple{position:relative;aspect-ratio:1;background:rgba(0,0,0,.6);border-radius:50%;display:flex;align-items:center;justify-content:center}

.dfme-video-play-button .anim-ripple *{z-index:1}

.dfme-video-play-button .anim-ripple::before,.dfme-video-play-button .anim-ripple::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:hsla(0,0%,100%,.1);animation:ripple 2s infinite cubic-bezier(0.4, 0, 0.6, 1)}

.dfme-video-play-button .anim-ripple::after{animation-delay:1s}

.dfme-video-lightbox-trigger-button .anim-ripple{position:relative;aspect-ratio:1;background:rgba(0,0,0,.6);border-radius:50%;display:flex;align-items:center;justify-content:center}

.dfme-video-lightbox-trigger-button .anim-ripple::before,.dfme-video-lightbox-trigger-button .anim-ripple::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:hsla(0,0%,100%,.1);animation:ripple 2s infinite cubic-bezier(0.4, 0, 0.6, 1)}

.dfme-video-lightbox-trigger-button .anim-ripple::after{animation-delay:1s}

.dfme_advanced_video{overflow:hidden}

.dfme-video-title{padding:0}

.dfme-video-custom-controls,.dfme-video-play-button{overflow:visible !important}

@keyframes ripple{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}100%{transform:scale(2);opacity:0}}