/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ HoverBox.
 * منبع: difl/hoverbox (ریشه .difl_hoverbox، 9 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_hover_box{overflow:hidden;display:flex}

.dfme_hover_box_editor_wrap{overflow:hidden}

.dfme_hover_box .dfme_hover_box_editor_wrap{width:100%;height:auto}

.dfme_hb_container{width:100%;height:-webkit-fill-available;position:relative}

.dfme_hover_box .dfme_hb_background{position:absolute;top:0;left:0;right:0;bottom:0}

.dfme_hover_box .dfme_hb_inner{display:flex;flex-direction:column;justify-content:flex-start;height:100%;position:relative;z-index:1}

.dfme_hover_box .title{font-size:22px;line-height:16px;border-style:solid;border-width:0px;padding-bottom:0px}

.dfme_hover_box .subtitle{font-size:18px;line-height:1.7em;border-style:solid;border-width:0px;padding-bottom:0px}

.dfme_hover_box .content{font-size:14px;line-height:1.7em;border-style:solid;border-width:0px}

.dfme_hover_box span{display:inline-block}

.dfme_hb_button{display:inline-block;border-style:solid;border-width:0px;font-size:16px;line-height:16px}

.dfme_hover_box .dfme_hb_background{transform:scale(1);transition:all .3s cubic-bezier(0.57, 0.21, 0.69, 1)}

.dfme_hb_def_content{transition:all .3s cubic-bezier(0.57, 0.21, 0.69, 1);opacity:1;transform:translateY(0px)}

.dfme_hb_def_content_hover{transition:all .3s cubic-bezier(0.57, 0.21, 0.69, 1);opacity:0;transform:translateY(60px);position:absolute;width:100%}

.dfme_hover_box .dfme_hb_container.hover .dfme_hb_def_content,.dfme_hover_box:hover .dfme_hb_def_content{opacity:0;transform:translateY(60px)}

.dfme_hover_box .dfme_hb_container.hover .dfme_hb_def_content_hover,.dfme_hover_box:hover .dfme_hb_def_content_hover{opacity:1;transform:translateY(0px)}

.dfme_hb_def_content_hover{position:absolute;width:100%}

.dfme_hover_box .dfme_hb_background,.dfme_hover_box .dfme_hb_button,.dfme_hover_box .title,.dfme_hover_box .subtitle,.dfme_hover_box .content{background-position:center;background-repeat:no-repeat;background-size:cover}