/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ ImageAccordion.
 * منبع: difl/imageaccordion (ریشه .difl_imageaccordion، 5 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_image_accordion *{border-width:0px;border-style:solid;border-color:#333}

.dfme_image_accordion{background-image:initial;width:100%;height:auto;max-height:none;min-height:auto}

.dfme_image_accordion h1,.dfme_image_accordion h2,.dfme_image_accordion h3,.dfme_image_accordion h4,.dfme_image_accordion h5,.dfme_image_accordion h6{color:#333}

.dfme_image_accordion .overlay_wrapper{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);display:flex;flex-direction:column;justify-content:center;z-index:9}

@media only screen and (max-width: 767px){.dfme_image_accordion .item-wrapper.horizontal.vertical_at_mobile{flex-direction:column}}

.dfme_image_accordion .dfme_image_accordion_item.dfme_ia_active,.dfme_image_accordion .dfme_image_accordion_item:has(.dfme_ia_active){flex:10}

.dfme_image_accordion .item-wrapper.vertical .dfme_image_accordion_item{height:150px}

.dfme_image_accordion .item-wrapper.vertical{flex-direction:column}

.dfme_image_accordion img.dfme-image-accordion-icon{width:50px}

.dfme_image_accordion .dfme_image_accordion_item{position:relative;flex:1;text-align:center;text-decoration:none;color:#fff;overflow:hidden}

.dfme_image_accordion .dfme_image_accordion_item .content{opacity:0;height:fit-content}

.dfme_image_accordion .dfme_image_accordion_item.dfme_ia_active .content{opacity:1;visibility:visible}

.dfme_image_accordion .dfme_ia_active:before{content:"";position:absolute;height:100%;width:100%;background:rgba(0,0,0,.15);left:0;top:0;transition:opacity .3s ease;z-index:0;opacity:1}

.dfme_image_accordion .dfme_image_accordion_item:before{content:"";position:absolute;height:100%;width:100%;left:0;top:0;transition:opacity .3s ease;z-index:0;opacity:1}

.dfme_image_accordion .item-wrapper.horizontal{opacity:1;visibility:visible;transform:scale(1);transform-origin:100% 50%;display:flex;height:450px}

.dfme_image_accordion .item-wrapper.vertical{height:550px}

.dfme_image_accordion .dfme_image_accordion_item{margin-bottom:0px !important}

.dfme_image_accordion .dfme_ia_title{font-size:24px}

.dfme_image_accordion .dfme_ia_sub_title{font-size:18px}

.dfme_image_accordion .dfme_ia_description,.dfme_image_accordion .dfme_ia_button{font-size:16px}

.dfme_image_accordion .dfme_image_accordion_item .dfme_ia_button{display:inline-block}

.dfme_image_accordion .et-pb-icon.dfme-image-accordion-icon{font-size:50px}

.dfme_image_accordion.dfme_image_accordion.et_pb_module,.dfme_image_accordion.dfme_image_accordion.et_pb_module:hover{overflow:hidden !important}
