/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ BackgroundSwitcherItem.
 * منبع: difl/backgroundswitcheritem (ریشه .difl_backgroundswitcheritem، 10 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_background_switcher_item{display:contents}

.dfme_bg_switcher_item{position:relative;z-index:1;flex:1;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;overflow:visible}

.dfme_bg_switcher_panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}

.dfme_bg_switcher_content{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:20px;background-size:cover}

.dfme_bg_switcher_icon{display:flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;margin-bottom:10px;margin-right:auto}

.dfme_bg_switcher_icon .et-pb-icon{font-size:var(--bgs-icon-size, 100px)}

.dfme_bg_switcher_icon_img{display:block;width:var(--bgs-icon-size, 100px)}

.dfme_bg_switcher_item_title{position:relative;transition:transform var(--bgs-cd-dur, 400ms) ease-in-out}

.dfme_bg_switcher_item_title a{color:inherit;text-decoration:none}

.dfme_bg_switcher_bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:0;transition:opacity var(--bgs-out, 500ms) ease}

.dfme_bg_switcher_item.is-active+.dfme_bg_switcher_bg{opacity:1;transition-duration:var(--bgs-in, 500ms)}

.dfme_bg_switcher_bg.dfme_bg_switcher_bg--placeholder{background-image:url("https://diviflash.website/media/image.png")}

.dfme_bg_switcher_bg .et-pb-background-video,.dfme_bg_switcher_bg .et-pb-background-video .mejs-container,.dfme_bg_switcher_bg .et-pb-background-video .mejs-mediaelement,.dfme_bg_switcher_bg .et-pb-background-video .mejs-video,.dfme_bg_switcher_bg .et-pb-background-video video{position:absolute;inset:0;width:100% !important;height:100% !important;margin:0 !important;max-width:none !important;left:0 !important;top:0 !important;transform:none !important}

.dfme_bg_switcher_bg .et-pb-background-video video{object-fit:cover}

.dfme_bg_switcher_item.is-active{backdrop-filter:blur(var(--bgs-blur, 0));-webkit-backdrop-filter:blur(var(--bgs-blur, 0))}
